FragmentPagerAdapter+ViewPager 笔记

最新推荐文章于 2024-04-07 08:01:55 发布

hq_Tree

最新推荐文章于 2024-04-07 08:01:55 发布

阅读量351

点赞数 1

分类专栏： Android开发学习笔记文章标签： android viewpager fragment

本文链接：https://blog.csdn.net/qq_31179919/article/details/50378918

版权

Android开发学习笔记专栏收录该内容

22 篇文章 0 订阅

订阅专栏

FragmentPagerAdapter+ViewPager 笔记

基于鸿洋大神博客中的文章
Android项目Tab类型主界面大总结 Fragment+TabPageIndicator+ViewPager

基本框架

FragmentPagerAdapter+ViewPager

Bar部分

使用LinearLayout完成其中一个的样式

<LinearLayout
        android:id="@+id/id_tab_weixin"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageButton
            android:id="@+id/id_tab_weixin_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00000000"
            android:clickable="false"
            android:src="@drawable/tab_weixin_pressed" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信"
            android:textColor="#ffffff" />
    </LinearLayout>

在主布局中使用include标签添加

 <include layout="@layout/top" />

    <android.support.v4.view.ViewPager
        android:id="@+id/id_viewpager"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >
    </android.support.v4.view.ViewPager>

    <include layout="@layout/bottom" />

在MainActivity中

实例化ViewPager
实例化LinearLayout 添加监听
实例化ImageButton已更改图片

使用FragmentPagerAdapter–>ViewPager

//使用fragmentactivity 才有getSupportFragmentManager()
mAdapter = new FragmentPagerAdapter(getSupportFragmentManager())
        {

            @Override
            public int getCount()
            {
                return mFragments.size();
            }

            @Override
            public Fragment getItem(int arg0)
            {
                return mFragments.get(arg0);
            }
        };
       mViewPager.setAdapter(mAdapter);

ViewPager添加监听已实现图片的更改和亮暗的变化

mViewPager.setOnPageChangeListener(new OnPageChangeListener()
        {

            @Override
            public void onPageSelected(int arg0)
            {
                int currentItem = mViewPager.getCurrentItem();
                setTab(currentItem);
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2)
            {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrollStateChanged(int arg0)
            {
                // TODO Auto-generated method stub

            }
        });

对LinearLayout监听实现点击更改ViewPager

public void onClick(View v)
    {
        switch (v.getId())
        {
        case R.id.id_tab_weixin:
            setSelect(0);
            break;
        case R.id.id_tab_frd:
            setSelect(1);
            break;
        case R.id.id_tab_address:
            setSelect(2);
            break;
        case R.id.id_tab_settings:
            setSelect(3);
            break;

        default:
            break;
        }
    }

    private void setSelect(int i)
    {
        setTab(i);
        mViewPager.setCurrentItem(i);
    }

原始Fragment

public class SettingFragment extends Fragment
{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState)
    {
        return inflater.inflate(R.layout.tab04, container, false);
    }
}