使用ViewPager和Fragment实现滑动导航
2014-03-02 02:48
513 查看
ViewPage是android-support-v4.jar包提供的用于页面滑动的库,android-support-v4.jar是google推荐使用的一个类库,在项目中使用之前,你必须其添加到项目中(项目点右键Build path->configure build path,然后找到jar进行添加)
1.在xml布局文件中添加android.support.v4.view.ViewPager容器及显示导航所用标签android.support.v4.view.PagerTitleStrip,如我添加的xml内容如下
2.在activity中导入以下包
3.声明变量
4.在onCreate中对其进行初始化
可以看到在getItem中返回了一个Fragment,这个就是当滑动到不同标签时显示在ViewPager中的内容,Fragment相当于一个Activity,在可以其中的onCreateView函数中构造需要显示的内容并返回
比如,以下代码将显示一个文本信息
![](http://static.oschina.net/uploads/space/2013/0314/121858_sIhb_260896.png)
![](http://static.oschina.net/uploads/space/2013/0314/121930_KZQR_260896.png)
---------
apk下载
1.在xml布局文件中添加android.support.v4.view.ViewPager容器及显示导航所用标签android.support.v4.view.PagerTitleStrip,如我添加的xml内容如下
<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > <!-- This title strip will display the currently visible page title, as well as the page titles for adjacent pages. --> <android.support.v4.view.PagerTitleStrip android:id="@+id/pager_title_strip" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="top" android:background="#33b5e5" android:paddingBottom="4dp" android:paddingTop="4dp" android:textColor="#fff" /> </android.support.v4.view.ViewPager>
2.在activity中导入以下包
import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager;
3.声明变量
SectionsPagerAdapter mSectionsPagerAdapter; ViewPager mViewPager;
4.在onCreate中对其进行初始化
mSectionsPagerAdapter = new SectionsPagerAdapter( getSupportFragmentManager()); // Set up the ViewPager with the sections adapter. mViewPager = (ViewPager) findViewById(R.id.pager); mViewPager.setAdapter(mSectionsPagerAdapter);5.添加类SectionsPagerAdapter,我这里使用了3个标签
public class SectionsPagerAdapter extends FragmentPagerAdapter { public SectionsPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { // getItem is called to instantiate the fragment for the given page. // Return a DummySectionFragment (defined as a static inner class // below) with the page number as its lone argument. Fragment fragment = new HjFragment(); Bundle args = new Bundle(); args.putInt("no", position + 1); fragment.setArguments(args); return fragment; } @Override public int getCount() { // Show 3 total pages. return 3; } @Override public CharSequence getPageTitle(int position) { switch (position) { case 0: return "标签1"; case 1: return "标签2"; case 2: return "标签3"; } return null; } }
可以看到在getItem中返回了一个Fragment,这个就是当滑动到不同标签时显示在ViewPager中的内容,Fragment相当于一个Activity,在可以其中的onCreateView函数中构造需要显示的内容并返回
比如,以下代码将显示一个文本信息
@Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { TextView textView = new TextView(getActivity()); textView.setGravity(Gravity.CENTER); textView.setText("你选择了标签:"+Integer.toString(getArguments().getInt( "no"))); return textView; }最后,贴几个我做出来的界面做参考
![](http://static.oschina.net/uploads/space/2013/0314/121858_sIhb_260896.png)
![](http://static.oschina.net/uploads/space/2013/0314/121930_KZQR_260896.png)
---------
apk下载
相关文章推荐
- 如何在Fragment中使用ViewPager,并实现导航随手势滑动效果
- 使用ViewPager和Fragment实现底部导航滑动重构版
- 使用ViewPager和Fragment实现滑动导航
- 如何在Fragment中使用ViewPager,并实现导航随手势滑动效果
- android_使用ViewPager和Fragment实现滑动导航
- 使用ViewPager和Fragment实现滑动导航
- 教你如何使用ViewPager+Fragment一步步打造顶部导航界面滑动效果
- 使用Viewpager 和 Fragment实现顶部导航
- Android ViewPager、Fragment、组合控件结合使用(滑动切换,点击导航切换)
- 使用ViewPager+Fragment来实现带滚动条的多屏滑动-IndicatorFragmentActivity
- Android ViewPager和Fragment实现顶部导航界面滑动效果
- ViewPager 详解(五)-----使用Fragment实现ViewPager滑动
- 实现屏幕切换、滑动-ViewPager详解(三)之--------使用Fragment实现ViewPager滑动
- Android ViewPager和Fragment实现顶部导航界面滑动效果
- 使用TabLayout、ViewPager和Fragment实现顶部菜单可滑动切换
- 使用ViewPager+Fragment来实现带滚动条的多屏滑动-IndicatorFragmentActivity
- Android 利用ViewPager实现底部圆点导航左右滑动效果以及Fragment页面切换
- Android Studio 使用ViewPager + Fragment实现滑动菜单Tab效果 --简易版
- Android 使用TabLayout、ViewPager和Fragment实现顶部菜单可滑动切换
- ViewPager 详解(五)-----使用Fragment实现ViewPager滑动