Android用RadioGroup+FrameLayou实现导航栏

最新推荐文章于 2023-03-27 14:13:26 发布

氤氲息

最新推荐文章于 2023-03-27 14:13:26 发布

阅读量632

点赞数 1

分类专栏：安卓文章标签： android android studio java

本文链接：https://blog.csdn.net/weixin_44911775/article/details/122381099

版权

安卓专栏收录该内容

381 篇文章 4 订阅

订阅专栏

参考这里
五个fragment的代码都是相同的
在这里插入图片描述
参考文章里用的是v4的包，但是我项目版本不是用v4，注释掉import android.support.v4.app.Fragment;重新导入就可以了

package com.example.app5;


import android.os.Bundle;
//import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class Fragment1 extends Fragment {

    private View mView;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //注意View对象的重复使用，以便节省资源
        if(mView == null) {
            mView = inflater.inflate(R.layout.fragment1,container,false);
        }

        return mView;
    }
}

在这里插入图片描述
mainactivity代码
把v4，v7的代码都注释掉，然后用自己的版本

package com.example.app5;

//import android.support.v4.app.Fragment;
//import android.support.v4.app.FragmentManager;
//import android.support.v4.app.FragmentTransaction;

import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
//import android.support.v7.app.AppCompatActivity;


import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    private RadioGroup radioGroup;
    private RadioButton button_1;
    private RadioButton button_2;
    private RadioButton button_3;
    private RadioButton button_4;
    private RadioButton button_5;
    private Fragment1 fragment_1;
    private Fragment2 fragment_2;
    private Fragment3 fragment_3;
    private Fragment4 fragment_4;
    private Fragment5 fragment_5;
    private List<Fragment> list;
    private FrameLayout frameLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //初始化页面
        initView();
    }

    //初始化页面
    private void initView() {
        frameLayout = (FrameLayout) findViewById(R.id.framelayout);
        radioGroup = (RadioGroup) findViewById(R.id.radioGroup);

        //找到四个按钮
        button_1 = (RadioButton) findViewById(R.id.button_1);
        button_2 = (RadioButton) findViewById(R.id.button_2);
        button_3 = (RadioButton) findViewById(R.id.button_3);
        button_4 = (RadioButton) findViewById(R.id.button_4);
        button_5 = (RadioButton) findViewById(R.id.button_5);

        //创建Fragment对象及集合
        fragment_1 = new Fragment1();
        fragment_2 = new Fragment2();
        fragment_3 = new Fragment3();
        fragment_4 = new Fragment4();
        fragment_5 = new Fragment5();

        //将Fragment对象添加到list中
        list = new ArrayList<>();
        list.add(fragment_1);
        list.add(fragment_2);
        list.add(fragment_3);
        list.add(fragment_4);
        list.add(fragment_5);

        //设置RadioGroup开始时设置的按钮，设置第一个按钮为默认值
        radioGroup.check(R.id.button_1);


        //设置按钮点击监听
        button_1.setOnClickListener(this);
        button_2.setOnClickListener(this);
        button_3.setOnClickListener(this);
        button_4.setOnClickListener(this);
        button_5.setOnClickListener(this);

        //初始时向容器中添加第一个Fragment对象
        addFragment(fragment_1);
    }

    @Override
    public void finish() {
        ViewGroup viewGroup = (ViewGroup) getWindow().getDecorView();
        viewGroup.removeAllViews();
        super.finish();
    }

    //点击事件处理
    @Override
    public void onClick(View v) {
        //我们根据参数的id区别不同按钮
        //不同按钮对应着不同的Fragment对象页面
        switch (v.getId()) {
            case R.id.button_1:
                addFragment(fragment_1);
                break;
            case R.id.button_2:
                addFragment(fragment_2);
                break;
            case R.id.button_3:
                addFragment(fragment_3);
                break;
            case R.id.button_4:
                addFragment(fragment_4);
                break;
            case R.id.button_5:
                addFragment(fragment_5);
                break;
            default:
                break;
        }

    }

    //向Activity中添加Fragment的方法
    public void addFragment(Fragment fragment) {

        //获得Fragment管理器
        FragmentManager fragmentManager = getSupportFragmentManager();
        //使用管理器开启事务
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        //使用事务替换Fragment容器中Fragment对象
        fragmentTransaction.replace(R.id.framelayout,fragment);
        //提交事务，否则事务不生效
        fragmentTransaction.commit();
    }



}

在这里插入图片描述
activity_main代码

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

    <!--使用FrameLayout当做盛放Fragment对象的容器-->
    <FrameLayout
        android:id="@+id/framelayout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        />
    <!--中间为一条分割线-->
    <View

        android:layout_width="match_parent"
        android:layout_height="1dp"/>

    <!--最下边为RadioGroup-->
    <RadioGroup
        android:id="@+id/radioGroup"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!--第一个RadioButton-->
        <RadioButton
            android:id="@+id/button_1"
            android:text="button_1"
            android:button="@null"

            android:gravity="center"
            android:layout_weight="1"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <!--第二个RadioButton-->
        <RadioButton
            android:id="@+id/button_2"
            android:text="button_2"
            android:button="@null"

            android:gravity="center"
            android:layout_weight="1"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <!--第三个RadioButton-->
        <RadioButton
            android:id="@+id/button_3"
            android:text="button_3"
            android:button="@null"

            android:gravity="center"
            android:layout_weight="1"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <!--第四个RadioButton-->
        <RadioButton
            android:id="@+id/button_4"
            android:text="button_4"
            android:button="@null"

            android:gravity="center"
            android:layout_weight="1"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <!--第四个RadioButton-->
        <RadioButton
            android:id="@+id/button_5"
            android:text="button_5"
            android:button="@null"

            android:gravity="center"
            android:layout_weight="1"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </RadioGroup>
</LinearLayout>

在这里插入图片描述
fragment1代码

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

    <!--创建TextView-->
    <TextView
        android:text="pager_1"
        android:textSize="28sp"
        android:textColor="#00f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

fragment2

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

    <!--创建TextView-->
    <TextView
        android:text="pager_2"
        android:textSize="28sp"
        android:textColor="#00f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

fragment3代码

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

    <!--创建TextView-->
    <TextView
        android:text="pager_3"
        android:textSize="28sp"
        android:textColor="#00f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

fragment4代码

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

    <!--创建TextView-->
    <TextView
        android:text="pager_4"
        android:textSize="28sp"
        android:textColor="#00f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

fragment5代码

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

    <!--创建TextView-->
    <TextView
        android:text="pager_5"
        android:textSize="28sp"
        android:textColor="#00f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

在这里插入图片描述
colors代码

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
</resources>

strings代码

<resources>
    <string name="app_name"></string>
    <string name="home_title">one</string>
    <string name="message">two</string>
    <string name="my">three</string>
    <string name="four">four</string>
    <string name="five">five</string>
    <!-- TODO: Remove or change this placeholder text -->
    <string name="hello_blank_fragment">Hello blank fragment</string>
</resources>

在这里插入图片描述
因为版本问题，要覆盖一下
加上这两句话

android.useAndroidX=true

android.enableJetifier=true

在这里插入图片描述
效果如上

mainactivity优化

package com.example.app5;

//import android.support.v4.app.Fragment;
//import android.support.v4.app.FragmentManager;
//import android.support.v4.app.FragmentTransaction;

import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
//import android.support.v7.app.AppCompatActivity;


import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

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

/**
 * 代码过于繁琐, 我们要尽可能的用最简单的方法去实现功能,减少不必要的全局变量
 */
public class MainActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        RadioGroup radioGroup = findViewById(R.id.radioGroup);

        radioGroup.setOnCheckedChangeListener(this::onCheckedChanged);

        radioGroup.check(R.id.button_1);
    }

    private Fragment mCurrentShowFragment;

    private void onCheckedChanged(RadioGroup group, int checkedId) {
        String fragmentTag = String.valueOf(checkedId);
        Fragment newShowFragment = getSupportFragmentManager().findFragmentByTag(fragmentTag);
        if (newShowFragment != null) {
            getSupportFragmentManager().beginTransaction().show(newShowFragment).commitAllowingStateLoss();
        } else {
            if (checkedId == R.id.button_1) {
                newShowFragment = new Fragment1();
            } else if (checkedId == R.id.button_2) {
                newShowFragment = new Fragment2();
            } else if (checkedId == R.id.button_3) {
                newShowFragment = new Fragment3();
            } else if (checkedId == R.id.button_4) {
                newShowFragment = new Fragment4();
            } else if (checkedId == R.id.button_5) {
                newShowFragment = new Fragment5();
            } else {
                return;
            }

            getSupportFragmentManager().beginTransaction().add(R.id.framelayout, newShowFragment, fragmentTag).commitAllowingStateLoss();

        }

        if (mCurrentShowFragment != null) {
            getSupportFragmentManager().beginTransaction().hide(mCurrentShowFragment).commitAllowingStateLoss();
        }

        mCurrentShowFragment = newShowFragment;
    }
}

氤氲息

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Android用RadioGroup+FrameLayou实现导航栏

参考这里五个fragment的代码都是相同的参考文章里用的是v4的包，但是我项目版本不是用v4，注释掉import android.support.v4.app.Fragment;重新导入就可以了package com.example.app5;import android.os.Bundle;//import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.Vi
复制链接

扫一扫

专栏目录