Android-Fragment課堂學習(初步學習版筆記)

（初步學習記錄）

一 .Fragment是什么

• Fragment是一種可以嵌入在Activity當中的UI片段，它能讓程式更加合理和充分地利用大螢屏的空間，因而在平板上應用得非常廣泛，
• 和Activity很像，同樣都能包含布局，同樣都有自己的生命周期，
• 手機平板要兼顧，探究Fragment

二. Fragment的基本用法

通過一個實體來具體了解吧：

• 定義Fragment的布局
  新建一個左側Fragment的布局left_fragment.xml，再新建一個右側Fragment的布局right_fragment.xml,代碼如下所示:

left_fragment.xml 要實作

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

<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要實作

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#00ff00">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="24sp"
        android:text="This is right fragment"
        />
</LinearLayout>

• 創建Fragment
  然后撰寫LeftFragment和RightFragment中的代碼，如下所示：

class LeftFragment : Fragment() {

    override fun onCreateView(inflater: LayoutInflater, 
		container: ViewGroup?, 
		savedInstanceState: Bundle?): View? {
        return inflater.inflate(R.layout.left_fragment, container, false)
    }

}

class RightFragment : Fragment() {

    override fun onCreateView(inflater: LayoutInflater, 
		container: ViewGroup?, 
		savedInstanceState: Bundle?): View? {
        return inflater.inflate(R.layout.right_fragment, container, false)
    }
    
}

• 在布局中引入Fragment
  接下來修改activity_main.xml，在布局中引入Fragment，

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <fragment
        android:id="@+id/leftFrag"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <fragment
        android:id="@+id/rightFrag"
        android:name="com.example.fragmenttest.RightFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

</LinearLayout>

手機中效果是這樣的：

平板中效果如下：

• 動態添加Fragment
  先需要準備一個布局作為動態添加Fragment的視窗，

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <fragment
        android:id="@+id/leftFrag"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <FrameLayout
        android:id="@+id/rightLayout"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" >
    </FrameLayout>

</LinearLayout>

• 然后在代碼中向FrameLayout里添加內容，實作動態添加Fragment的功能，

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        button.setOnClickListener {
            replaceFragment(AnotherRightFragment())
        }
    }

    private fun replaceFragment(fragment: Fragment) {
        val fragmentManager = supportFragmentManager
        val transaction = fragmentManager.beginTransaction()
        transaction.replace(R.id.rightLayout, fragment)
        transaction.commit()
    }

}

AnotherRightFragment檔案：

class AnotherRightFragment : Fragment() {

    override fun onCreateView(inflater: LayoutInflater,
                              container: ViewGroup?,
                              savedInstanceState: Bundle?): View? {
        return inflater.inflate(R.layout.another_right_fragment, container, false)
    }

}

another_right_fragment布局檔案：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="#ffff00"
    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="12sp"
        android:text="This is another right fragment"
    />

</LinearLayout>

動態添加Fragment的步驟

• 創建待添加Fragment的實體，
• 獲取FragmentManager，在Activity中可以直接調getSupportFragmentManager()方法獲取，
• 開啟一個事務，通過呼叫beginTransaction()方法開啟，
• 向容器內添加或替換Fragment，一般使用replace()方法實作，需要傳入容器的id和待添加的Fragment實體，
• 提交事務，呼叫commit()方法來完成，

在Fragment中實作回傳堆疊
FragmentTransaction中提供了一個addToBackStack()方法，可以用于將一個事務添加到回傳堆疊中，從而實作類似于Activity回傳堆疊的效果，

class MainActivity : AppCompatActivity() {

    …

    private fun replaceFragment(fragment: Fragment) {
        val fragmentManager = supportFragmentManager
        val transaction = fragmentManager.beginTransaction()
        transaction.replace(R.id.rightLayout, fragment)
        transaction.addToBackStack(null)
        transaction.commit()
    }

}

三.Fragment的生命周期

• onAttach() 當Fragment和Activity建立關聯時呼叫，

• onCreateView() 為Fragment創建視圖（加載布局）時呼叫，

• onActivityCreated() 確保與Fragment相關聯的Activity已經創建完畢時呼叫，

• onDestroyView() 當與Fragment關聯的視圖被移除時呼叫，

• onDetach() 當Fragment和Activity解除關聯時呼叫，

• 

• large限定符

很多平板應用采用的都是雙頁模式，那么怎樣才能在運行時判斷程式應該是使用雙頁模式還是單頁模式呢？這就需要借助限定符（qualifier）來實作了，

使用large限定符，那些螢屏被認為是large的設備就會自動加載layout-large檔案夾下的布局，小螢屏的設備則還是會加載layout檔案夾下的布局，

• 最小寬度限定符

使用large限定符可以成功解決單頁雙頁的判斷問題，不過很快又有一個新的問題出現了：large到底是指多大呢？有的時候我們希望可以更加靈活地為不同設備加載布局，不管它們是不是被系統認定為large，這時就可以使用最小寬度限定符（smallest-width qualifier）了，

在res目錄下新建layout-sw600dp檔案夾，這樣當程式運行在螢屏寬度大于等于600dp的設備上時，會加載layout-sw600dp/activity_main布局，當程式運行在螢屏寬度小于600dp的設備上時，則仍然加載默認的layout/activity_main布局