当前位置: 首页 > 编程笔记 >

Android开发实现的自动换图片、轮播图效果示例

轩辕晔
2023-03-14
本文向大家介绍Android开发实现的自动换图片、轮播图效果示例,包括了Android开发实现的自动换图片、轮播图效果示例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了Android开发实现的自动换图片、轮播图效果。分享给大家供大家参考,具体如下:

50行代码急速实现轮播图:

先看效果:

两个例子没太大区别,

不过i是布局文件中控件的Height不一样罢了这里一第二个为例:

public class MainActivity extends Activity {
  int[] imageIds = new int[]{
      R.drawable.a00,R.drawable.a01,R.drawable.a02,R.drawable.a3,R.drawable.a4,R.drawable.a5,
      R.drawable.a6,R.drawable.a7,R.drawable.a8,R.drawable.a9
  };
  private AdapterViewFlipper flipper ;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //创建一个BaseAdapter对象,该对象负责提供Gallery所显示的列表项
    flipper = (AdapterViewFlipper) findViewById(R.id.flipper);
    BaseAdapter adapter = new BaseAdapter() {
      @Override
      public int getCount() {
        return imageIds.length;
      }
      @Override
      public Object getItem(int position) {
        return position;
      }
      @Override
      public long getItemId(int position) {
        return position;
      }
      @Override
      public View getView(int position, View convertView, ViewGroup parent) {
        //创建一个ImageView
        ImageView imageView = new ImageView(MainActivity.this);
        imageView.setImageResource(imageIds[position]);
        //设置ImageView的缩放类型
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        //为ImageView设置布局参数
        imageView.setLayoutParams(new ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT));
        return imageView;
      }
    };
    flipper.setAdapter(adapter);
  }
  public void prev(View source){
    //显示上一个组件
    flipper.showPrevious();
    //停止自动播放
    flipper.stopFlipping();
  }
  public void next(View source){
    //显示下一个组件
    flipper.showNext();
    //停止自动播放
    flipper.stopFlipping();
  }
  public void auto(View source){
    //开始自动播放
    flipper.startFlipping();
  }
}

嗯好像是五十多行。。无所谓了

顺便给下**布局文件:**无脑定义罢了

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/container"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity">
  <AdapterViewFlipper
    android:id="@+id/flipper"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:flipInterval="5000"
    android:layout_alignParentTop="true"/>
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:onClick="prev"
    android:text="下一个" />
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:onClick="next"
    android:text="上一个" />
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:onClick="auto"
    android:text="自动播放" />
</RelativeLayout>

搞定 啥都不要 就这么简单~

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

 类似资料:
  • 本文向大家介绍js手动播放图片实现图片轮播效果,包括了js手动播放图片实现图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js图片轮播具体实现代码,供大家参考,具体内容如下 一、html代码部分(et.thtml): 二、css代码部分(styleet,css): 三、js代码部分(et.js): 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教

  • 本文向大家介绍js实现图片轮播效果,包括了js实现图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了js实现图片轮播效果代码,分享给大家供大家参考,具体内容如下 运行代码如下 具体代码如下 插件是基于jQuery写的,主要实现的功能:自动播放、鼠标悬停、左右箭头控制+禁止点击 CSS样式: HTML布局( a标签最好加个title属性 ): JS脚本插件: 页面调用: 希望本文所

  • 本文向大家介绍JQuery实现图片轮播效果,包括了JQuery实现图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 【原理简述】 这里大概说一下整个流程: 1,将除了第一张以外的图片全部隐藏, 2,获取第一张图片的alt信息显示在信息栏,并添加点击事件 3,为4个按钮添加点击侦听,点击相应的按钮,用fadeOut,fadeIn方法显示图片 4,设置setInterval,定时执行切换函数 【代

  • 本文向大家介绍Android ViewPager实现轮播图效果,包括了Android ViewPager实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 先上一张效果图: 说到ViewPager实现轮播图效果,那么肯定会用到PagerAdapter,下面先介绍下这个类。 PagerAdapter简介 PagerAdapter是Android.support.v4包中的类,是一个抽象类,直接继

  • 本文向大家介绍jQuery实现的图片轮播效果完整示例,包括了jQuery实现的图片轮播效果完整示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现的图片轮播效果。分享给大家供大家参考,具体如下: 运行效果图如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《j

  • 本文向大家介绍js图片轮播手动切换效果,包括了js图片轮播手动切换效果的使用技巧和注意事项,需要的朋友参考一下 利用ScrollPicLeft.js这个库实现图片的前后切换,适用于网页中的证书展示、推荐商品之类的栏目。它不像传统的marquee滚动那样,而是可以手动的去点击前后切换箭头按钮,进行图片的翻页,从而达到浏览上一张,下一张的效果。 不需要调用jquery,初始化简单,使用非常的简单,便利