單幀碎片:單幀碎片是為小屏幕設備所設計的,如手持設備(移動電話),Android 3.0 以上版本支持。
該實例解釋如何創(chuàng)建自己的碎片。這里我們創(chuàng)建兩個碎片,其中一個被使用在設備是橫屏的時候,另一個被使用在設備是豎屏的時候。下面讓我們按照步驟開始吧。
步驟 | 描述 |
---|---|
1 | 使用 Android Studio IDE 來創(chuàng)建一個 Android 應用程序,命名為 Single Fragments,包名 cn.uprogrammer.singlefragments。 |
2 | 修改如下所示的主活動文件 MainActivity.java。這里我們將要檢查設備的方向,并基于此切換不同的碎片。 |
3 | 在 cn.uprogrammer.singlefragments 包下創(chuàng)建 PortraitFragment.java 和 LandscapeFragment.java 兩個文件,并關聯(lián)方法。 |
4 | 創(chuàng)建布局文件 res/layout/landscape_fragment.xml 和 res/layout/portrait_fragment.xml 來定義兩個碎片的布局。 |
5 | 修改 res/layout/activity_main.xml 來包含兩個碎片。 |
6 | 在 res/values/strings.xml 中定義需要的常量。 |
7 | 啟動Android模擬器來運行應用程序,并驗證應用程序所做改變的結果。 |
下面是主要活動文件 src/cn.uprogrammer.singlefragments/MainActivity.java 的內(nèi)容:
package cn.uprogrammer.singlefragment; import android.os.Bundle; import android.app.Activity; import android.app.FragmentManager; import android.app.FragmentTransaction; import android.content.res.Configuration; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Configuration config = getResources().getConfiguration(); FragmentManager fragmentManager = getFragmentManager(); FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction(); /** * 檢測設備方向,并做相應地操作。 */ if (config.orientation == Configuration.ORIENTATION_LANDSCAPE) { /** * 設備的橫屏模式。 */ LandscapeFragment ls_fragment = new LandscapeFragment(); fragmentTransaction.replace(android.R.id.content, ls_fragment); }else{ /** * 設備的豎屏模式。 */ PortraitFragment pm_fragment = new PortraitFragment(); fragmentTransaction.replace(android.R.id.content, pm_fragment); } fragmentTransaction.commit(); } }
在包 cn.uprogrammer.singlefragments 下創(chuàng)建兩個碎片文件 LandscapeFragment.java 和 PortraitFragment.java。
以下是 LandscapeFragment.java 文件的內(nèi)容:
package cn.uprogrammer.singlefragment; import android.app.Fragment; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class LandscapeFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { /** * Inflate the layout for this fragment */ return inflater.inflate( R.layout.landscape_fragment, container, false); } }
以下是 PortraitFragment.java 文件的內(nèi)容:
package cn.uprogrammer.singlefragment; import android.app.Fragment; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class PortraitFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { /** * Inflate the layout for this fragment */ return inflater.inflate( R.layout.portrait_fragment, container, false); } }
在目錄 res/layout 目錄下創(chuàng)建2個布局文件 landscape_fragment.xml 和 portrait_fragment.xml。
以下是 landscape_fragment.xml 文件的內(nèi)容:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#7bae16"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/landscape_message" android:textColor="#000000" android:textSize="28sp" /> <!-- More GUI components go here --> </LinearLayout>
以下是 portrait_fragment.xml 文件的內(nèi)容:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#666666"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/portrait_message" android:textColor="#000000" android:textSize="28sp" /> <!-- More GUI components go here --> </LinearLayout>
以下是 res/layout/activity_main.xml 文件的內(nèi)容,其中包含兩個碎片:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal"> <fragment android:id="@+id/landscape_fragment" android:layout_weight="1" android:layout_width="0dp" android:layout_height="match_parent" /> <fragment android:id="@+id/portrait_fragment" android:layout_weight="2" android:layout_width="0dp" android:layout_height="match_parent" /> </LinearLayout>
確保 res/values/strings.xml 文件包含如下內(nèi)容:
<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">Single Fragment</string> <string name="hello_world">Hello world!</string> <string name="action_settings">Settings</string> <string name="landscape_message">這是橫屏模式碎片</string> <string name="portrait_message">這是豎屏模式碎片</string> </resources>
讓我們運行剛剛修改的 Single Fragments 應用程序。我假設你已經(jīng)在安裝環(huán)境時創(chuàng)建了 AVD。打開你的項目中的活動文件,點擊工具欄中的 圖標來在 Android Studio 中運行應用程序。Android Studio 在 AVD 上安裝應用程序并啟動它。如果一切順利,將在模擬器窗口上顯示如下:
按照下列操作來改變模擬器屏幕的方向模式:
當你修改模式,你將看到適用于橫屏模式的頁面實現(xiàn):
通過這種方法,你可以在同一個活動中通過使用不用的碎片來實現(xiàn)不同的界面??梢园凑漳愕男枨笫褂貌煌愋偷慕缑娼M件來構建界面。
更多建議: