Android - 单一碎片

单帧碎片

单帧碎片专为小型屏幕设备（如手持设备（手机））设计，并且应高于 Android 3.0 版本。

示例

此示例将向您解释如何创建自己的碎片。在这里，我们将创建两个碎片，其中一个将在设备处于横向模式时使用，另一个碎片将在纵向模式下使用。因此，让我们按照以下步骤操作，类似于我们在创建Hello World 示例时所遵循的步骤 -

以下是修改后的主活动文件MainActivity.java的内容 -

package com.example.myfragments;

import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.content.res.Configuration;
import android.os.Bundle;

public class MainActivity extends Activity {

   /** Called when the activity is first created. */
   @Override
   public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      Configuration config = getResources().getConfiguration();

      FragmentManager fragmentManager = getFragmentManager();
      FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();

      /**
         * Check the device orientation and act accordingly
      */
		
      if (config.orientation == Configuration.ORIENTATION_LANDSCAPE) {
         /**
            * Landscape mode of the device
         */
         LM_Fragement ls_fragment = new LM_Fragement();
         fragmentTransaction.replace(android.R.id.content, ls_fragment);
      }else{
         /**
            * Portrait mode of the device
         */
         PM_Fragement pm_fragment = new PM_Fragement();
         fragmentTransaction.replace(android.R.id.content, pm_fragment);
      }
      fragmentTransaction.commit();
   }

}

创建两个碎片文件LM_Fragement.java和PM_Fragment.java

以下是LM_Fragement.java文件的内容 -

package com.example.myfragments;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
   * Created by TutorialsPoint7 on 8/23/2016.
*/

public class LM_Fragement extends Fragment {
   @Override
   public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
      /**
         * Inflate the layout for this fragment
      */
      return inflater.inflate(R.layout.lm_fragment, container, false);
   }
}

以下是PM_Fragement.java文件的内容 -

package com.example.myfragments;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
   * Created by TutorialsPoint7 on 8/23/2016.
*/

public class PM_Fragement extends Fragment {
   @Override
   public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
      /**
         * Inflate the layout for this fragment
      */
      return inflater.inflate(R.layout.pm_fragment, container, false);
   }
}

在res/layout目录下创建两个布局文件lm_fragement.xml和pm_fragment.xml。

以下是lm_fragement.xml文件的内容 -

<?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="20px" />

<!-- More GUI components go here  -->

</LinearLayout>

以下是pm_fragment.xml文件的内容 -

<?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="20px" />

<!-- More GUI components go here  -->

</LinearLayout>

以下是包含碎片的res/layout/activity_main.xml文件的内容 -

<?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:name="com.example.fragments"
      android:id="@+id/lm_fragment"
      android:layout_weight="1"
      android:layout_width="0dp"
      android:layout_height="match_parent" />
   
   <fragment
      android:name="com.example.fragments"
      android:id="@+id/pm_fragment"
      android:layout_weight="2"
      android:layout_width="0dp"
      android:layout_height="match_parent" />

</LinearLayout>

确保您具有res/values/strings.xml文件的以下内容 -

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">My Application</string>
   <string name="landscape_message">This is Landscape mode fragment</string>
   <string name="portrait_message">This is Portrait mode fragment></string>
</resources>

让我们尝试运行我们刚刚创建的修改后的MyFragments应用程序。我假设您在进行环境设置时已创建了AVD。要从 Android Studio 运行该应用程序，请打开项目中的一个活动文件，然后单击工具栏中的“运行”图标。Android Studio 将应用程序安装到您的 AVD 上并启动它，如果您的设置和应用程序一切正常，它将显示模拟器窗口，您可以在其中单击“菜单”按钮以查看以下窗口。请耐心等待，因为这可能需要一些时间，具体取决于您的计算机速度 -

要更改模拟器屏幕的模式，让我们执行以下操作 -

• 在 Mac 上按fn+control+F11将横向更改为纵向，反之亦然。

• 在 Windows 上按ctrl+F11。

• 在 Linux 上按ctrl+F11。

更改模式后，您将能够看到为横向模式实现的 GUI，如下所示 -

这样，您可以使用相同的活动，但通过不同的碎片使用不同的 GUI。您可以根据需要为不同的 GUI 使用不同类型的 GUI 组件。