返回列表 發帖

Rank: 8Rank: 8
1# 跳轉到 » 倒序看帖
打印
tT
tonyh發表於 2019-8-9 14:34 | 只看該作者

Fragment

本帖最後由 tonyh 於 2019-8-9 14:38 編輯

什麼是Fragment

Fragment (中譯：片段、區塊) 是Android提供的一個畫面區塊，可將Fragment放在一個Activity中，可使用多個Fragment構成一個手機畫面。因此，Fragment是Activity的子畫面，如下圖：



在Activity中的每個Fragment擁有自己的生命週期，當Activity進入暫停時，Activity內的Fragment也會自動執行相對的生命週期方法，在Fragment中覆寫這些方法，可自訂區塊的功能設計。例如，何時要重新讀取資料、何時暫停處理資料等。

在2009年Android剛嶄露頭角時，手機的畫面不大，解析度也不高，一個畫面放不了太多資訊，因此使用Activity轉換到另一個Activity的方式來設計功能，如下圖：



像是在Activity1中顯示消費清單，當按下清單中的其中一個項目時，在Activity2顯示該筆消費的詳細資訊。

但從2010年時平板開始流行後，畫面變大、解析度變高，一個畫面可容納更多的元件了，2011年初Android 3.0推出時，即加入了Fragment元件，可在Activity中加入Fragment區塊，使其可在一個畫面下容納多個區塊的顯示，並自訂每個區塊的內容，或者更換其中一個區塊功能。

Fragment的生命週期

每個Fragment擁有自己的生命週期，也就是說，在特定的狀況會自動呼叫特定的方法，供使用者依功能需求覆寫這些方法，加入必要的程式碼。依照Fragment產生與出現的順序會執行的方法描述如下：

產生階段（未出現在畫面上）

onAttach()
當Fragment被加到某個Activity畫面中時，會自動呼叫此方法。

onCreate()
Fragment被建立時會自動呼叫此方法，可加入初始化元件或資料的程式碼。

onCreateView()
將在畫面中第一次顯示Fragment時會自動呼叫此方法，必須回傳Fragment畫面的View元件，設計時，請使用方法中的LayoutInflater物件，在此方法中產生畫面元件並回傳。

onActivityCreated()
當加入本Fragment的Activity被建立時，該Activity的onCreate方法執行完成後，會自動執行此方法。執行完此方法後，Fragment才出現在畫面上。

準備階段（出現在畫面上）

onStart()
當Fragment出現在畫面中時先執行此方法。

onResume()
執行完onStart方法後，再自動執行本方法。完成後即在畫面中與使用者互動。

暫停階段

當使用者按下返回鍵，或是程式中將Fragment自某個Activity中移除時，會自動執行以下方法：

onPause()
進入暫停前第一個執行的方法。

onStop()
執行完onPause方法後，自動執行本方法。

onDestroyView()
此時Fragment已不在畫面中，呼叫此方法。

onDestroy()
當Fragment要被清除之前，會執行此方法。

onDetach()
與當初被加入的Activity卸載時，會自動執行此方法。

實作Fragment

完成如下圖所示之練習，頁面上方為兩個按鈕，下方為一個 FrameLayout，點擊按鈕後將 FrameLayout 中的內容置換為目標子頁面。






layout\activity_main.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context=".MainActivity"
  6.     android:orientation="vertical">

  8.     <LinearLayout
  9.         android:orientation="horizontal"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         android:layout_gravity="center_horizontal">

  14.         <Button
  15.             android:layout_width="fill_parent"
  16.             android:layout_height="wrap_content"
  17.             android:text="Fragment1"
  18.             android:id="@+id/button1"
  19.             android:textAllCaps="false"
  20.             android:textSize="20sp"
  21.             android:layout_weight="1" />

  23.         <Button
  24.             android:layout_width="fill_parent"
  25.             android:layout_height="wrap_content"
  26.             android:text="Fragment2"
  27.             android:id="@+id/button2"
  28.             android:layout_gravity="center_horizontal"
  29.             android:textAllCaps="false"
  30.             android:textSize="20sp"
  31.             android:layout_weight="1" />
  32.     </LinearLayout>

  34.     <FrameLayout
  35.         android:layout_width="fill_parent"
  36.         android:layout_height="0dp"
  37.         android:layout_weight="1"
  38.         android:id="@+id/frame"
  39.         android:visibility="visible"></FrameLayout>
  40. </LinearLayout>
複製代碼
layout\fragment1.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical" android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="#c0e6ff">

  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:text="This is Fragment1"
  11.         android:id="@+id/textView"
  12.         android:layout_gravity="center_horizontal"
  13.         android:gravity="center"
  14.         android:textSize="28sp"
  15.         android:textColor="@android:color/black"
  16.         android:background="#c8e9ff"
  17.         android:visibility="visible" />
  18. </LinearLayout>
複製代碼
layout\fragment2.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical" android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="#ffc7c7">

  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:text="This is Fragment2"
  11.         android:id="@+id/textView"
  12.         android:layout_gravity="center_horizontal"
  13.         android:gravity="center"
  14.         android:textSize="28sp"
  15.         android:textColor="@android:color/black"
  16.         android:background="#f7d1ff"
  17.         android:visibility="visible" />
  18. </LinearLayout>
複製代碼
MainActivity.java
  1. package org.istak.ch38_fragment;

  3. import android.app.FragmentTransaction;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.widget.Button;

  9. public class MainActivity extends AppCompatActivity {

  11.     Button btn1, btn2;

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

  18.         btn1 = (Button) findViewById(R.id.button1);
  19.         btn2 = (Button) findViewById(R.id.button2);

  21.         btn1.setOnClickListener(new View.OnClickListener() {
  22.             @Override
  23.             public void onClick(View v) {
  24.                 //FragmentManager fm = getFragmentManager();
  25.                 Fragment1 f1 = new Fragment1();
  26.                 FragmentTransaction ft = getFragmentManager().beginTransaction();
  27.                 ft.add(R.id.frame, f1);    //replace() 具同樣效果
  28.                 //ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);  //設轉場動畫 (無意義)
  29.                 ft.commit();
  30.             }
  31.         });
  32.         btn2.setOnClickListener(new View.OnClickListener() {
  33.             @Override
  34.             public void onClick(View v) {
  35.                 //Fragment2 f2 = new Fragment2();
  36.                 //FragmentTransaction ft = getFragmentManager().beginTransaction();
  37.                 //ft.add(R.id.frame_layout, f2);
  38.                 //ft.commit();
  39.                 getFragmentManager().beginTransaction().add(R.id.frame, new Fragment2()).commit();
  40.             }
  41.         });
  42.     }
  43. }
複製代碼
Fragment1.java
  1. package org.istak.ch38_fragment;

  3. import android.app.Fragment;
  4. import android.os.Bundle;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;

  9. /**
  10. * Created by Tony on 2017/11/14.
  11. */
  12. public class Fragment1 extends Fragment {

  14.     @Override
  15.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  16.         View v=inflater.inflate(R.layout.fragment1,container,false);
  17.         return v;
  18.     }
  19. }
複製代碼
Fragment2.java
  1. package org.istak.ch38_fragment;

  3. import android.app.Fragment;
  4. import android.os.Bundle;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;

  9. /**
  10. * Created by Tony on 2017/11/14.
  11. */
  12. public class Fragment2 extends Fragment {

  14.     @Override
  15.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  16.         View v=inflater.inflate(R.layout.fragment2,container,false);
  17.         return v;
  18.     }
  19. }
複製代碼
收藏 分享

Rank: 1
2#
陳泓瑜發表於 2019-8-9 15:28 | 只看該作者
FRAGMAIN.JAVA
  1. package com.brixpert.dab.fragment;

  3. import android.app.Fragment;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.widget.Button;

  9. public class FRAGMAIN extends AppCompatActivity {

  11.     Button button;
  12.     Button button2;
  13.     @Override
  14.     protected void onCreate(Bundle savedInstanceState) {
  15.         super.onCreate(savedInstanceState);
  16.         setContentView(R.layout.activity_fragmain);
  17.         button = (Button) findViewById(R.id.button);
  18.         button2 = (Button) findViewById(R.id.button2);
  19.         button.setOnClickListener(new View.OnClickListener() {
  20.             @Override
  21.             public void onClick(View v) {
  22.                 getFragmentManager().beginTransaction().add(R.id.frame, new FRAG1()).commit();
  23.             }
  24.         });
  25.         button2.setOnClickListener(new View.OnClickListener() {
  26.             @Override
  27.             public void onClick(View v) {
  28.                 getFragmentManager().beginTransaction().add(R.id.frame, new FRAG2()).commit();
  29.             }
  30.         });
  31.     }
  32. }
複製代碼
FRAG1.JAVA
  1. package com.brixpert.dab.fragment;


  4. import android.os.Bundle;
  5. import android.app.Fragment;
  6. import android.view.LayoutInflater;
  7. import android.view.View;
  8. import android.view.ViewGroup;


  11. /**
  12. * A simple {@link Fragment} subclass.
  13. */
  14. public class FRAG1 extends Fragment {


  17.     public FRAG1() {
  18.         // Required empty public constructor
  19.     }


  22.     @Override
  23.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
  24.                              Bundle savedInstanceState) {
  25.         // Inflate the layout for this fragment
  26.         return inflater.inflate(R.layout.fragment_frag1, container, false);
  27.     }


  30. }
複製代碼
FRAG2.JAVA
  1. package com.brixpert.dab.fragment;


  4. import android.os.Bundle;
  5. import android.app.Fragment;
  6. import android.view.LayoutInflater;
  7. import android.view.View;
  8. import android.view.ViewGroup;


  11. /**
  12. * A simple {@link Fragment} subclass.
  13. */
  14. public class FRAG2 extends Fragment {


  17.     public FRAG2() {
  18.         // Required empty public constructor
  19.     }


  22.     @Override
  23.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
  24.                              Bundle savedInstanceState) {
  25.         // Inflate the layout for this fragment
  26.         return inflater.inflate(R.layout.fragment_frag2, container, false);
  27.     }


  30. }
複製代碼
https://www.facebook.com/DABRiXPERT6584

TOP

Rank: 1
3#
張健勳發表於 2019-8-17 16:25 | 只看該作者
  1. package com.example.student.myapplication;

  3. import android.app.FragmentTransaction;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.widget.Button;

  9. public class MainActivity extends AppCompatActivity {

  11.     Button button1 , button2;

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

  18.         button1 = (Button)findViewById(R.id.button1);
  19.         button2 = (Button)findViewById(R.id.button2);

  21.         button1.setOnClickListener(new View.OnClickListener() {
  22.             @Override
  23.             public void onClick(View v) {

  25.                 Fragment1 fragment1 = new Fragment1();
  26.                 FragmentTransaction fragmentTransaction = getFragmentManager().beginTransaction();
  27.                 fragmentTransaction.add(R.id.frame,fragment1);
  28.                 fragmentTransaction.commit();
  29.             }
  30.         });


  33.         button2.setOnClickListener(new View.OnClickListener() {
  34.             @Override
  35.             public void onClick(View v) {
  36.                 getFragmentManager().beginTransaction().add(R.id.frame, new Fragment2()).commit();
  37.             }
  38.         });
  39.     }
  40. }
複製代碼
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context=".MainActivity"
  6.     android:orientation="vertical">

  8.     <LinearLayout
  9.         android:orientation="horizontal"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         android:layout_gravity="center_horizontal">

  14.         <Button
  15.             android:layout_width="fill_parent"
  16.             android:layout_height="wrap_content"
  17.             android:text="Fragment1"
  18.             android:id="@+id/button1"
  19.             android:textAllCaps="false"
  20.             android:textSize="20sp"
  21.             android:layout_weight="1" />

  23.         <Button
  24.             android:layout_width="fill_parent"
  25.             android:layout_height="wrap_content"
  26.             android:text="Fragment2"
  27.             android:id="@+id/button2"
  28.             android:layout_gravity="center_horizontal"
  29.             android:textAllCaps="false"
  30.             android:textSize="20sp"
  31.             android:layout_weight="1" />
  32.     </LinearLayout>

  34.     <FrameLayout
  35.         android:layout_width="fill_parent"
  36.         android:layout_height="0dp"
  37.         android:layout_weight="1"
  38.         android:id="@+id/frame"
  39.         android:visibility="visible"></FrameLayout>
  40. </LinearLayout>
複製代碼
  1. package com.example.student.myapplication;


  4. import android.os.Bundle;
  5. import android.app.Fragment;
  6. import android.view.LayoutInflater;
  7. import android.view.View;
  8. import android.view.ViewGroup;


  11. /**
  12. * A simple {@link Fragment} subclass.
  13. */
  14. public class Fragment1 extends Fragment {


  17.     public Fragment1() {
  18.         // Required empty public constructor
  19.     }


  22.     @Override
  23.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
  24.                              Bundle savedInstanceState) {
  25.         // Inflate the layout for this fragment
  26.         return inflater.inflate(R.layout.fragment1, container, false);
  27.     }


  30. }
複製代碼
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  3.     android:layout_height="match_parent"
  4.     tools:context="com.example.student.myapplication.Fragment1"
  5.     android:background="#b7fbeb">

  7.     <!-- TODO: Update blank fragment layout -->
  8.     <TextView android:layout_width="match_parent" android:layout_height="match_parent"
  9.         android:text="Fragment 1"
  10.         android:textSize="28dp"
  11.         android:gravity="center"
  12.         android:textColor="#000000" />

  14. </FrameLayout>
複製代碼
  1. package com.example.student.myapplication;


  4. import android.os.Bundle;
  5. import android.app.Fragment;
  6. import android.view.LayoutInflater;
  7. import android.view.View;
  8. import android.view.ViewGroup;


  11. /**
  12. * A simple {@link Fragment} subclass.
  13. */
  14. public class Fragment2 extends Fragment {


  17.     public Fragment2() {
  18.         // Required empty public constructor
  19.     }


  22.     @Override
  23.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
  24.                              Bundle savedInstanceState) {
  25.         // Inflate the layout for this fragment
  26.         return inflater.inflate(R.layout.fragment2, container, false);
  27.     }


  30. }
複製代碼
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  3.     android:layout_height="match_parent"
  4.     tools:context="com.example.student.myapplication.Fragment2"
  5.     android:background="#ffc0c1">

  7.     <!-- TODO: Update blank fragment layout -->
  8.     <TextView android:layout_width="match_parent" android:layout_height="match_parent"
  9.         android:text="Fragment 2"
  10.         android:textSize="28dp"
  11.         android:textColor="#000000"
  12.         android:gravity="center" />

  14. </FrameLayout>
複製代碼

TOP

Rank: 7Rank: 7Rank: 7
4#
李知易發表於 2019-8-17 16:56 | 只看該作者
Main:
  1. package com.example.student.myapplication;
  2. import android.app.FragmentTransaction;
  3. import android.support.v7.app.AppCompatActivity;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.Button;

  8. public class MainActivity extends AppCompatActivity {

  10.     Button button1, button2;

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

  17.         button1 = (Button) findViewById(R.id.button1);
  18.         button2 = (Button) findViewById(R.id.button2);

  20.         button1.setOnClickListener(new View.OnClickListener() {
  21.             @Override
  22.             public void onClick(View v) {
  23.                 Fragment1 f1 = new Fragment1();
  24.                 FragmentTransaction ft = getFragmentManager().beginTransaction();
  25.                 ft.add(R.id.frame, f1);
  26.                 ft.commit();
  27.             }
  28.         });
  29.         button2.setOnClickListener(new View.OnClickListener() {
  30.             @Override
  31.             public void onClick(View v) {
  32.                 Fragment2 f2 = new Fragment2();
  33.                 FragmentTransaction ft = getFragmentManager().beginTransaction();
  34.                 ft.add(R.id.frame, f2);
  35.                 ft.commit();
  36.             }
  37.         });
  38.     }
  39. }
複製代碼
Fragment1:
  1. package com.example.student.myapplication;


  4. import android.os.Bundle;
  5. import android.app.Fragment;
  6. import android.view.LayoutInflater;
  7. import android.view.View;
  8. import android.view.ViewGroup;

  10. public class Fragment1 extends Fragment {
  11.     public Fragment1() {
  12.     }
  13.     @Override
  14.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
  15.                              Bundle savedInstanceState) {
  16.         // Inflate the layout for this fragment
  17.         return inflater.inflate(R.layout.fragment1, container, false);
  18.     }
  19. }
複製代碼
Fragment2:
  1. package com.example.student.myapplication;

  3. import android.app.Fragment;
  4. import android.os.Bundle;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;

  9. public class Fragment2 extends Fragment {
  10.     public Fragment2(){

  12.     }
  13.     @Override
  14.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  15.         return inflater.inflate(R.layout.fragment2,container,false);
  16.     }
  17. }
複製代碼
Fragment1_layout:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical" android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="#c0e6ff">

  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:text="Fragment1"
  11.         android:id="@+id/textView"
  12.         android:layout_gravity="center_horizontal"
  13.         android:gravity="center"
  14.         android:textSize="28sp"
  15.         android:textColor="@android:color/black"
  16.         android:background="#e12a45f"
  17.         android:visibility="visible" />
  18. </LinearLayout>
複製代碼
fragment2_layout:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical" android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="#ffc7c7">

  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:text="Fragment2"
  11.         android:id="@+id/textView"
  12.         android:layout_gravity="center_horizontal"
  13.         android:gravity="center"
  14.         android:textSize="28sp"
  15.         android:textColor="@android:color/black"
  16.         android:background="#edc7f5"
  17.         android:visibility="visible" />
  18. </LinearLayout>
複製代碼
main_layout:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context=".MainActivity"
  6.     android:orientation="vertical">

  8.     <LinearLayout
  9.         android:orientation="horizontal"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         android:layout_gravity="center_horizontal">

  14.         <Button
  15.             android:layout_width="185dp"
  16.             android:layout_height="59dp"
  17.             android:text="Fragment1"
  18.             android:id="@+id/button1"
  19.             android:textAllCaps="false"
  20.             android:textSize="20sp" />

  22.         <Button
  23.             android:layout_width="fill_parent"
  24.             android:layout_height="match_parent"
  25.             android:text="Fragment2"
  26.             android:id="@+id/button2"
  27.             android:layout_gravity="center_horizontal"
  28.             android:textAllCaps="false"
  29.             android:textSize="20sp" />
  30.     </LinearLayout>

  32.     <FrameLayout
  33.         android:layout_width="fill_parent"
  34.         android:layout_height="0dp"
  35.         android:layout_weight="0.95"
  36.         android:id="@+id/frame"
  37.         android:visibility="visible"></FrameLayout>
  38. </LinearLayout>
複製代碼

TOP

Rank: 7Rank: 7Rank: 7
5#
黃璽安發表於 2019-8-22 14:18 | 只看該作者
  1. package com.example.shain.fragment;

  3. import android.app.FragmentTransaction;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.widget.Button;

  9. public class MainActivity extends AppCompatActivity {

  11.     Button btn1, btn2;

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

  18.         btn1 = (Button) findViewById(R.id.button1);
  19.         btn2 = (Button) findViewById(R.id.button2);

  21.         btn1.setOnClickListener(new View.OnClickListener() {
  22.             @Override
  23.             public void onClick(View v) {
  24.                 Fragment1 f1 = new Fragment1();
  25.                 FragmentTransaction ft = getFragmentManager().beginTransaction();
  26.                 ft.add(R.id.frame, f1);
  27.                 ft.commit();
  28.             }
  29.         });
  30.         btn2.setOnClickListener(new View.OnClickListener() {
  31.             @Override
  32.             public void onClick(View v) {
  33.                 Fragment2 f2 = new Fragment2();
  34.                 FragmentTransaction ft = getFragmentManager().beginTransaction();
  35.                 ft.add(R.id.frame, f2);
  36.                 ft.commit();
  37.             }
  38.         });


  41.     }
  42. }
複製代碼
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  4.     android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
  5.     android:paddingRight="@dimen/activity_horizontal_margin"
  6.     android:paddingTop="@dimen/activity_vertical_margin"
  7.     android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

  9.     <Button
  10.         android:layout_width="wrap_content"
  11.         android:layout_height="wrap_content"
  12.         android:text="Fragment1"
  13.         android:textSize="20sp"
  14.         android:id="@+id/button1"
  15.         android:layout_alignParentTop="true"
  16.         android:layout_alignParentLeft="true"
  17.         android:layout_alignParentStart="true" />
  18.     <Button
  19.         android:layout_width="wrap_content"
  20.         android:layout_height="wrap_content"
  21.         android:text="Fragment2"
  22.         android:textSize="20sp"
  23.         android:layout_alignParentRight="true"
  24.         android:layout_alignParentEnd="true"
  25.         android:id="@+id/button2" />

  27.     <FrameLayout
  28.         android:layout_width="match_parent"
  29.         android:layout_height="match_parent"
  30.         android:layout_alignRight="@+id/button2"
  31.         android:layout_alignEnd="@+id/button2"
  32.         android:layout_below="@+id/button1"
  33.         android:id="@+id/frame"></FrameLayout>

  35. </RelativeLayout>
  36. [code]
複製代碼
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" tools:context="com.example.shain.fragment.Fragment1"
    android:id="@+id/fragment1"
    android:background="#afe6ee">

    <!-- TODO: Update blank fragment layout -->

</FrameLayout>
  1. [/code]<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  3.     android:layout_height="match_parent" tools:context="com.example.shain.fragment.Fragment2"
  4.     android:id="@+id/fragment2"
  5.     android:background="#e3babc">

  7.     <!-- TODO: Update blank fragment layout -->

  9. </FrameLayout>
複製代碼

TOP

返回列表