碎片的静态与动态添加（区分手机与平板）

Posted 2020-09-16

一.   静态碎片管理

1.新建左侧碎片布局：

<?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="match_parent">

    <Button

        android:id="@+id/button"

        android:layout_gravity="center_horizontal"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Button"/>

</LinearLayout>

2. 新建右侧碎片布局：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:background="#00ff00"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center_horizontal"

        android:textSize="20sp"

        android:text="This Is Right Fragment"/>

</LinearLayout>

3.新建LeftFragment类：//重写了onCreateView方法

public class LeftFragment extends Fragment {

    @Nullable

    @Override

    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

       View view=inflater.inflate(R.layout.left_fragment,container,false);

        return view;

    }

}

4.新建RightFragment类：

public class RightFragment extends Fragment {

    @Nullable

    @Override

    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        View view=inflater.inflate(R.layout.right_fragment,container,false);

        return view;

    }

}

5.修改activity_main.xml的代码：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="horizontal">

   <fragment

       android:id="@+id/left_fragment"

       android:name="com.example.fragmenttest.LeftFragment"

       android:layout_width="0dp"

       android:layout_height="match_parent"

       android:layout_weight="1"

       ></fragment>

    <fragment

        android:id="@+id/right_fragment"

        android:name="com.example.fragmenttest.RightFragment"

        android:layout_width="0dp"

        android:layout_height="match_parent"

        android:layout_weight="1"

        ></fragment>

</LinearLayout>
6.运行结果截图

二.动态添加碎片

目标：给左侧的按钮添加点击功能，动态改变右边的背景颜色为黄色，内容为this is another right fragment。

1.新建一个right_fragment.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="match_parent"

    android:background="#ffff00">

 <TextView

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:layout_gravity="center_horizontal"

     android:textSize="20sp"

     android:text="This is another right fragment"/>

</LinearLayout>

2.新建AnotherRightFragment的Java类，重写了onCreateView方法。代码：

public class AnotherRightFragment extends Fragment{

    @Nullable

    @Override

    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        View view=inflater.inflate(R.layout.another_right_fragment,container,false);

        return view;

    }

}

3.更改activity_main.xml中的代码。

 

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="horizontal">

   <fragment

       android:id="@+id/left_fragment"

       android:name="com.example.fragmenttest.LeftFragment"

       android:layout_width="0dp"

       android:layout_height="match_parent"

       android:layout_weight="1"

       ></fragment>

    <FrameLayout

        android:id="@+id/right_layout"

        android:layout_width="0dp"

        android:layout_height="match_parent"

        android:layout_weight="1"></FrameLayout>

</LinearLayout>

4.修改MainActivity中的代码：

 

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        Button button=(Button) findViewById(R.id.button);

        button.setOnClickListener(this);

        replaceFragment(new RightFragment());

    }

    @Override

    public void onClick(View v) {

        switch (v.getId()){

            case R.id.button:

                replaceFragment(new AnotherRightFragment());

                break;

            default:

                break;

        }

    }

    private void replaceFragment(Fragment fragment){

        FragmentManager fragmentManager=getSupportFragmentManager();

        FragmentTransaction transaction=fragmentManager.beginTransaction();

        transaction.replace(R.id.right_layout,fragment);

        transaction.commit();

    }

}

5.动态碎片管理结果截图：