android 常见 的轮播图(可以手动和自动轮换)
2017-08-03 15:14
155 查看
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,在你要轮播的布局里面加入下面的布局(相当于加入一个控件,看你想放哪里).
<FrameLayout
android:layout_width="match_parent"
android:layout_height="200dip" >
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="35dip"
android:layout_gravity="bottom"
android:background="#33000000"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="图片标题"
android:textColor="@android:color/white" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="3dip"
android:orientation="horizontal" >
<View
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"/>
<View
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"/>
<View
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"/>
<View
android:id="@+id/dot_3"
android:layout_width="5dip"
a4aa
android:layout_height="5dip"
android:layout_marginLeft="2dip"
android:layout_marginRight="2dip"
android:background="@drawable/dot_normal"/>
</LinearLayout>
</LinearLayout>
</FrameLayout>
3,把图片和标题都设置控件里面。
/**显示的图片*/
images = new ArrayList<ImageView>();
for(int i=0;i<imageIds.length;i++){
ImageView imageView = new ImageView(getActivity());
imageView.setBackgroundResource(imageIds[i]);
images.add(imageView);
}
/*显示的圆点 */
dots = new ArrayList<View>();
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;
}
}
/**轮播图片*/
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,在你要轮播的布局里面加入下面的布局(相当于加入一个控件,看你想放哪里).
<FrameLayout
android:layout_width="match_parent"
android:layout_height="200dip" >
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="35dip"
android:layout_gravity="bottom"
android:background="#33000000"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="图片标题"
android:textColor="@android:color/white" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="3dip"
android:orientation="horizontal" >
<View
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"/>
<View
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"/>
<View
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"/>
<View
android:id="@+id/dot_3"
android:layout_width="5dip"
a4aa
android:layout_height="5dip"
android:layout_marginLeft="2dip"
android:layout_marginRight="2dip"
android:background="@drawable/dot_normal"/>
</LinearLayout>
</LinearLayout>
</FrameLayout>
3,把图片和标题都设置控件里面。
/**显示的图片*/
images = new ArrayList<ImageView>();
for(int i=0;i<imageIds.length;i++){
ImageView imageView = new ImageView(getActivity());
imageView.setBackgroundResource(imageIds[i]);
images.add(imageView);
}
/*显示的圆点 */
dots = new ArrayList<View>();
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;
}
}
相关文章推荐
- android 轮播图手动循环滑动+自动循环滑动
- Android手机UI设计---”知乎“界面外观模仿篇(五)---在Fragment里使用Gallery实现自动轮播和手动滑动
- Android 轮播图的实现 自动+手动滑动+指示+点击事件
- Android使用viewpager实现自动无限轮播图
- 我的Android进阶之旅------>Android的ListView数据更新后,如何使最新的条目可以自动滚动到可视范...
- Android中ConvenientBanner的使用--获取本地图片 --(实现效果是自动轮播图片)
- Android自动滚动 轮播循环的ViewPager
- Android使用ViewPager实现自动轮播
- Android 滑动侧边栏(Sliding Menu)第一种实现 - 2 手动滚动+自动滚动 + 事件处理
- Android中ConvenientBanner的使用--获取网络图片 --(实现效果是自动轮播图片)
- android app自动&手动更新的小demo方法讲解
- Android超级好用的广告轮播图控件,无限循环,手动滑动,指示器,不需要对库源码进行修改,带很多滑动特效
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android 百度地图定位(手动+自动) 安卓开发教程
- Android实现带指示点的自动轮播无限循环效果
- HTML 自动、手动切换轮播 from:金水
- Android中ViewPage无限轮播和手动
- 自动轮播图(可以有点击事件的其中点击事件用 block 传值)
- Android仿京东淘宝自动无限循环轮播控件思路详解
- 利用fir.im提供的api接口实现android apk自动更新和手动更新