Android简单Fragment切换

其他 2018-10-10 08:59:54 阅读次数: 0

项目目录如下这里写图片描述
第一步：自定义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">
    <FrameLayout
        android:id="@+id/Fragment_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="50dp"/>
    <include layout="@layout/activity_bottom"/>
</RelativeLayout>

第三步：Fragment布局文件main_fragment.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">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是首页"
        android:textColor="#000000"
        android:layout_centerInParent="true"/>
</RelativeLayout>

第四步：继承Fragment(其他两个也一样)

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);

    }
}

Main_activity如下：

重点注意：引入support-v4库,它能让Fragment(碎片)在所有Android的版本中保持一致性。比如在Fragment嵌套Fragment是很常见的，如果使用内置的android.app.Fragment库,在Android 4.2之前程序会崩溃的。所以强烈建议使用统一的support-v4库。

package com.example.fragmentlayout;

import android.graphics.Color;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
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;

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;

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

    private void initView() {
        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);

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


    }


    //显示默认界面
    private void setSelect(int i) {
        FragmentManager fragmentmanager=getSupportFragmentManager();
        FragmentTransaction transaction=fragmentmanager.beginTransaction();
        hideFragment(transaction);
        switch (i){
            //如果Fragment未添加到activity容器中,先对要添加的Fragment进行实例化,在通过transaction.add()方法进行添加。
            //所以在initView()里就不必在进行实例化
            //通过transaction.hide()和transaction.show()进行隐藏和显示
            case 0:
                 if(mainFragment==null){
                    mainFragment=new MainFragment();
                    transaction.add(R.id.Fragment_layout,mainFragment);
                 }else{
                    transaction.show(mainFragment);
                 }
                 break;
            case 1:
                if(moreFragment==null){
                    moreFragment=new MoreFragment();
                    transaction.add(R.id.Fragment_layout,moreFragment);
                }else{
                    transaction.show(moreFragment);
                }
                break;
            case 2:
                if(mineFragment==null){
                    mineFragment=new MineFragment();
                    transaction.add(R.id.Fragment_layout,mineFragment);
                }else{
                    transaction.show(mineFragment);
                }
                break;
        }
                transaction.commit();
    }

    private void hideFragment(FragmentTransaction transaction) {
            if(mainFragment!=null){
                transaction.hide(mainFragment);
            }
            if(moreFragment!=null){
                transaction.hide(moreFragment);
            }
            if(mineFragment!=null){
                transaction.hide(mineFragment);
            }
    }



    @Override
    public void onClick(View v) {
        initImageText();
        switch (v.getId()){
            case R.id.main_layout:
                setSelect(0);
                main_imageview.setImageResource(R.drawable.main2);
                main_textview.setTextColor(Color.parseColor("#707070"));
                break;
            case R.id.more_layout:
                setSelect(1);
                more_imageview.setImageResource(R.drawable.more2);
                more_textview.setTextColor(Color.parseColor("#707070"));
                break;
            case R.id.mine_layout:
                setSelect(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"));
    }

}

效果图如下：
这里写图片描述
这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_37238649/article/details/78837571
今日推荐
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
GCC 14.1 发布
周排行
NEFU 117 素数个数的位数
Closest Common Ancestors (Lca,tarjan)
ELK部署
【转载】Hive笔记整理（三）
SQL语句（一）基本表的定义
关于Java web开发中的MySQL的事务语句
MFC创建自定义窗体
如何用一句话激怒程序员？
《逆袭大学》文摘——9.4 基础和应用的平衡中找到大学的节奏
【spring源码分析】@Value注解原理
每日归档
更多
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022