android开发自动加手动轮播图,android常见手动和自动轮播图效果

本文实例为大家分享了android手动和自动轮播图效果的具体代码,供大家参考,具体内容如下

1、准备好需要的轮播图片,图片标题(初始化,声明)。

/**轮播图片*/

private int[] imageIds=new int[]{

R.drawable.ic_launcher,

R.drawable.simple_player_control_focused_holo,

R.drawable.dot_player1_1,

R.drawable.jt5,

};

/**轮播图片的标题*/

private String[] titles=new String[]{

"我是一",

"我是二",

"我是三",

"我是四",

};

2、在你要轮播的布局里面加入下面的布局(相当于加入一个控件,看你想放哪里).

android:layout_width="match_parent"

android:layout_height="200dip" >

android:id="@+id/viewPager"

android:layout_width="match_parent"

android:layout_height="match_parent" />

android:layout_width="match_parent"

android:layout_height="35dip"

android:layout_gravity="bottom"

android:background="#33000000"

android:gravity="center"

android:orientation="vertical" >

android:id="@+id/title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="图片标题"

android:textColor="@android:color/white" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="3dip"

android:orientation="horizontal" >

android:id="@+id/dot_0"

android:layout_width="5dip"

android:layout_height="5dip"

android:layout_marginLeft="2dip"

android:layout_marginRight="2dip"

android:background="@drawable/dot_focused"/>

android:id="@+id/dot_1"

android:layout_width="5dip"

android:layout_height="5dip"

android:layout_marginLeft="2dip"

android:layout_marginRight="2dip"

android:background="@drawable/dot_normal"/>

android:id="@+id/dot_2"

android:layout_width="5dip"

android:layout_height="5dip"

android:layout_marginLeft="2dip"

android:layout_marginRight="2dip"

android:background="@drawable/dot_normal"/>

android:id="@+id/dot_3"

android:layout_width="5dip"

android:layout_height="5dip"

android:layout_marginLeft="2dip"

android:layout_marginRight="2dip"

android:background="@drawable/dot_normal"/>

3、把图片和标题都设置控件里面。

/**显示的图片*/

images = new ArrayList();

for(int i=0;i

ImageView imageView = new ImageView(getActivity());

imageView.setBackgroundResource(imageIds[i]);

images.add(imageView);

}

/*显示的圆点 */

dots = new ArrayList();

dots.add(view.findViewById(R.id.dot_0));

dots.add(view.findViewById(R.id.dot_1));

dots.add(view.findViewById(R.id.dot_2));

dots.add(view.findViewById(R.id.dot_3));

/**轮播的标题*/

title = (TextView) view.findViewById(R.id.title);

title.setText(titles[0]);

4、findViewById到控件布局里面的ViewPager,new 一个ViewpagerAdapter(),通过setOnPageChangeListener的方法来监听改变

viewPager = (ViewPager) view.findViewById(R.id.viewPager);

adapter = new ViewPagerAdapter();

viewPager.setAdapter(adapter);

viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

title.setText(titles[position]);

dots.get(position).setBackgroundResource(R.drawable.dot_focused);

dots.get(oldPosition).setBackgroundResource(R.drawable.dot_normal);

oldPosition = position;

currentItem = position;

}

@Override

public void onPageSelected(int position) {

}

@Override

public void onPageScrollStateChanged(int state) {

}

});

5、自定义一个ViewPagerAdapter

/**

* 自定义Adapter

* 内部类

*/

private class ViewPagerAdapter extends PagerAdapter {

@Override

public int getCount() {

return images.size();//传入的数据

}

@Override

public boolean isViewFromObject(View arg0, Object arg1) {

return arg0 == arg1;

}

@Override

public void destroyItem(ViewGroup view, int position, Object object) {

// TODO Auto-generated method stub

// super.destroyItem(container, position, object);

// view.removeView(view.getChildAt(position));

// view.removeViewAt(position);

view.removeView(images.get(position));

}

@Override

public Object instantiateItem(ViewGroup view, int position) {

// TODO Auto-generated method stub

view.addView(images.get(position));

return images.get(position);

}

}

6、这些自己看着改主要是线程池,handler,定时轮换

/**

* 图片轮播任务

*

*/

private class ViewPageTask implements Runnable{

@Override

public void run() {

currentItem = (currentItem + 1) % imageIds.length;

mHandler.sendEmptyMessage(0);

}

}

/**

* 接收子线程传递过来的数据

*/

private Handler mHandler = new Handler(){

public void handleMessage(android.os.Message msg) {

viewPager.setCurrentItem(currentItem);

};

};

@Override

public void onStop() {

// TODO Auto-generated method stub

super.onStop();

if(scheduledExecutorService != null){

scheduledExecutorService.shutdown();

scheduledExecutorService = null;

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 布局文件中添ViewPager组件 ```xml <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` 2. 创建适配器 创建一个适配器,继承自PagerAdapter,实现以下方法: - getCount() 返回轮播图数量 - instantiateItem() 载ViewPager的每一个页面 - destroyItem() 销毁ViewPager的每一个页面 - isViewFromObject() 判断当前的 View 是否和 instantiateItem() 返回的 object 相等 ```java public class MyPagerAdapter extends PagerAdapter { private List<ImageView> mImageViews; public MyPagerAdapter(List<ImageView> imageViews) { mImageViews = imageViews; } @Override public int getCount() { return mImageViews.size(); } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = mImageViews.get(position); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(mImageViews.get(position)); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } } ``` 3. 初始化ViewPager ```java private void initViewPager() { List<ImageView> imageViews = new ArrayList<>(); for (int i = 0; i < mImageIds.length; i++) { ImageView imageView = new ImageView(this); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImageIds[i]); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 点击事件 } }); imageViews.add(imageView); } MyPagerAdapter pagerAdapter = new MyPagerAdapter(imageViews); mPager.setAdapter(pagerAdapter); // 自动滑动 mPager.setCurrentItem(0); mPager.postDelayed(new Runnable() { @Override public void run() { int currentItem = mPager.getCurrentItem(); int count = mImageIds.length; int nextItem = (currentItem + 1) % count; mPager.setCurrentItem(nextItem, true); mPager.postDelayed(this, 3000); } }, 3000); // 手动滑动 mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { } @Override public void onPageScrollStateChanged(int state) { } }); } ``` 4. 实现自动滑动 在 initViewPager() 方法中,通过 postDelayed() 方法实现自动滑动。首先将 ViewPager 的当前位置设置为 0,然后每隔 3 秒就自动滑动到下一个页面,直到滑动到最后一页后再从头开始滑动。 ```java mPager.setCurrentItem(0); mPager.postDelayed(new Runnable() { @Override public void run() { int currentItem = mPager.getCurrentItem(); int count = mImageIds.length; int nextItem = (currentItem + 1) % count; mPager.setCurrentItem(nextItem, true); mPager.postDelayed(this, 3000); } }, 3000); ``` 5. 实现手动滑动和点击切换 在 initViewPager() 方法中,通过 addOnPageChangeListener() 方法实现手动滑动和点击切换。在 onPageSelected() 方法中,更新标题和指示器的位置。在 onClick() 方法中,获取当前页面的位置并设置为 ViewPager 的当前位置。 ```java mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { mTitle.setText(mTitles[position]); mIndicator.setCurrentItem(position); } @Override public void onPageScrollStateChanged(int state) { } }); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int currentItem = mPager.getCurrentItem(); if (currentItem == mImageIds.length - 1) { mPager.setCurrentItem(0, true); } else { mPager.setCurrentItem(currentItem + 1, true); } } }); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值