Android Fragment简单切换用法

于 2019-01-20 14:14:07 发布
阅读量490 收藏 1
点赞数 1
分类专栏： Android基础 文章标签： Android fragment viewpager
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mountain_hua/article/details/86561649
版权

目的：创建5个左右滑动的fragment，实现各自功能

效果：

实现：

  1. 创建类FragmentAdapter继承FragmentPagerAdapter： 
    package denghuashan.filetransfer;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by mountain_hua on 2019/1/18.
 */

public class FragmentAdapter extends FragmentPagerAdapter {

    //创建一个Fragment的list
    List<Fragment> fragmentList = new ArrayList<Fragment>();


    public FragmentAdapter(FragmentManager fragmentManager, List<Fragment> fragmentList) {
        super(fragmentManager);
        this.fragmentList = fragmentList;
    }

    @Override
    //通过position设置对应的Fragment，
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

    @Override
    //fragment集合的参数长度
    public int getCount() {
        return fragmentList.size();
    }

}

     

  2. 创建5个fragment及对应的xml，如下：
    fragment： 
    public class Fragment02 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        //引用创建好的xml布局
        View view = inflater.inflate(R.layout.fragment02,container,false);
        return view;
    }
}

    xml：

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/img02"
    tools:context=".ToSend">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="图片" />
</LinearLayout>

     

  3. 在activity中引用fragment，并实现滑动效果：
    activity： 
    /**
 * Created by mountain_hua on 2019/1/18.
 */

public class ToSend extends FragmentActivity implements View.OnClickListener {
    private ViewPager viewPager;
    private List<Fragment> mFragmentList = new ArrayList<Fragment>();
    private FragmentAdapter mFragmentAdapter;
    //5个fragment
    private Fragment01 fragment01;
    private Fragment02 fragment02;
    private Fragment03 fragment03;
    private Fragment04 fragment04;
    private Fragment05 fragment05;


    private TextView textView01,textView02,textView03,textView04,textView05;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tosend);
        setView();


    }

    //初始化view
    private void setView() {
        textView01= (TextView) findViewById(R.id.textView01);
        textView01.setOnClickListener(this);
        textView02= (TextView) findViewById(R.id.textView02);
        textView02.setOnClickListener(this);
        textView03= (TextView) findViewById(R.id.textView03);
        textView03.setOnClickListener(this);
        textView04= (TextView) findViewById(R.id.textView04);
        textView04.setOnClickListener(this);
        textView05= (TextView) findViewById(R.id.textView05);
        textView05.setOnClickListener(this);

        fragment01 = new Fragment01();
        fragment02 = new Fragment02();
        fragment03 = new Fragment03();
        fragment04 = new Fragment04();
        fragment05 = new Fragment05();
        mFragmentList.add(fragment01);
        mFragmentList.add(fragment02);
        mFragmentList.add(fragment03);
        mFragmentList.add(fragment04);
        mFragmentList.add(fragment05);

        mFragmentAdapter = new FragmentAdapter(this.getSupportFragmentManager(), mFragmentList);
        //初始化viewPager
        viewPager = (ViewPager)findViewById(R.id.viewp_01);

        //添加OnPageChangeListener的API
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            //页面在滑动过程中不停触发该方法：position：当前滑动到的位置，positionOffset：偏移量的百分比，positionOffsetPixels：偏移量的数值
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            }
            @Override
            //ViewPager跳转到新页面时触发该方法，position表示新页面的位置。
            public void onPageSelected(int position) {
                switch (position){
                    case 0:
                        textView01.setTextColor(android.graphics.Color.parseColor("#ffffff"));
                        textView02.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView03.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView04.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView05.setTextColor(android.graphics.Color.parseColor("#ff0000"));

                        textView01.setBackgroundColor(android.graphics.Color.parseColor("#FF4040"));
                        textView02.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView03.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView04.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView05.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));

                        break;

                    case 1:
                        textView01.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView02.setTextColor(android.graphics.Color.parseColor("#ffffff"));
                        textView03.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView04.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView05.setTextColor(android.graphics.Color.parseColor("#ff0000"));

                        textView01.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView02.setBackgroundColor(android.graphics.Color.parseColor("#FF4040"));
                        textView03.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView04.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView05.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));

                        break;

                    case 2:
                        textView01.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView02.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView03.setTextColor(android.graphics.Color.parseColor("#ffffff"));
                        textView04.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView05.setTextColor(android.graphics.Color.parseColor("#ff0000"));

                        textView01.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView02.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView03.setBackgroundColor(android.graphics.Color.parseColor("#FF4040"));
                        textView04.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView05.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));

                        break;
                    case 3:
                        textView01.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView02.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView03.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView04.setTextColor(android.graphics.Color.parseColor("#ffffff"));
                        textView05.setTextColor(android.graphics.Color.parseColor("#ff0000"));

                        textView01.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView02.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView03.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView04.setBackgroundColor(android.graphics.Color.parseColor("#FF4040"));
                        textView05.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));

                        break;
                    case 4:
                        textView01.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView02.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView03.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView04.setTextColor(android.graphics.Color.parseColor("#ff0000"));
                        textView05.setTextColor(android.graphics.Color.parseColor("#ffffff"));

                        textView01.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView02.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView03.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView04.setBackgroundColor(android.graphics.Color.parseColor("#ffffff"));
                        textView05.setBackgroundColor(android.graphics.Color.parseColor("#FF4040"));

                        break;
                }
            }
            @Override
            //当页面的滑动状态改变时该方法会被触发，页面的滑动状态有3个：“0”表示什么都不做，“1”表示开始滑动，“2”表示结束滑动。
            public void onPageScrollStateChanged(int state) {
            }
        });

        viewPager.setAdapter(mFragmentAdapter);
    }


    //导航栏点击
    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.textView01:
                //绑定viewopager对应的页卡
                viewPager.setCurrentItem(0);
                break;
            case R.id.textView02:
                viewPager.setCurrentItem(1);
                break;
            case R.id.textView03:
                viewPager.setCurrentItem(2);
                break;
            case R.id.textView04:
                viewPager.setCurrentItem(3);
                break;
            case R.id.textView05:
                viewPager.setCurrentItem(4);
                break;
        }
    }
}

    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"
    android:orientation="vertical"
    android:background="#E5E5E5">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/textView01"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:background="#FF4040"
            android:gravity="center"
            android:text="文件"
            android:textColor="#EEE685" />

        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#EEDFCC">
        </View>

        <TextView
            android:id="@+id/textView02"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:gravity="center"
            android:text="图片"
            android:textColor="#ff0000" />
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#EEDFCC">
        </View>

        <TextView
            android:id="@+id/textView03"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:gravity="center"
            android:text="音乐"
            android:textColor="#ff0000" />
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#EEDFCC">
        </View>

        <TextView
            android:id="@+id/textView04"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:gravity="center"
            android:text="视频"
            android:textColor="#ff0000" />
        <View
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#EEDFCC">
        </View>

        <TextView
            android:id="@+id/textView05"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:gravity="center"
            android:text="应用"
            android:textColor="#ff0000" />

    </LinearLayout>


    <android.support.v4.view.ViewPager
        android:id="@+id/viewp_01"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v4.view.ViewPager>
</LinearLayout>

     

 

华-山
关注
专栏目录
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值