Android开发——Viewpager的介绍使用
目录:
一、Viewpager的简单介绍
二、简单的Viewpager使用
三、简单显示图片的Viewpager实现
四、广告图的实现及Viewpager指示器(小圆点)的实现
五、APP引导页的实现
一、ViewPager介绍
官方文档解释:
Layout manager that allows the user to flip left and right through pages of data. You supply an implementation of a PagerAdapter to generate the pages that the view shows.
ViewPager is most often used in conjunction with android.app.Fragment, which is a convenient way to supply and manage the lifecycle of each page. There are standard adapters implemented for using fragments with the ViewPager, which cover the most common use cases. These are android.support.v4.app.FragmentPagerAdapter and android.support.v4.app.FragmentStatePagerAdapter; each of these classes have simple code showing how to build a full user interface with them.
Views which are annotated with the ViewPager.DecorView annotation are treated as part of the view pagers 'decor'. Each decor view's position can be controlled via its android:layout_gravity attribute. For example:
<android.support.v4.view.ViewPager
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.view.PagerTitleStrip
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="top" />
</android.support.v4.view.ViewPager>
For more information about how to use ViewPager, read Creating Swipe Views with Tabs.
You can find examples of using ViewPager in the API 4+ Support Demos and API 13+ Support Demos sample code.
大概的意思为:
布局管理器允许左右翻转带数据的页面,你想要显示的视图可以通过实现PagerAdapter来显示。这个类其实是在早期设计和开发的,它的API在后面的更新之中可能会被改变,当它们在新版本之中编译的时候可能还会改变源码。
ViewPager经常用来连接Fragment,它很方便管理每个页面的生命周期,使用ViewPager管理Fragment是标准的适配器实现。最常用的实现一般有FragmentPagerAdapter和FragmentStatePagerAdapter。
FragmentPagerAdapter和FragmentStatePagerAdapter是ViewPager和Fragment一起使用时才会用到,后面会详细介绍,这里就不介绍了
二、简单的ViewPager使用
使用方法其实与Listview和RecyclerView的方法类似
1.布局文件使用Viewpager
2.定义一个适配器类使其继承PagerAdapter,复写其中的四个方法,分别是getCount,isViewFromObject,instantiateItem和destroyItem
@Override
public int getCount() {
return 3;//在Viewpager显示3个页面
} @Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
} @Override
public Object instantiateItem(ViewGroup container, int position) {
TextView tv = new TextView(container.getContext());
tv.setGravity(Gravity.CENTER);
tv.setTextSize(20);
tv.setText("第" + position + "页"); // 添加到ViewPager容器
container.addView(tv); // 返回填充的View对象
return tv; } @Override
public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object);
}
3.findviewbyid方法找到viewpager
4.设置适配器
效果图:
三、简单显示图片的Viewpager实现
1.布局中使用viewpager
2.定义一个适配器类使其继承PagerAdapter,复写其中的四个方法,分别是getCount,isViewFromObject,instantiateItem和destroyItem
private int [] mImage; public AdvertiseViewpagerAdapter(int[] mImage) {
this.mImage = mImage;//接收传入的mIamge
} @Override
public int getCount() {
return 3;//在Viewpager显示3个页面
} @Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
//设置每一页显示的内容
@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView imageView = new ImageView(container.getContext());
imageView.setImageResource(mImage[position]);//ImageView设置图片
container.addView(imageView); // 添加到ViewPager容器
return imageView;// 返回填充的View对象
}
// 销毁条目对象
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
这里注意看红色的代码,我们在适配类中定义了一个成员变量,用来接收参数传入的图片资源id,之后在instantiateItem方法中,new一个ImageView,将其的图片设置为数组中存放的图片资源id,其他的代码与之前一样,这里就不多解释了
3.在activity文件中声明一个整型数组,将图片资源id存放进去
4.new一个适配器,将整型数组传入
5.findviewbyid找到viewpager,为其设置适配器
效果图:
四、广告图的实现及Viewpager指示器(小圆点)的实现
本来开始写的时候,我还是用的别人的库来实现小圆点功能,之后,研究了一下,发现实现其实很简单,想要了解的同学可以看我这一篇Android开发——打造简单的Viewpager指示器(小圆点指示器)
今天写的就是拿别人的来使用
项目名称CircleIndicator,github
第一步,添加依赖
第二步,在xml中使用
第三步,为circleIndicator绑定viewpager
效果图:
颜色有些白,可能看得不太清楚。。
PS:可以通过自定义属性修改颜色,不过,修改颜色就变成了正方形了,不太懂是怎么回事
五、APP引导页的实现
首先,我们理解一下引导页的逻辑
这里有个问题,如何才能判断是否是第一次进入APP呢?其实很简单,使用 SharedPreferences,这里我不多说了
我这一篇有用到SharedPreferences,可以参考参考Android开发模板代码(二)——为ImageView设置图片,退出后能保存ImageView的状态
1.在xml中使用viewpager
这里我们还可以加上一个圆形指示器,这样比较好看,市场上的大部分APP都是有个圆形指示器的嘛,我们也随主流
这里我们可以使用之前的那个开源库CircleIndicator,如果你是想实现移动的小圆点指示器,打一波广告,推荐使用开源库CIrclePointMove
这个开源库是我用两天写出来的,简单设置之后就能实现小圆点移动的功能
提示:
使用RelativeLayout,可以使得小圆点指示器显示在Viewpager上方
layout_above 该控件显示在fragmentViewpager的上方
layout_alignParentBottom 该控件是否贴近父布局的底部
2.定义个适配类,这里我们使用viewpager装载fragment
我这里用了两个Fragment,一个fragment显示第一页,来一个显示第二页
代码与之前类似,相信大家也是看到明白,不过,这里提一下,ViewPager的FragmentAdapter有两种,一种是FragmentPagerAdapter,另外一种则是FragmentPageStateAdapter,这两种的区别在于,前者在换到其他页时不会销毁之前的页面内容,适合页面较少的情况使用,后者则是换到其他页会将之前的页面给销毁,返回到之前的页面就是重新加载,适合页面过多的情况使用
3.为Viewpager设置adapter
4.使用CirclePointMove实现小圆点跟随viewpager移动
5.效果图
PS:我这里只是简单地演示了Fragment,你也可以使用我上面的提示,在下面加个按钮实现下一页,需要使用到Viewpager的setCurrentItem方法,参数为position,还有跳过功能,直接显示出主界面
Android开发——Viewpager的介绍使用的更多相关文章
- Android开发教程大全介绍
Android是由谷歌在2007年推出的一个开放系统平台,主要针对移动设备市场,目前版本为Android 4.0.Android基于Linux,开发者可以使用Java或C/C++开发Android应用 ...
- Android开发——ThreadLocal功能介绍
个静态的监听器对象,显然是无法接受的. 2. 使用实例 //首先定义一个ThreadLocal对象,选择泛型为Boolean类型 private ThreadLocal<Boolean> ...
- Android开发 ViewPager删除Item后,不会更新数据和View
问题描述: 在使用ViewPager的适配器删除适配器里一个Item后依然会,而删除的这个item依然会保留缓存,适配器不会重新加载更新数据.如下代码: public class TReleaseCi ...
- android开发学习笔记系列(2)-android应用界面编程
前言 本篇博客将会简要介绍andriod开发过程中的一些界面元素和编程的实现,我将大家走进安卓的XML世界,当然可能会涉及到java代码,当然本文主要是介绍XML文件的界面布局. 那么我们的XML存在 ...
- 给 Android 开发人员的 RxJava 具体解释
鉴于 RxJava 眼下这样的既火爆又神奇的现状,而我又在一年的使用过程中对 RxJava 有了一些理解,我决定写下这篇文章来对 RxJava 做一个相对具体的.针对 Android 开发人员的介绍. ...
- Android开发——Android的消息机制详解
)子线程默认是没有Looper的,Handler创建前,必须手动创建,否则会报错.通过Looper.prepare()即可为当前线程创建一个Looper,并通过Looper.loop()来开启消息循环 ...
- Android开发中用到的框架、库介绍
Android开发中用到的框架介绍,主要记录一些比较生僻的不常用的框架,不断更新中...... 网路资源:http://www.kuqin.com/shuoit/20140907/341967.htm ...
- Android开发之漫漫长途 Fragment番外篇——TabLayout+ViewPager+Fragment
该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列.该系列引用了<Android开发艺术探索>以及<深入理解And ...
- Android开发书籍推荐:从入门到精通系列学习路线书籍介绍
Android开发书籍推荐:从入门到精通系列学习路线书籍介绍 很多时候我们都会不断收到新手的提问"Android开发的经典入门教材和学习路线?"."Android 开发入 ...
随机推荐
- GDOI2016游记
翘课真好……(下午返校gg…… 为了GDOI,我特地准备了一堆模板,然后,由于在考前不久发现一个挺好玩的手游……模板就这么被放在一边(只翻了几次…… Day 0 同样是坐动车,到广州后转大巴到四会市, ...
- [51nod1440]迈克打电话
有n只熊,从1到n进行编号. 第i只熊的电话号码是si.每只熊会给那些电话号码是他的子串的熊打电话(可能会给自己打). call(i, j) 表示第i只熊给第j只熊打电话的次数,也就是第j个串在第i个 ...
- noi 2016 游记
先挖个坑..这回大概不会太监吧(大雾 day -2 下午起飞的飞机,晚上到了成都..把东西扔到旅馆后就组队外出觅食了... 街上人不多,逛了半天才发现一家卖本地小吃的小店. KPM:诶诶给我来碗酸辣粉 ...
- [bzoj3282]Tree (lct)
昨天看了一天的lct..当然幸好最后看懂了(也许吧..) 论善良学长的重要性T_T,老司机带带我! 这题主要是删边的时候还要判断一下..蒟蒻一开始天真的以为存在的边才能删结果吃了一发wa... 事实是 ...
- BZOJ1258: [CQOI2007]三角形tri
题目:http://www.lydsy.com/JudgeOnline/problem.php?id=1258 如果最后一位是4,那就改成123就好了. 然后最后一位不是4的话,至多三个答案,然后可以 ...
- UVA 572 dfs求连通块
The GeoSurvComp geologic survey company is responsible for detecting underground oil deposits. GeoSu ...
- UE4 内容示例网络同步Learn
一, 1.1 Actor的复制 Actor中的Replicates ,为true时,服务器会把该Actor同步,显示在客户端中. 1.2 Switch Has Authority判断是客户端还是服务器 ...
- Flume介绍
Flume介绍 http://flume.apache.org/FlumeUserGuide.html 一.Flume架构图 含义 Source 规定收集数据的来源 Channel 相当于一个管道,连 ...
- PHP结合Ueditor并修改图片上传路径
投稿:hebedich 字体:[增加 减小] 类型:转载 时间:2016-10-16 我要评论 使用ueditor编辑器,附件默认在ueditor/php/upload/, 但是大家的附件地址的默认路 ...
- 【笔记】vue-cli 开发环境中跨域连接后台api(vue-resource 跨域post 请求)
在vue-cli 项目中很多人会用到mock 数据(模拟数据),但是我觉得如果在真实的数据库交互中开发会更有安全感一些,所以查了一下百度很多人推荐的就是: 跨域! 跨域是什么概念?不同的主机名,同主机 ...