ViewPager+Fragment实现左右滑动页

简介:                    思路:                       每一个Tab里面的内容都放到一个fragment里面,然后再每个fragment里面处理具体的业务逻辑,在主页面上,像加入view那样加入fragment.


     

             思路:

                       每一个Tab里面的内容都放到一个fragment里面,然后再每个fragment里面处理具体的业务逻辑,在主页面上,像加入view那样加入fragment.


             首先来看fragment里面代码:


 

/**
 * Created by LiuHuiChao on 2015/11/16.
 */
public class ViewPagerFragment1 extends Fragment {
    private String   text;
    private TextView tv = null;


    public ViewPagerFragment1(){}
    @SuppressLint("ValidFragment")
    public ViewPagerFragment1(String text){
        super();
        this.text = text;
    }

    /**
     * 覆盖此函数,先通过inflater inflate函数得到view最后返回
     */
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.tab1, container, false);
        tv = (TextView)v.findViewById(R.id.tv);
        tv.setText(text);
        return v;
    }
}


      fragment对应的layout:


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <TextView
        android:gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tv"
        android:textSize="20dp"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="tab1" />
</LinearLayout>


      之后是主页:




/**
 * Created by LiuHuiChao on 2015/11/16.
 */
public class ViewPagerFragment extends FragmentActivity {

    /** 页面list **/
    List<Fragment> fragmentList = new ArrayList<Fragment>();
    /** 页面title list **/
    List<String> titleList  = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.content_main3);
        ViewPager pager=(ViewPager)findViewById(R.id.viewPagerThree);
        fragmentList.add(new ViewPagerFragment1("页面1"));
        fragmentList.add(new ViewPagerFragment1("页面2"));
        fragmentList.add(new ViewPagerFragment1("页面3"));
        titleList.add("title 1 ");
        titleList.add("title 2 ");
        titleList.add("title 3 ");
        pager.setAdapter(new TestFragmentPagerAdapter(getSupportFragmentManager(), fragmentList, titleList));
    }

    class TestFragmentPagerAdapter extends FragmentPagerAdapter{

        private List<Fragment> fragmentList;
        private  List<String> titleList;

        public TestFragmentPagerAdapter(FragmentManager fm,List<Fragment> fragmentList,List<String> titleList) {
            super(fm);
            this.fragmentList=fragmentList;
            this.titleList=titleList;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            //return (titleList.size() > position) ? titleList.get(position) : "";
            return titleList.get(position);
        }

        @Override
        public Fragment getItem(int position) {
            return (fragmentList == null || fragmentList.size() == 0) ? null : fragmentList.get(position);
        }

        @Override
        public int getCount() {
            return fragmentList == null ? 0 : fragmentList.size();
        }
    }
}


           主页对应layout:


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPagerThree"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >
        <android.support.v4.view.PagerTabStrip
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top" />
    </android.support.v4.view.ViewPager>
</LinearLayout>


     run了一下,发现以前自己想改掉的bug还在,明天再改吧,我的鱿鱼丝吃完了,而且我 也困了。感觉用fragment做的方式更好,感谢百度!明天收拾那两个小bug。晚安,亲们!








目录
相关文章
|
安全
Fragment里面有ViewPager,ViewPager里面又嵌套Fragment,刚遇到的一个坑
Fragment里面有ViewPager,ViewPager里面又嵌套Fragment,刚遇到的一个坑
fragment嵌套viewpager不显示
fragment嵌套viewpager不显示
189 0
|
Android开发 容器
ViewPagerIndicator+viewpager指示器详解
前几天学习了ViewPager作为引导页和Tab的使用方法。后来也有根据不同的使用情况改用Fragment作为Tab的情况,以及ViewPager结合FragmentPagerAdapter的使用。今天学习一种利用开源控件ViewPagerIndicator实现Tab的方式,也是各种新闻客户端等APP开发最常用的。 1.如何使用开源框架 第1步:improt library项目
1261 0
|
Android开发 容器 数据格式
浅谈TabLayout(ViewPager+Tab联动)
google发布了的Android Support Design库中提供了TabLayout   通过TabLayout+ViewPager实现导航栏效果,点击Tab ,ViewPager跟随变化,滑动ViewPager,Tab跟随变化 看效果图: 通过一个Demo来了解TabLayout的简单使用(Android Studio开发),代码中都有注释了 ,很简单 1、build.
1509 0
|
程序员
用ViewPager布局,但是又不想预加载的问题
​问题背景:     ViewPager是常用来做tab分页布局的一个组件,程序员常用ViewPager+Fragment来做整体布局 问题描述:     有时候在某个页面显示的时候...
1251 0
|
Java Android开发 容器
Fragment+TabPageIndicator+ViewPager
转自 :http://blog.csdn.net/lmj623565791/article/details/24740977 Android现在实现Tab类型的界面方式越来越多,今天就把常见的实现方式给大家来个总结。目前写了: 1、传统的ViewPager实现 2、FragmentManager+Fragment实现 3、ViewPager+Fragment
1245 0
|
Android开发 容器 Java
android 学习之Fragment+ViewPager实现页面左右滑动标签页
版权声明:本文为博主原创文章,转载请注明出处http://blog.csdn.net/u013132758。 https://blog.csdn.net/u013132758/article/details/50095053 ViewPager 结合Fragment实现一个Activity里包含多个可滑动的标签页,每个标签页可以有独立的布局及响应。
1322 0