Android学习——碎片Fragment的使用

一、碎片的简单用法(实现在一个活动中添加两个碎片，并让这两个碎片平分活动空间)

1、新建一个FragmentTest项目；

新建一个左侧碎片布局left_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">
     <Button
         android:id="@+id/button"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center_horizontal"
         android:text="Button"
         />
 </LinearLayout>

新建右侧碎片布局right_fragment.xml，代码如下：（布局背景设置成蓝色并放置一个TextView用于显示文本）

 <?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="@color/colorPrimaryDark">
 
     <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>

2、新建一个LeftFragment类，并让它继承Fragment（注意这里的Fragment使用support-v4中的），代码如下：

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

重写了Fragment的onCreateView()方法，然后在这个方法中通过LayoutInflater的inflate()方法将刚才定义的left_fragment布局动态加载进来。

新建RightFragment类，同样继承Fragment，代码如下：

 public class RightFragment extends Fragment {
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){
         View view=inflater.inflate(R.layout.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"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     >
    <fragment
        android:id="@+id/left_fragment"
        android:name="com.example.administrator.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        />
     <FrameLayout
         android:id="@+id/right_layout"
         android:layout_width="0dp"
         android:layout_height="match_parent"
         android:layout_weight="1"
         >
     </FrameLayout>
 </LinearLayout>

运行程序，效果如下：

二、动态添加碎片

1、在前面基础上新建another_right_fragment.xml，代码如下：（布局文件和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类作为另一个右侧碎片，代码如下：

 public class AnotherRightFragment extends Fragment{
         @Override
         public View onCreateView(LayoutInflater inflater, ViewGroup container, 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"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     >
    <fragment
        android:id="@+id/left_fragment"
        android:name="com.example.administrator.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        />
     <FrameLayout
         android:id="@+id/right_layout"
         android:layout_width="0dp"
         android:layout_height="match_parent"
         android:layout_weight="1"
         >
     </FrameLayout>
 </LinearLayout>

4、修改MainActivity中的代码：（在代码中向FrameLayout里添加内容）

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

首先给左侧碎片中的按钮注册一个点击事件，然后调用replaceFrameLayout()方法动态添加RightFragment这个碎片，当点击左侧碎片中的按钮时，又会调用replaceFragment()方法将右侧碎片替换成AnotherRightFragment。

重新运行程序，可以看到和之前一样的界面，然后点击一下按钮，效果如下：