Fragment初步了解

fragment

1.fragment解释：

　　从英文上来说fragment是碎片和片段的意思，这解释的是相当到位的，因为android中的fragment就像是碎片嵌在了Activity当中的，为构造良好的UI起着至关重要的作用。

　　fragment和Activity很像，Activity是通过复写onCreate()方法来载入布局文件的，而fragment是通过onCreateView()方法返回一个fragment的布局的。

2.fragment使用前提：

　　要使用fragment你的SDK版本必须在11以上。在你的Manifest.xml查看版本。

　　我用的是：

 <uses-sdk
         android:minSdkVersion="8"
         android:targetSdkVersion="18" />   <!-- 要大于11才行 -->

3.下面就通过一个简单的例子来说明fragment的使用方法

　　MainActivity的class：

 public class MainActivity extends FragmentActivity implements OnClickListener {  //要继承FragmentActivity噢

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         Button btn1 = (Button) findViewById(R.id.btn1);  　//开第一个fragment
         Button btn2 = (Button) findViewById(R.id.btn2);　　//开第二个fragment
         btn1.setOnClickListener(this);
         btn2.setOnClickListener(this);
     }

     @Override
     public boolean onCreateOptionsMenu(Menu menu) {
         getMenuInflater().inflate(R.menu.main, menu);
         return true;
     }

     @Override
     public void onClick(View v) {
         switch (v.getId()) {
         case R.id.btn1:
             System.out.println("第一个button");
             FragmentTransaction ft = getSupportFragmentManager()    //注意这里是getSupportFragmentManager()不是getFragmentManager()  因为是用了android.support.v4.app不是用了android.support.app
                     .beginTransaction();
             FirstFragment first = new FirstFragment();
             ft.replace(R.id.container, first);
             ft.commit();
             break;
         case R.id.btn2:
             FragmentTransaction ft2 = getSupportFragmentManager()
                     .beginTransaction();
             SecondFragment second = new SecondFragment();
             ft2.replace(R.id.container, second);
             ft2.commit();
             break;
         default:
             break;

         }

     }

 }

MianActivity

　

　　MainActivity对应的xml文件：

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:orientation="vertical"
     tools:context=".MainActivity" >

     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:orientation="horizontal" >

         <Button
             android:id="@+id/btn1"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_weight="1"
             android:text="切换至第一个fragment" />

         <Button
             android:id="@+id/btn2"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_weight="1"
             android:text="切换至第二个fragment" />
     </LinearLayout>
     <!-- 用来装fragment -->

     <RelativeLayout
         android:id="@+id/container"
         android:layout_width="match_parent"
         android:layout_height="match_parent" >
     </RelativeLayout>

 </LinearLayout>

activity_main.xml

　　FirstFragment的class

 public class FirstFragment extends Fragment {

     public FirstFragment() {
     }

     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         View view = inflater.inflate(R.layout.first_fragment, container, false);
         // 转向Activity的button
         Button btn1 = (Button) view.findViewById(R.id.button1);
         // 开第二个fragment
         Button btn2 = (Button) view.findViewById(R.id.button2);
         btn1.setOnClickListener(new btn1());
         btn2.setOnClickListener(new btn2());
         return view;
     }

     class btn1 implements OnClickListener {

         @Override
         public void onClick(View v) {
             Intent intent = new Intent();
             intent.setClass(getActivity(), SecondActivity.class);
             startActivity(intent);
         }

     }

     class btn2 implements OnClickListener {

         @Override
         public void onClick(View v) {
             FragmentTransaction ft = getFragmentManager().beginTransaction();  //是getFragmentManager不是getSupportFragmentManager
             SecondFragment second = new SecondFragment();
             ft.replace(R.id.container, second);
             ft.commit();

         }

     }

 }

FirstFragment

　　

　　FirstFragment所引用的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"
     android:background="@android:color/darker_gray"
     android:gravity="center"
     android:orientation="vertical" >

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center_vertical|center_horizontal"
         android:text="我是第一个fragment" />

     <Button
         android:id="@+id/button1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="打开一个activity" />

     <Button
         android:id="@+id/button2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="转向第二个fragment" />

 </LinearLayout>

first_fragment.xml

　　SecondFragment的class

 public class SecondFragment extends Fragment {

     public SecondFragment() {
     }

     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         View view = inflater
                 .inflate(R.layout.second_fragment, container, false);
         Button btn2 = (Button) view.findViewById(R.id.button111);
         btn2.setOnClickListener(new Button.OnClickListener() {

             @Override
             public void onClick(View v) {
                 FragmentTransaction fm = getFragmentManager()
                         .beginTransaction();
                 FirstFragment first = new FirstFragment();
                 fm.replace(R.id.container, first);
                 fm.commit();

             }
         });
         return view;   //一定要记住放回一个VIEW对象
     }
 }

SecondFragment

　　SecondFragment多引用的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"
     android:background="@android:color/white"
     android:gravity="center"
     android:orientation="vertical" >

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center_vertical|center_horizontal"
         android:text="我是第二个个fragment" />

     <Button
         android:id="@+id/button111"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="转向第一个fragment" />

 </LinearLayout>

second_fragment.xml

　　

　　SecondActivity的class

 public class SecondActivity extends Activity {

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

     @Override
     public boolean onCreateOptionsMenu(Menu menu) {
         // Inflate the menu; this adds items to the action bar if it is present.
         getMenuInflater().inflate(R.menu.second, menu);
         return true;
     }

 }

SecondActivity

　　SecondActivity对应的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"
     android:background="@android:color/white"
     android:gravity="center"
     android:orientation="vertical" >

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center_vertical|center_horizontal"
         android:text="我是第二个个fragment" />

     <Button
         android:id="@+id/button111"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="转向第一个fragment" />

 </LinearLayout>

second_fragment.xml