標題: Fragment [打印本頁]

---

作者: 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">
   
7. 
   
8.     <LinearLayout
   
9.         android:orientation="horizontal"
   
10.         android:layout_width="match_parent"
    
11.         android:layout_height="wrap_content"
    
12.         android:layout_gravity="center_horizontal">
    
13. 
    
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" />
    
22. 
    
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>
    
33. 
    
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">
   
6. 
   
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">
   
6. 
   
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;
   
2. 
   
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;
   
8. 
   
9. public class MainActivity extends AppCompatActivity {
   
10. 
    
11.     Button btn1, btn2;
    
12. 
    
13.     @Override
    
14.     protected void onCreate(Bundle savedInstanceState) {
    
15.         super.onCreate(savedInstanceState);
    
16.         setContentView(R.layout.activity_main);
    
17. 
    
18.         btn1 = (Button) findViewById(R.id.button1);
    
19.         btn2 = (Button) findViewById(R.id.button2);
    
20. 
    
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;
   
2. 
   
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;
   
8. 
   
9. /**
   
10. * Created by Tony on 2017/11/14.
    
11. */
    
12. public class Fragment1 extends Fragment {
    
13. 
    
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;
   
2. 
   
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;
   
8. 
   
9. /**
   
10. * Created by Tony on 2017/11/14.
    
11. */
    
12. public class Fragment2 extends Fragment {
    
13. 
    
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. }

複製代碼

---

作者: 陳泓瑜    時間: 2019-8-9 15:28

FRAGMAIN.JAVA

1. package com.brixpert.dab.fragment;
   
2. 
   
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;
   
8. 
   
9. public class FRAGMAIN extends AppCompatActivity {
   
10. 
    
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;
   
2. 
   
3. 
   
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;
   
9. 
   
10. 
    
11. /**
    
12. * A simple {@link Fragment} subclass.
    
13. */
    
14. public class FRAG1 extends Fragment {
    
15. 
    
16. 
    
17.     public FRAG1() {
    
18.         // Required empty public constructor
    
19.     }
    
20. 
    
21. 
    
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.     }
    
28. 
    
29. 
    
30. }

複製代碼

FRAG2.JAVA

1. package com.brixpert.dab.fragment;
   
2. 
   
3. 
   
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;
   
9. 
   
10. 
    
11. /**
    
12. * A simple {@link Fragment} subclass.
    
13. */
    
14. public class FRAG2 extends Fragment {
    
15. 
    
16. 
    
17.     public FRAG2() {
    
18.         // Required empty public constructor
    
19.     }
    
20. 
    
21. 
    
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.     }
    
28. 
    
29. 
    
30. }

複製代碼

---

作者: 張健勳    時間: 2019-8-17 16:25

1. package com.example.student.myapplication;
   
2. 
   
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;
   
8. 
   
9. public class MainActivity extends AppCompatActivity {
   
10. 
    
11.     Button button1 , button2;
    
12. 
    
13.     @Override
    
14.     protected void onCreate(Bundle savedInstanceState) {
    
15.         super.onCreate(savedInstanceState);
    
16.         setContentView(R.layout.activity_main);
    
17. 
    
18.         button1 = (Button)findViewById(R.id.button1);
    
19.         button2 = (Button)findViewById(R.id.button2);
    
20. 
    
21.         button1.setOnClickListener(new View.OnClickListener() {
    
22.             @Override
    
23.             public void onClick(View v) {
    
24. 
    
25.                 Fragment1 fragment1 = new Fragment1();
    
26.                 FragmentTransaction fragmentTransaction = getFragmentManager().beginTransaction();
    
27.                 fragmentTransaction.add(R.id.frame,fragment1);
    
28.                 fragmentTransaction.commit();
    
29.             }
    
30.         });
    
31. 
    
32. 
    
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">
   
7. 
   
8.     <LinearLayout
   
9.         android:orientation="horizontal"
   
10.         android:layout_width="match_parent"
    
11.         android:layout_height="wrap_content"
    
12.         android:layout_gravity="center_horizontal">
    
13. 
    
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" />
    
22. 
    
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>
    
33. 
    
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;
   
2. 
   
3. 
   
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;
   
9. 
   
10. 
    
11. /**
    
12. * A simple {@link Fragment} subclass.
    
13. */
    
14. public class Fragment1 extends Fragment {
    
15. 
    
16. 
    
17.     public Fragment1() {
    
18.         // Required empty public constructor
    
19.     }
    
20. 
    
21. 
    
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.     }
    
28. 
    
29. 
    
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">
   
6. 
   
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" />
    
13. 
    
14. </FrameLayout>

複製代碼

1. package com.example.student.myapplication;
   
2. 
   
3. 
   
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;
   
9. 
   
10. 
    
11. /**
    
12. * A simple {@link Fragment} subclass.
    
13. */
    
14. public class Fragment2 extends Fragment {
    
15. 
    
16. 
    
17.     public Fragment2() {
    
18.         // Required empty public constructor
    
19.     }
    
20. 
    
21. 
    
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.     }
    
28. 
    
29. 
    
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">
   
6. 
   
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" />
    
13. 
    
14. </FrameLayout>

複製代碼

---

作者: 李知易    時間: 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;
   
7. 
   
8. public class MainActivity extends AppCompatActivity {
   
9. 
   
10.     Button button1, button2;
    
11. 
    
12.     @Override
    
13.     protected void onCreate(Bundle savedInstanceState) {
    
14.         super.onCreate(savedInstanceState);
    
15.         setContentView(R.layout.activity_main);
    
16. 
    
17.         button1 = (Button) findViewById(R.id.button1);
    
18.         button2 = (Button) findViewById(R.id.button2);
    
19. 
    
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;
   
2. 
   
3. 
   
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;
   
9. 
   
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;
   
2. 
   
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;
   
8. 
   
9. public class Fragment2 extends Fragment {
   
10.     public Fragment2(){
    
11. 
    
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">
   
6. 
   
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">
   
6. 
   
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">
   
7. 
   
8.     <LinearLayout
   
9.         android:orientation="horizontal"
   
10.         android:layout_width="match_parent"
    
11.         android:layout_height="wrap_content"
    
12.         android:layout_gravity="center_horizontal">
    
13. 
    
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" />
    
21. 
    
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>
    
31. 
    
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>

複製代碼

---

作者: 黃璽安    時間: 2019-8-22 14:18

1. package com.example.shain.fragment;
   
2. 
   
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;
   
8. 
   
9. public class MainActivity extends AppCompatActivity {
   
10. 
    
11.     Button btn1, btn2;
    
12. 
    
13.     @Override
    
14.     protected void onCreate(Bundle savedInstanceState) {
    
15.         super.onCreate(savedInstanceState);
    
16.         setContentView(R.layout.activity_main);
    
17. 
    
18.         btn1 = (Button) findViewById(R.id.button1);
    
19.         btn2 = (Button) findViewById(R.id.button2);
    
20. 
    
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.         });
    
39. 
    
40. 
    
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">
   
8. 
   
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" />
    
26. 
    
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>
    
34. 
    
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">
   
6. 
   
7.     <!-- TODO: Update blank fragment layout -->
   
8. 
   
9. </FrameLayout>

複製代碼

---

歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://seed.istak.org.tw/)

Powered by Discuz! 7.2