Android简单的Fragment+Viewpager切换(可滑动和点击切换)

我的项目录如下:
这里写图片描述
第一步:创建activity_bottom.xml

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal"
        android:background="#ffffff">
        <RelativeLayout
            android:id="@+id/main_layout"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_weight="1">
            <ImageView
                android:id="@+id/main_iamgeview"
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:src="@drawable/main2"
                android:layout_centerHorizontal="true"/>
            <TextView
                android:id="@+id/main_textview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="首页"
                android:layout_below="@+id/main_iamgeview"
                android:layout_centerHorizontal="true"
                android:textSize="12dp"
                android:textColor="#707070"/>
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/more_layout"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_weight="1">
            <ImageView
                android:id="@+id/more_iamgeview"
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:src="@drawable/more1"
                android:layout_centerHorizontal="true"/>
            <TextView
                android:id="@+id/more_textview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="更多"
                android:layout_below="@+id/more_iamgeview"
                android:layout_centerHorizontal="true"
                android:textSize="12dp"
                android:textColor="#707070"/>
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/mine_layout"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_weight="1">
            <ImageView
                android:id="@+id/mine_iamgeview"
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:src="@drawable/my1"
                android:layout_centerHorizontal="true"/>
            <TextView
                android:id="@+id/mine_textview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="我的"
                android:layout_below="@+id/mine_iamgeview"
                android:layout_centerHorizontal="true"
                android:textSize="12dp"
                android:textColor="#707070"/>
        </RelativeLayout>
    </LinearLayout>
</LinearLayout>

第二步:main_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="50dp">
    </android.support.v4.view.ViewPager>
    <include layout="@layout/activity_bottom"/>
</RelativeLayout>

第三步:main_fragment(其他两个一样)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是首页"
        android:textColor="#000000"
        android:layout_centerInParent="true"/>
</RelativeLayout>

第四步:创建MainFragment(其他两个同理)

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.example.fragmentlayout.R;

public class MainFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.main_fragment, container, false);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    }
}

第五步:MainActivity

package com.example.fragmentlayout;

import android.graphics.Color;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.os.Bundle;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
import com.example.fragmentlayout.Fragment.MainFragment;
import com.example.fragmentlayout.Fragment.MineFragment;
import com.example.fragmentlayout.Fragment.MoreFragment;

import java.util.ArrayList;

public class MainActivity extends FragmentActivity implements View.OnClickListener {
    private TextView main_textview,more_textview,mine_textview;
    private ImageView main_imageview,more_imageview,mine_imageview;
    private RelativeLayout main_layout,more_layout,mine_layout;
    private Fragment mainFragment,moreFragment,mineFragment;
    private ArrayList<Fragment> mFragmentList;
    private FragmentPagerAdapter mFragmentPagerAdapter;
    private ViewPager mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);//删除自带标题栏(如果继承AppCompatActivity,不起效果,所以继承FragmentActivity)
        setContentView(R.layout.activity_main);
        initView();
        initViewPager();
        setSelected(0);//显示第一个Fragment (0代表mainFragment,1代表moreFragment,2代表mineFragment);
    }


    private void initView() {
        mViewPager=(ViewPager)findViewById(R.id.viewpager);

        main_imageview=(ImageView)findViewById(R.id.main_iamgeview);
        more_imageview=(ImageView)findViewById(R.id.more_iamgeview);
        mine_imageview=(ImageView)findViewById(R.id.mine_iamgeview);

        main_textview=(TextView)findViewById(R.id.main_textview);
        more_textview=(TextView)findViewById(R.id.more_textview);
        mine_textview=(TextView)findViewById(R.id.mine_textview);

        main_layout=(RelativeLayout)findViewById(R.id.main_layout);
        more_layout=(RelativeLayout)findViewById(R.id.more_layout);
        mine_layout=(RelativeLayout)findViewById(R.id.mine_layout);

        mainFragment=new MainFragment();
        moreFragment=new MoreFragment();
        mineFragment=new MineFragment();

        main_layout.setOnClickListener(this);
        more_layout.setOnClickListener(this);
        mine_layout.setOnClickListener(this);

        mFragmentList=new ArrayList<Fragment>();
        mFragmentList.add(mainFragment);
        mFragmentList.add(moreFragment);
        mFragmentList.add(mineFragment);
    }

    private void initViewPager() {
        //FragmentPagerAdapter缓存Fragment
        mFragmentPagerAdapter=new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return mFragmentList.get(position);
            }

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

        mViewPager.setAdapter(mFragmentPagerAdapter);

        mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            //position当前页面,positionOffset当前页面偏移百分比,positionOffsetPixels当前页面偏移像素
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            //当前页面跳转另一个页面完毕调用
            @Override
            public void onPageSelected(int position) {
                initImageText();
                switch (position){
                    case 0:
                        main_imageview.setImageResource(R.drawable.main2);
                        main_textview.setTextColor(Color.parseColor("#707070"));
                        break;
                    case 1:
                        more_imageview.setImageResource(R.drawable.more2);
                        more_textview.setTextColor(Color.parseColor("#707070"));
                        break;
                    case 2:
                        mine_imageview.setImageResource(R.drawable.my2);
                        mine_textview.setTextColor(Color.parseColor("#707070"));
                        break;
                }
            }

            //state ==1的时表示正在滑动,state==2的时表示滑动完毕了,state==0的时表示什么都没做。
            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }


    private void setSelected(int i) {
        switch (i){
            case 0:
                mViewPager.setCurrentItem(0);
                break;
            case 1:
                mViewPager.setCurrentItem(1);
                break;
            case 2:
                mViewPager.setCurrentItem(2);
                break;
        }
    }

    @Override
    public void onClick(View v) {
        initImageText();
        switch (v.getId()){
            case R.id.main_layout:
                setSelected(0);
                main_imageview.setImageResource(R.drawable.main2);
                main_textview.setTextColor(Color.parseColor("#707070"));
                break;
            case R.id.more_layout:
                setSelected(1);
                more_imageview.setImageResource(R.drawable.more2);
                more_textview.setTextColor(Color.parseColor("#707070"));
                break;
            case R.id.mine_layout:
                setSelected(2);
                mine_imageview.setImageResource(R.drawable.my2);
                mine_textview.setTextColor(Color.parseColor("#707070"));
                break;
        }
    }

    //初始化图片和文字(未点击自定义的Tab下样式)
    private void initImageText() {
        main_imageview.setImageResource(R.drawable.main1);
        more_imageview.setImageResource(R.drawable.more1);
        mine_imageview.setImageResource(R.drawable.my1);

        main_textview.setTextColor(Color.parseColor("#dfdfdf"));
        more_textview.setTextColor(Color.parseColor("#dfdfdf"));
        mine_textview.setTextColor(Color.parseColor("#dfdfdf"));
    }

}
版权声明:本文为qq_37238649原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37238649/article/details/78865581

智能推荐

双路快速排序法

快速排序法的优化——双路快速排序 上一节我们自己动手写的一个快速排序的算法,在随机数测试中表现得非常好,然而,我们在用高度有序的数组进行测试的时候,发现快速排序的效率变得异常的低下,比归并排序的效率低得多了,近似退回了O(n^2)的复杂度,这是为什么呢?首先让我们来分析一下归并排序的算法思想,归并排序之所以能够达到O(logn)的复杂度,多亏了递归,递归使得把数组不断的二分...

android问题记录

Error: Cannot fit requested classes in a single dex file (# methods: 80441 > 65536) 解决办法: gradle文件的defaultConfig默认配置里面增加...

ROS机器人Diego 1# 利用人工智能 风格迁移技术拍摄不同画风的视频

风格迁移,就是将一种图片的风格迁移到其他图片上,改变其他图片的风格,很好玩的一个人工自能模型,github上已经有很多实现的方法,本文参考https://github.com/hzy46/fast-neural-style-tensorflow 的算法,利用Diego1#的平台实现实时视频的风格转换,先上两张图看效果: 是不是很酷呢,其实实现方法和上篇博文中的原理是一样的,只是把人工智能的算法包装...

猜你喜欢

数据分析学习总结笔记17:文本分析入门案例实战

文章目录 1 数据准备 2 分词 3 统计词频 4 词云 5 提取特征 6 用sklearn进行训练 1 数据准备 数据样例如下, 数据总量为7.7万+: 本节通过一个实战的例子来展示文本分析的最简单流程。首先设定因变量为原始数据中的"评分"。自变量是"评价内容",这里根据评价内容提取TF-IDF特征。之后,通过评价内容的特征建模预测下整体评分。 以上只是最...

LeetCode 150. 逆波兰表达式求值

题目描述 根据逆波兰表示法,求表达式的值。 有效的运算符包括 +, -, *, / 。每个运算对象可以是整数,也可以是另一个逆波兰表达式。 整数除法只保留整数部分。 给定逆波兰表达式总是有效的。 换句话说,表达式总会得出有效数值且不存在除数为 0 的情况。 示例 1: 输入:[“2”, “1”, “+”, “3&r...

并查集原理及应用

并查集 树形的数据结构,每个集合有其代表节点,代表节点相同的元素属于同一集合。 find:通过查找节点的代表节点,判断节点所属集合。 union:合并两集合,小集合合并到大集合,使用大集合的代表节点。 在find的递归过程中,让路过节点的父节点直接赋值为代表节点,节省下次查找时间,如图所示。 计算岛的个数 遍历二维数组,遇到1时就将所相连的1都改为2,看看遇到多少次1,就是岛的数量。改数时使用回溯...

linux nutch1.0安装配置

1,下载nutch1.0 下载地址:http://archive.apache.org/dist/nutch/,下载这个文件nutch-1.0.tar.gz   2,上传到服务器 上传位置:/home/www/,解压nutch-1.0.tar.gz #tar -xvf nutch-1.0.tar.gz 重命名 #mv nutch-1.0 nutch   3,修改配置文...

如何搭建自己的博客?附加美化

如何搭建自己的blog?附加美化 前言: 之前在腾讯云以学生优惠租了一年的服务器,还买了一年的域名,忽然觉得不能闲置着域名,所以搭建了个博客,过程也遇到了很多的问题,望在此阐述,予以他人帮助,祝好~ 准备工作:使用Xshell连接上Linux服务器,我的是centos系统,方便进行操作。使用Xftp连接上Linux服务器,方便传输文件。 安装apache服务器:yum install httpd ...