Fragment配合RadioGroup实现点击切换布局

在Android开发中，我们经常会需要在同一个Activity中切换多个不同的布局，这种情况下可以使用Fragment来实现。Fragment是Android自3.0版本以后推出的一种组件，它可以作为Activity中的一个子模块，能够独立地管理自己的界面和逻辑，也可以与其他Fragment组合在一起，形成一个复杂的UI界面。

而在实现多布局的切换时，常常会需要选择不同的入口来切换不同的布局。这时候可以使用RadioGroup按钮组来实现不同布局的切换。以下是使用Fragment和RadioGroup实现点击切换布局的详细步骤：

步骤一：创建Fragment

首先需要创建多个Fragment，每个Fragment对应一个不同的布局，一个Fragment可以看作是一个模块，负责一个布局的渲染和逻辑。创建Fragment需要继承Fragment类，并重写onCreateView()方法，该方法的返回值就是该Fragment中显示的布局。假设我们需要创建两个Fragment，分别对应两个不同的布局。以下代码是第一个Fragment的示例：

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

该代码中，我们将Fragment中的布局设置为fragment1.xml文件中的布局。

步骤二：创建RadioGroup

接下来，需要创建一个RadioGroup，用于切换不同的布局。RadioGroup中的每个RadioButton都对应一个Fragment，通过点击RadioButton可以切换不同的布局。以下是RadioGroup的创建示例：

<RadioGroup
    android:id="@+id/layout_switch"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <RadioButton
        android:id="@+id/fragment_1_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment1" />

    <RadioButton
        android:id="@+id/fragment_2_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment2" />

</RadioGroup>

该代码用于创建一个RadioGroup，其中包含两个RadioButton。这两个RadioButton分别与Fragment1和Fragment2对应，点击RadioButton可以切换不同的布局。

步骤三：实现RadioGroup和Fragment的绑定

通过以上两个步骤，我们已经创建了两个Fragment和一个RadioGroup。接下来需要实现RadioGroup和Fragment的绑定，也就是通过点击RadioButton来展示对应的Fragment布局。以下是RadioGroup和Fragment绑定的示例代码：

public class MainActivity extends AppCompatActivity {

    private Fragment1 fragment1;
    private Fragment2 fragment2;

    private RadioGroup layoutSwitch;

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

        fragment1 = new Fragment1();
        fragment2 = new Fragment2();

        layoutSwitch = findViewById(R.id.layout_switch);
        layoutSwitch.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                FragmentManager fragmentManager = getSupportFragmentManager();
                FragmentTransaction transaction = fragmentManager.beginTransaction();
                switch (checkedId) {
                    case R.id.fragment_1_button:
                        transaction.replace(R.id.fragment_container, fragment1);
                        break;
                    case R.id.fragment_2_button:
                        transaction.replace(R.id.fragment_container, fragment2);
                        break;
                }
                transaction.commit();
            }
        });
    }
}

该代码需要在Activity中调用RadioGroup的setOnCheckedChangeListener()方法，并实现OnCheckedChangeListener接口。在该接口的onCheckedChanged()方法中，需要获取选中的RadioButton的id，然后根据id将对应的Fragment展示出来。

步骤四：在Activity中添加Fragment容器

最后，需要在Activity中添加一个容器来展示Fragment。以下是示例代码：

<FrameLayout
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

该代码用于创建一个FrameLayout容器，用于展示Fragment。

通过以上四个步骤，就可以使用Fragment和RadioGroup来实现点击切换不同的布局。

阅读剩余 58%