Android使用ViewPager实现导航
首先先了解ViewPager实现的出效果是能够使视图左右滑动。
ViewPager在XML文件中的声明和其他一些控件的声明有点儿不一样
而android.support.v4.view是Android界面特殊效果的第三方加载的jar包,能够向下兼容。
<android.support.v4.view.ViewPager ... ... > </android.support.v4.view.ViewPager>
加载显示的页卡:需要将layout布局文件转型为View对象
(1) LayoutInflater lf = getLayoutInfalter().from(this); lf.inflate(resource,root);
(2) View.inflate(context,resource,root); PagerTabStrip 和 PagerTitleStrip
看命名也能够知道,这俩用来设置Title的就像微信主界面底部显示的目录(微信、通讯录、发现、我)一样,能够导航用户所滑到的页面Title。
<android.support.v4.view.ViewPager ... > <android.support.v4.view.PagerTabStrip ... ... > </android.support.v4.view.PagerTabStrip> </android.support.v4.view.ViewPager> <!-- PagerTitleStrip的定义也和PagerTabTitle一样,在ViewPager中 -->
一般在使用时,二者取一用即可,如果两者同时使用,PagerTabStrip会失效
当然,PagerTabStrip 和 PagerTitleStrip也通过设置一些属性来美化导航目录
private PagerTabStrip tabStrip; tabStrip = (PagerTabStrip) findViewById(R.id.tabStrip); tabStrip.setBackgroundColor(Color.GRAY); tabStrip.setTextColor(Color.BLACK); tabStrip.setDrawFullUnderline(false); tabStrip.setTabIndicatorColor(Color.GREEN);
对于ViewPager对应的有三种不同的适配器,所对应的数据源也有所不同
(1)PagerAdapter ---- 数据源:List<View>
package com.Liuyt.s03_e19_viewpager; import java.util.List; import android.support.v4.view.PagerAdapter; import android.view.View; import android.view.ViewGroup; public class MyPagerAdapter extends PagerAdapter { private List<View> viewList; private List<String> titleList; public MyPagerAdapter(List<View> viewList, List<String> titleList) { this.viewList = viewList; this.titleList = titleList; } /* * 得到页卡的数量 */ @Override public int getCount() { // TODO Auto-generated method stub return viewList.size(); } /* * 判断View是否属于Object对象 */ @Override public boolean isViewFromObject(View arg0, Object arg1) { // TODO Auto-generated method stub return arg0 == arg1; } /* * 实例化一个页卡 */ @Override public Object instantiateItem(ViewGroup container, int position) { // TODO Auto-generated method stub container.addView(viewList.get(position)); return viewList.get(position); } /* * 销毁一个页卡 */ @Override public void destroyItem(ViewGroup container, int position, Object object) { // TODO Auto-generated method stub container.removeView(viewList.get(position)); } /* * 设置viewPager的标题 */ @Override public CharSequence getPageTitle(int position) { // TODO Auto-generated method stub return titleList.get(position); } }
(2)FragmentPagerAdapter ---- 数据源:List<Fragment>
package com.Liuyt.s03_e19_viewpager; import java.util.List; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; public class MyFragmentPagerAdapter extends FragmentPagerAdapter{ private List<Fragment>fragList; private List<String>titleList; public MyFragmentPagerAdapter(FragmentManager fm,List<Fragment>fragList,List<String>titleList) { super(fm); // TODO Auto-generated constructor stub this.fragList = fragList; this.titleList = titleList; } @Override public Fragment getItem(int arg0) { // TODO Auto-generated method stub return fragList.get(arg0); } @Override public int getCount() { // TODO Auto-generated method stub return fragList.size(); } @Override public CharSequence getPageTitle(int position) { // TODO Auto-generated method stub return titleList.get(position); } }
(3)FragmentStatePagerAdapter ---- 数据源:List<Fragment>
这儿就不贴代码了,FragmentStatePagerAdapter的代码和FragmentPagerAdapter 的代码差不很多,两者差别在于一个在滑动之后会调用destroy的方法销毁页卡,而另一个并不会对页卡进行销毁。
最后是监听器,ViewPager使用OnPagerChangeListener监听器来监听所滑动到的是哪个页面,中间常用的方法是public void onPagerSelected(int arg0){}
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
- Android中TabLayout+ViewPager 简单实现app底部Tab导航栏
- Android自定义ViewPagerIndicator实现炫酷导航栏指示器(ViewPager+Fragment)
- Android动态给ViewPager添加Indicator导航
- Android 利用ViewPager+GridView实现首页导航栏布局分页效果
- Android 中 TabHost与ViewPager结合实现首页导航效果
- ViewPager顶部导航栏联动效果(标题栏条目多)
- Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果
- Android ViewPager制作新手导航页(动态加载)
- Android ViewPager导航小圆点实现无限循环效果
相关文章
Android应用开发中使用GridView网格布局的代码示例
GridView布局比较基础,可以取代已经逐渐淡出人们视线的TableLayout,这里我们就来看一下Android应用开发中使用GridView网格布局的代码示例:2016-06-06
最新评论