Android之ViewPagerindicator
来源:互联网 发布:陈冠希艳照门事件知乎 编辑:程序博客网 时间:2024/06/14 00:32
Android之ViewPagerindicator
ViewPagerIndicator作为一款分页指标小部件兼容ViewPager,封装上做得非常不错,目前已为众多知名应用所使用。
1.如何使用开源框架
第1步:improt library项目 , 或者我们把重要的关联包都拷贝到你的项目中。
第2步:导入library进我们自己新建的项目。
第1步:improt library项目 , 或者我们把重要的关联包都拷贝到你的项目中。
第2步:导入library进我们自己新建的项目。
从Github上Download下来这个zip包之后,里面会有一个library文件,是库工程,还有一个sample,是作者提供的例子(将sample这个项目import,可以看到作者提供的各种样式的Indicator,作为参考)。如果要在作者例子的基础上自己开发样式,需要将library项目import进Eclipse(library是库工程,我们需要将其作为我们自己项目的依赖库)。然后创建一个新项目,新建的项目libs目录下面有android-support-v4.jar,这个必须删除,因为ViewPageIndicator里面有这个库,我们项目中不允许两个android-support-v4.jar,不删除我们的项目是不能编译的。右键项目—Properties—Android选项卡—Add—选择library库工程—OK,导入完毕。
2.MainActivity布局
布局中仅一个ViewPager,一个ViewPagerIndicator.(本例使用的是其中一种ViewPagerIndicator:TabPagerIndicator)
注意它应该紧邻在ViewPager的上方或下方,总之要挨在一起。
注意它应该紧邻在ViewPager的上方或下方,总之要挨在一起。
<span style="color:#333333;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <com.viewpagerindicator.TabPageIndicator android:id="@+id/indicator" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/base_action_bar_bg" > </com.viewpagerindicator.TabPageIndicator> <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" > </android.support.v4.view.ViewPager></LinearLayout></span>
3.MainActivity代码
第1步:实例化ViewPager,给ViewPager设置Adapter第2步:实例化TabPageIndicator,TabPageIndicator与ViewPager绑在一起第3步:在Indicator上设置OnPagerChangeListner监听器第4步:定义Adapter(继承FragmentPagerAdapter)
先实例化ViewPager,然后实例化TabPageIndicator,然后设置TabPageIndicator和ViewPager关联,就是调用TabPageIndicator的setViewPager(ViewPager view)方法,这样子就实现了点击上面的Tab,下面的ViewPager切换;滑动ViewPager,上面的Tab跟着切换。ViewPager的每一个Item我们使用的是Fragment,使用Fragment可以使布局更加灵活一点,建议多用Fragment。设置监听的时候,需要用Indicator提供的OnPagerChangeListener方法
先实例化ViewPager,然后实例化TabPageIndicator,然后设置TabPageIndicator和ViewPager关联,就是调用TabPageIndicator的setViewPager(ViewPager view)方法,这样子就实现了点击上面的Tab,下面的ViewPager切换;滑动ViewPager,上面的Tab跟着切换。ViewPager的每一个Item我们使用的是Fragment,使用Fragment可以使布局更加灵活一点,建议多用Fragment。设置监听的时候,需要用Indicator提供的OnPagerChangeListener方法
<span style="color:#333333;">public class MainActivity extends FragmentActivity { /** * Tab标题 */ private static final String[] TITLE = new String[] { "头条", "房产", "另一面", "女人", "财经", "数码", "情感", "科技" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //实例化ViewPager, 然后给ViewPager设置Adapter ViewPager pager = (ViewPager)findViewById(R.id.pager); FragmentPagerAdapter adapter = new TabPageIndicatorAdapter(getSupportFragmentManager()); pager.setAdapter(adapter); //实例化TabPageIndicator,然后与ViewPager绑在一起(核心步骤) TabPageIndicator indicator = (TabPageIndicator)findViewById(R.id.indicator); indicator.setViewPager(pager); //如果要设置监听ViewPager中包含的Fragment的改变(滑动切换页面),使用OnPageChangeListener为它指定一个监听器,那么不能像之前那样直接设置在ViewPager上了,而要设置在Indicator上, indicator.setOnPageChangeListener(new OnPageChangeListener() { @Override public void onPageSelected(int arg0) { Toast.makeText(getApplicationContext(), TITLE[arg0], Toast.LENGTH_SHORT).show(); } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } @Override public void onPageScrollStateChanged(int arg0) { } }); } /** * 定义ViewPager的适配器 */ class TabPageIndicatorAdapter extends FragmentPagerAdapter { public TabPageIndicatorAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { //新建一个Fragment来展示ViewPager item的内容,并传递参数 Fragment fragment = new ItemFragment(); Bundle args = new Bundle(); args.putString("arg", TITLE[position]); fragment.setArguments(args); return fragment; } @Override public CharSequence getPageTitle(int position) { return TITLE[position % TITLE.length]; } @Override public int getCount() { return TITLE.length; } } </span>
4.定义ViewPager每一个Item的代码(每一个Fragment)此例只定义了一个Fragment,R.layout.fragment仅定义了一个TextView。在这个Fragment代码中,通过Bundle传递一个Key-value数据,内容仅一个字符串。实际开发的时候,针对每个ViewPager的item,要设计每个不同的Fragment的布局、代码内容等。此例代码只做示范。
<span style="color:#333333;">public class ItemFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { //动态找到布局文件,再从这个布局中find出TextView对象 View contextView = inflater.inflate(R.layout.fragment_item, container, false); TextView mTextView = (TextView) contextView.findViewById(R.id.textview); //获取Activity传递过来的参数 Bundle mBundle = getArguments(); String title = mBundle.getString("arg"); mTextView.setText(title); return contextView; } @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); } }</span>
注意:1.我们没有设置indicator的主题,比如说字字之间的间距或者字体的颜色,我们可以在清单文件中设置。
2. 也许我们写完之后,有的人会出现bug,也就是viewpager滑动出现了问题,这是因为viewpager的绑定出现了问题,我们可以在布局中indictor加上"gone",然后在代码中当viewpager加载完数据之后,再把indictor显示出来。
应该就解决了。如果还没有解决,那就是你fragment代码写错了。
0 0
- Android之自定义ViewPagerIndicator
- Android之ViewPagerindicator
- android自定义View之(五)------ViewPagerIndicator
- Android Tab实现之Viewpager+ViewpagerIndicator
- Android之ViewpagerIndicator滑动导航栏
- Android-ViewPagerIndicator
- Android ViewPagerIndicator
- Android实战之 自定义GitHub开源项目ViewPagerIndicator
- 自定义控件之-ViewPagerIndicator
- Android ViewPagerIndicator
- Android ViewPagerIndicator 使用示例
- android ViewPagerIndicator使用心得
- Android-ViewPagerIndicator简单集成
- Android组件ViewPagerIndicator学习
- Android学习笔记--ViewPagerIndicator
- 浅析Android-ViewPagerIndicator
- Android学习笔记--ViewPagerIndicator
- Android-ViewPagerIndicator使用方法
- win10 uwp 入门
- Spring框架使用ByName自动注入同名问题剖析
- HDU 3861 强联通分量+最小路径覆盖
- IIS服务器无法播放MP4/FLV/3GP等媒体格式的问题
- 消息队列
- Android之ViewPagerindicator
- Android:学习AIDL,这一篇文章就够了(下)
- 解决nginx负载均衡的session共享问题
- 数据库测试
- win7 64位MySQL安装
- Android线性布局LinearLayout,及盒模型,weight权值,ScrollView和HorizontalScrollView【内容溢出(内容太多,高度/宽度大于能显示的最大高度/宽度)】
- C语言中加法在内存中的运行
- 猫捉老鼠
- Wifi小车之 - 综合调试篇