使用PagerTabStrip实现有滑动标签的Viewpager
2015-12-12 23:49
567 查看
在ViewPager这种可以滑动的控件上,总是有很多的文章可以做。上次的文章,我们实现了一个自定义的ViewPager的指示器,这篇文章,我们主要是想利用Android自带的控件,实现一个指示器,这个控件,就是support-v4包里面的PagerTabStrip控件。
首先,我们先看一下实现效果,大饱眼福。
可以看到,效果实现的也是很棒,比之前自定义的标签指示器更加的流畅。下面,简单介绍一下PagerTabStrip和它的使用。
PagerTabStrip是v4支持包里面的类,是ViewPager专用的类,不能在其他地方使用。在使用的时候,我们只需要在ViewPager的布局里面声明即可。
如下面的代码
我们可以设置layout_gravity属性,比如top或者是bottom,来控制显示的位置。除此之外,不需要进行其他设置。
剩下的,就是我们需要在代码里面实现的了。
在上面的代码里面,展现了我们如何控制标题的文字,我们只需要重写getPagerTitle方法即可。如果不想要下面的指示器,把PagerTabStrip换成PagerTitlestrip即可。可以把剩下的,就交给伟大的Android系统去做吧!
在ViewPager这种可以滑动的控件上,总是有很多的文章可以做。上次的文章,我们实现了一个自定义的ViewPager的指示器,这篇文章,我们主要是想利用Android自带的控件,实现一个指示器,这个控件,就是support-v4包里面的PagerTabStrip控件。
首先,我们先看一下实现效果,大饱眼福。
可以看到,效果实现的也是很棒,比之前自定义的标签指示器更加的流畅。下面,简单介绍一下PagerTabStrip和它的使用。
PagerTabStrip是v4支持包里面的类,是ViewPager专用的类,不能在其他地方使用。在使用的时候,我们只需要在ViewPager的布局里面声明即可。
如下面的代码
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@android:color/white" android:orientation="vertical" > <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" > <android.support.v4.view.PagerTabStrip android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="top" android:background="@android:color/holo_blue_light" android:textColor="@android:color/white" /> </android.support.v4.view.ViewPager> </LinearLayout>
我们可以设置layout_gravity属性,比如top或者是bottom,来控制显示的位置。除此之外,不需要进行其他设置。
剩下的,就是我们需要在代码里面实现的了。
import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager; public class PagerTabStripActivity extends FragmentActivity { private List<Fragment> fragments; private ViewPager viewPager; private List<String> titleList; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); initView(); } private void initView() { viewPager = (ViewPager) findViewById(R.id.viewPager); titleList = new ArrayList<String>(); titleList.add("最新推荐"); titleList.add("游戏娱乐"); titleList.add("影音视频"); fragments = new ArrayList<Fragment>(); fragments.add(new MyFragment(android.R.color.holo_green_light)); fragments.add(new MyFragment(android.R.color.holo_orange_light)); fragments.add(new MyFragment(android.R.color.holo_red_light)); FragmentPagerAdapter adapter = new FragmentPagerAdapter( getSupportFragmentManager()) { @Override public int getCount() { return 3; } @Override public Fragment getItem(int position) { return fragments.get(position); } @Override public CharSequence getPageTitle(int position) { return titleList.get(position); } }; viewPager.setAdapter(adapter); } }
在上面的代码里面,展现了我们如何控制标题的文字,我们只需要重写getPagerTitle方法即可。如果不想要下面的指示器,把PagerTabStrip换成PagerTitlestrip即可。可以把剩下的,就交给伟大的Android系统去做吧!
相关文章推荐
- Snort初探
- avalov+require系统后台界面
- HttpHandler,HttpApplication, HttpModule
- 我是个程序员
- Android移动UI设计经验总结
- 使用tableView时的3个注意事项(只适合初学者)
- Python3中urllib的UnicodeDecodeError错误
- LeetCode 217:Contains Duplicate
- hdu 5596
- Android编程规范V1.0
- 带有指示器的自定义底部导航栏的实现
- 分页查询的总结
- Java基础之异常
- Nginx的负载均衡 - 一致性哈希 (Consistent Hash)
- UESTC 1262 Memory 暴力法
- Cannot generate texture from bitmap异常的解决方案
- 验证码倒计时帮助类CountDownButtonHelper的实现
- Nginx的负载均衡 - 一致性哈希 (Consistent Hash)
- 开发板和centos服务器tftp传文件
- CSS设计表格(上)--样式设计及全选功能