（仿头条APP项目）2.主界面按钮切换Fragment页面

主界面按钮切换Fragment页面

效果展示

框架结构

xml视图

主视图

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:background="#ffffff"></LinearLayout>
    <FrameLayout
        android:id="@+id/fl_content"

        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
       ></FrameLayout>
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        >
        <RadioGroup
            android:id="@+id/rg_option"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:checkedButton="@id/rb_home">

            <RadioButton
                android:id="@+id/rb_home"
                style="@style/my_radiobutton"
                android:drawableTop="@drawable/selctor_home"
                android:text="首页"/>
            <RadioButton
                android:id="@+id/rb_video"
                style="@style/my_radiobutton"
                android:text="西瓜视频"
                android:drawableTop="@drawable/selctor_video"/>
            <RadioButton
                style="@style/my_radiobutton"
                android:background="@mipmap/asq"
                />
            <RadioButton
                android:id="@+id/rb_talk"
                style="@style/my_radiobutton"
                android:text="微头条"
                android:drawableTop="@drawable/selctor_talk"
                />
            <RadioButton
                android:id="@+id/rb_user"
                style="@style/my_radiobutton"
                android:drawableTop="@drawable/selctor_user"
                android:text="我的"/>
        </RadioGroup>

    </LinearLayout>
</LinearLayout>

选择器和style

准备被选择时的按钮图片和正常未选中时的按钮图片，将其在选择器中设置

<!--文字选择器-->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/colorRed" android:state_checked="true"></item>
    <item android:color="@color/colorBlack" android:state_checked="false"></item>
</selector>

<!--图片选择器-->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@mipmap/user_select" android:state_checked="true"></item>
    <item android:drawable="@mipmap/user_normal" android:state_checked="false"></item>
</selector>

java代码模块

创建4个Fragment

public class HomeFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = getMyView();
        return view;
    }

    private View getMyView() {
        TextView textView= new TextView(getActivity());
        textView.setBackgroundColor(Color.BLUE);
        textView.setText("首页");
        textView.setTextSize(30);
        textView.setGravity(Gravity.CENTER);
        return textView;
    }

1.绑定按钮选择事件

private void listenRadioButton() {
        //初始化RadioGroup
        RadioGroup radioGroup = findViewById(R.id.rg_option);
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                setContentShowFragment(checkedId);
            }
        });
    }

2.初始化和用HashMap管理fragment对象

 //创建成员HashMap变量
    HashMap<Integer,Fragment> map ;
    private void initPages() {
        //初始化
        HomeFragment homeFragment = new HomeFragment();
        TalkFragment talkFragment = new TalkFragment();
        UserFragment userFragment = new UserFragment();
        VideoFragment videoFragment = new VideoFragment();
        //管理四个页面
        //初始化HashMap
        map = new HashMap<>();
        map.put(R.id.rb_home,homeFragment);
        map.put(R.id.rb_talk,talkFragment);
        map.put(R.id.rb_user,userFragment);
        map.put(R.id.rb_video,videoFragment);
    }

3.创建切换Fragment功能的方法

 private void setContentShowFragment(int checkedId) {
        Fragment fragment = map.get(checkedId);
        //通过fragment 的管理者将fragment显示在指定的布局
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        //根据id来切换fragment界面
        fragmentTransaction.replace(R.id.fl_content,fragment);
        //必须提交，页面才会更新
        fragmentTransaction.commit();
    }

总代码

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.RadioGroup;

import com.example.administrator.zhjrtt.R;
import com.xzit.fragment.HomeFragment;
import com.xzit.fragment.TalkFragment;
import com.xzit.fragment.UserFragment;
import com.xzit.fragment.VideoFragment;

import java.util.HashMap;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //1.创建监听器
        listenRadioButton();
        //2.初始化和用HashMap管理fragment对象
        initPages();
        //3.创建切换Fragment功能的方法setOnContentShowFragmet(int checkedId)
        //4.设置HomeFragment为默认界面
        setContentShowFragment(R.id.rb_home);



    }
    private void setContentShowFragment(int checkedId) {
        Fragment fragment = map.get(checkedId);
        //通过fragment 的管理者将fragment显示在指定的布局
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        //根据id来切换fragment界面
        fragmentTransaction.replace(R.id.fl_content,fragment);
        //必须提交，页面才会更新
        fragmentTransaction.commit();
    }
    //创建成员HashMap变量
    HashMap<Integer,Fragment> map ;
    private void initPages() {
        //初始化
        HomeFragment homeFragment = new HomeFragment();
        TalkFragment talkFragment = new TalkFragment();
        UserFragment userFragment = new UserFragment();
        VideoFragment videoFragment = new VideoFragment();
        //管理四个页面
        //初始化HashMap
        map = new HashMap<>();
        map.put(R.id.rb_home,homeFragment);
        map.put(R.id.rb_talk,talkFragment);
        map.put(R.id.rb_user,userFragment);
        map.put(R.id.rb_video,videoFragment);
    }

    private void listenRadioButton() {
        //初始化RadioGroup
        RadioGroup radioGroup = findViewById(R.id.rg_option);
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                setContentShowFragment(checkedId);
            }
        });
    }
}