Android ViewPager PagerAdapter 图片轮播
ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的View类。
ViewPager类需要一个PagerAdapter适配器类给它提供数据。
ViewPager经常和Fragment一起使用,并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用。
ViewPager的功能就是可以使视图滑动,就像Lanucher左右滑动那样。分三个步骤来使用它:
1.在住布局文件里加入
2.加载要显示的页卡
3.在Activity里实例化ViewPager组件,并设置它的Adapter(就是PagerAdapter,方法与ListView一样的),在这里一般需要重写PagerAdapter。
当你实现一个PagerAdapter,你必须至少覆盖以下方法:
1. instantiateItem(ViewGroup, int) //返回视图对象
2. destroyItem(ViewGroup, int, Object) //销毁视图对象
3. getCount() //视图个数
4. isViewFromObject(View, Object) //一般传入arg0==arg1.用来判断两个视图是否是等价的
XML配置
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</android.support.v4.view.ViewPager>
在res/drawable下建立选择器
point_selector.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<!-- <android.support.design.widget.TabLayout
android:id="@+id/tablelayout"
android:layout_width="match_parent"
android:layout_height="wrap_content" />--> <android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!--系统默认PagerTabStrip和PagerTabStrip指示器的唯一区别是
PagerTabStrip可以点,PagerTabStrip不能点-->
<android.support.v4.view.PagerTabStrip
android:id="@+id/pts"
android:layout_width="match_parent"
android:layout_height="wrap_content"> </android.support.v4.view.PagerTabStrip> </android.support.v4.view.ViewPager>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_points"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignParentBottom="true"
android:layout_marginBottom="50dp"
android:layout_centerHorizontal="true"> </LinearLayout>
</RelativeLayout>
activity_main.xml
public class MainActivity extends AppCompatActivity { ViewPager viewPager;
Timer timer;
LinearLayout ll_points;
//TabLayout tablayout; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); viewPager = (ViewPager) findViewById(R.id.viewPager);
initPoints(); //tablayout = (TabLayout) findViewById(R.id.tablayout); viewPager.setAdapter(new MyPagerAdapter()); //指示器也需要在设置适配器之后,还有默认不能设置成无限滚动,所以
//tablayout.setupWithViewPager(viewPager); //必须在设置适配器之后设置默认中间页
//viewPager.setCurrentItem(Integer.MAX_VALUE / 2); viewPager.setCurrentItem(Integer.MAX_VALUE / 2 - Integer.MAX_VALUE / 2 % 6);
//viewPager.setCurrentItem(0);
//设置自动轮播
startAuto(); viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
//无限页
} int currentIndex = 0;//一开始是第0页,已经被选中
@Override
public void onPageSelected(int position) {
//页面选择时
Toast.makeText(MainActivity.this,position+"页",Toast.LENGTH_SHORT).show();
ll_points.getChildAt(currentIndex).setSelected(false);
ll_points.getChildAt(position % 6).setSelected(true);
currentIndex = position % 6;
} @Override
public void onPageScrollStateChanged(int state) {
//状态改变
if (state == ViewPager.SCROLL_STATE_DRAGGING) {
//停止自动滚动
} else {
//开始滚动
}
}
}); } private void initPoints() {
ll_points = (LinearLayout) findViewById(R.id.ll_points);
for (int i = 0; i < 6; i++) {
View view = new View(getBaseContext());
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20,20);
params.setMargins(10,10,10,10);
view.setBackgroundResource(R.drawable.point_selector);
view.setLayoutParams(params);
ll_points.addView(view);
} //默认第0个被选中
ll_points.getChildAt(0).setSelected(true); } public void startAuto(){
//计时器
timer = new Timer();
timer.schedule(new TimerTask() {
@Override
public void run() {
//修改UI子线程中修改
runOnUiThread(new Runnable() {
@Override
public void run() {
viewPager.setCurrentItem(viewPager.getCurrentItem()+1);
}
}); }
}, 3000, 3000);
} public void stop(){
if(timer != null){
timer.cancel();
}
} class MyPagerAdapter extends PagerAdapter {
//每一个ViewPager就是一个页面
List<View> mList = new ArrayList<>();
int[] imgId = new int[]{R.mipmap.img01, R.mipmap.img02, R.mipmap.img03, R.mipmap.img04, R.mipmap.img05, R.mipmap.img06}; public MyPagerAdapter(){
for(int i=0; i<6; i++){
ImageView img = new ImageView(getBaseContext());
img.setImageResource(imgId[i]);
img.setScaleType(ImageView.ScaleType.FIT_XY);
mList.add(img);
}
}
@Override
public int getCount() {
//return mList.size();
//轮播设置最大值
return Integer.MAX_VALUE;
} @Override
public boolean isViewFromObject(View view, Object object) {
//判断两页是否相同,google要求这样写
return view == object;
} //加载视图对象,不要弄成View container的函数,这个已经是过期的了
@Override
public Object instantiateItem(ViewGroup container, int position) {
//添加视图到ViewGroup中
container.addView(mList.get(position % 6));
return mList.get(position % 6);
} //销毁一个视图
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(mList.get(position % 6));
} String[] titles = {"第一页","第二页","第三页","第四页","第五页","第六页"}; //给定系统的指示器的时候,需要重写getPageTitle方法
@Override
public CharSequence getPageTitle(int position) {
return titles[position % 6];
}
} }
MainActivity.java
下面是使用
android.support.design.widget.TabLayout的效果,需要导入jar studio可以远程依赖
在布局中添加TabLayout
在viewPager设置适配器后,调用setupWithViewPager(vp);但是默认不能设置无限页滚动
Android ViewPager PagerAdapter 图片轮播的更多相关文章
- Android Viewpager实现图片轮播(仿优酷效果)
1 http://blog.csdn.net/t12x3456/article/details/8160128 2 http://www.cnblogs.com/androidez/archive/2 ...
- 通过ViewPager 实现图片轮播
通过ViewPager 实现图片轮播 首先来个效果图 布局文件: LinearLayout 用来存放下方的几个小白点. <?xml version="1.0" encodin ...
- 用viewpager实现图片轮播
应用中常常遇到图片轮播的需求,这时候就需要用到viewpager这个组件.viewpager是android support v4 中提供的一个组件.viewpager使用需要以下几步骤: 1.在布局 ...
- Android ViewPager实现图片标题轮播和点击事件
我看别人的文章,最喜欢看有图的.然后先找图看. 那我就先上效果图: 实现了图片自动轮播,手动滑动,轮播标题,以及点击事件.下面开始: 一.资源文件: 首先是布局: <?xml version=& ...
- android ViewPager实现的轮播图广告自定义视图,网络获取图片和数据
public class SlideShowAdView extends FrameLayout { //轮播图图片数量 private static int IMAGE_COUNT = 3; ...
- Viewpager实现图片轮播
//-------------主布局文件------------------------------------- <LinearLayout xmlns:android="http: ...
- Android 使用ViewPager 做的半吊子的图片轮播
Android 使用ViewPager 做的半吊子的图片轮播 效果图 虽然不咋样,但是最起码的功能是实现了,下面我们来一步步的实现它. 界面 下面我们来分析一下界面的构成 整体的布局: 因为我们要做出 ...
- Android 图片轮播(最简单的)
布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android ...
- Android学习笔记之图片轮播...
PS:一个bug又折腾了一个下午....哎... 学习内容: 1.Android利用ViewPager和PagerAdapter实现图片轮播... 2.使用反射机制获取Android的资源信息... ...
随机推荐
- 【HDU3802】【降幂大法+矩阵加速+特征方程】Ipad,IPhone
Problem Description In ACM_DIY, there is one master called “Lost”. As we know he is a “-2Dai”, which ...
- 【BZOJ1050】【枚举+并查集】旅行comf
Description 给你一个无向图,N(N<=500)个顶点, M(M<=5000)条边,每条边有一个权值Vi(Vi<30000).给你两个顶点S和T,求一条路径,使得路径上最大 ...
- PHP 数组转JSON数据(convert array to JSON object);
<?php header('Content-type: appliction/json; charset=shift-JIS'); $data =array(); class Test { pu ...
- gzip命令
http://www.cnblogs.com/peida/archive/2012/12/06/2804323.html 减 少文件大小有两个明显的好处,一是可以减少存储空间,二是通过网络传输文件时, ...
- aix7安装was7、打补丁、更改访问端口、手动启动was、配置was7、部署项目
1:准备工作 首先了解下我们下面即将用到的aix命令,以及安装包.补丁安装工具.补丁 was7的安装包以及补丁工具都是压缩包形式并且以.tar.gz结尾的 安装包在800MB左右,通常为****_w ...
- 反射给对象赋值遇到的问题——类型转换[转http://blog.csdn.net/xiaohan2826/article/details/8536074]
发布时间:2012-10-25 10:49浏览次数:225 给一个对象属性赋值可以通过PropertyInfo.SetValue()方式进行赋值,但要注意值的类型要与属性保持一致. 创建对象实例的 ...
- JQUERY1.9学习笔记 之可见性过滤器(一) 隐藏选择器
描述:选择所有隐藏的元素. jQuery( ":hidden" ) 例:显示出所有隐藏的div元素,并对隐藏的input元素计数. <!doctype html>< ...
- smali文件语法参考
Dalvik opcodes Author: Gabor Paller Vx values in the table denote a Dalvik register. Depending on th ...
- Frame与启动流程
1. frame与bounds的区别: frame是从屏幕的左上角开始计算位置,而bounds是从新添加view左上角作为(0,0)开始计算 bounds是以自身为参考系,所以左上角的点为原点 cen ...
- 转载:.NET Web开发技术简单整理
在最初学习一些编程语言.一些编程技术的时候,做的更多的是如何使用该技术,如何更好的使用该技术解决问题,而没有去关注它的相关性.关注它的理论支持,这种学习技术的方式是短平快.其实工作中有时候也是这样,公 ...