Fragment

来源:互联网 发布:开票软件金税盘版升级 编辑:程序博客网 时间:2024/05/29 15:22

碎片是什么?

碎片(Fragment)是一种可以嵌入在活动当中的UI片段,它能让程序更加合理和充分地利用大屏幕的空间,因而在平板上的应用非常广泛。


碎片的简单用法

在一个活动中添加两个碎片,并让两个碎片平分活动空间

新建一个左侧碎片布局left_fragment.xml

<?xml version="1.0" encoding="utf-8"?><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 version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#00ff00"    android:orientation="vertical" >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:text="This is right fragment"        android:textSize="20sp" /></LinearLayout>


我们将这个布局的背景色设置为绿色,并放置了一个TextView用于显示一段文本


接着新建一个LeftFragment类,继承自Fragment。

注意,这里可能会有两个不同包下的Fragment供你选择,建议使用android.app.Fragment,因为我们的程序是面向Android 4.0以上系统的,另一个包下的Fragment主要是用于兼容低版本的Android系统。

public class LeftFragment extends Fragment {@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View view = inflater.inflate(R.layout.left_fragment, container, false);return view;}}

这里仅仅是重写了Fragment的onCreateView()方法,然后在这个方法中通过LayoutINflater的inflate()方法将刚才定义的left_fragment布局动态加载进来。


同理再新建一个RightFragment

public class RightFragment extends Fragment {@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View view = inflater.inflate(R.layout.right_fragment, container, false);return view;}}

接下来修改activity_main.xml

<LinearLayout 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"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.fragmenttest.MainActivity" >    <fragment        android:id="@+id/left_fragment"        android:name="com.example.fragmenttest.LeftFragment"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="1"        />        <fragment        android:id="@+id/right_fragment"        android:name="com.example.fragmenttest.RightFragment"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="1"        /></LinearLayout>

我们使用了<fragment>标签在布局中添加碎片

需要通过android:name属性来显式指明要添加的碎片类名,注意一定要将类的包名也加上。



动态添加碎片

碎片真正的强大之处在于,它可以在程序运行时动态地添加到活动当中


继续完善,新建another_right_fragment.xml


<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#ffff00"    android:orientation="vertical" >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:text="This is another right fragment"        android:textSize="20sp" /></LinearLayout>

这个布局文件的代码和right_fragment.xml中的代码基本相同,只是将背景色改成了黄色,并将显示的文字改了改


然后新建AnotherRightFragment作为另一个右侧碎片

public class AnotherRightFragment extends Fragment {@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View view = inflater.inflate(R.layout.another_right_fragment, container, false);return view;}}

在onCreateView()方法中加载了刚刚创建的another_right_fragment布局

这样我们就准备好了另一个碎片


接下来看一下如何将它动态地添加到活动当中

修改activity_main.xml

<LinearLayout 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"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.fragmenttest.MainActivity" >    <fragment        android:id="@+id/left_fragment"        android:name="com.example.fragmenttest.LeftFragment"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="1" />    <FrameLayout        android:id="@+id/right_layout"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="1" >        <fragment            android:id="@+id/right_fragment"            android:name="com.example.fragmenttest.RightFragment"            android:layout_width="match_parent"            android:layout_height="match_parent" />    </FrameLayout></LinearLayout>

可以看到,现在将右侧碎片放在了一个FrameLayout中

这是Android中最简单的一种布局,它没有任何的定位方式,所有的控件都会摆放在布局的左上角

由于这里仅需要在布局里放入一个碎片,因此非常适合使用FrameLayout


之后我们将在代码中替换FrameLayout里的内容,从而实现动态添加碎片的功能

修改MainActivity中的代码

public class MainActivity extends Activity implements OnClickListener {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        Button button = (Button) findViewById(R.id.button);        button.setOnClickListener(this);    }        @Override    public void onClick(View v) {    switch (v.getId()) {case R.id.button://1.创建待添加的碎片实例AnotherRightFragment fragment = new AnotherRightFragment();//2.获取到FragmentManager,在活动中可以直接调用getFragmentManager()方法得到FragmentManager fragmentManager = getFragmentManager();//3.开启一个事务,通过调用beginTransaction()方法开启FragmentTransaction transaction = fragmentManager.beginTransaction();//4.向容器内添加碎片,一般使用replace()方法实现,需要传入容器的id和待添加的碎片实例transaction.replace(R.id.right_layout, fragment);//5.提交事务,调用commit()方法来完成transaction.commit();break;default:break;}    }}

点击Button后



在碎片中模拟返回栈

我们成功实现了向活动中动态添加碎片的功能

不过你尝试一下就会发现,通过点击按钮添加了一个碎片之后,这时按下Back键程序就会直接退出

如果这里我们想模仿类似于返回栈的效果,按下Back键可以回到上一个碎片,该如何实现呢?

FragmentTransaction中提供了一个addToBackStack()方法,可以用于将一个事务添加到返回栈中

修改MainActivity中的代码


//1.创建待添加的碎片实例AnotherRightFragment fragment = new AnotherRightFragment();//2.获取到FragmentManager,在活动中可以直接调用getFragmentManager()方法得到FragmentManager fragmentManager = getFragmentManager();//3.开启一个事务,通过调用beginTransaction()方法开启FragmentTransaction transaction = fragmentManager.beginTransaction();//4.向容器内添加碎片,一般使用replace()方法实现,需要传入容器的id和待添加的碎片实例transaction.replace(R.id.right_layout, fragment);transaction.addToBackStack(null);//5.提交事务,调用commit()方法来完成transaction.commit();


这里我们在事务提交之前调用了FragmentTransaction的addToBackStack()方法,它可以接收一个名字用于描述返回栈的状态,一般传入null即可。

现在重新运行程序,并点击按钮将AnotherRightFragment添加到活动中

然后按下Back键,你会发现程序并没有退出,而是回到了RightFragment界面,再次按下Back键程序才会退出


碎片与活动之间进行通信


虽然碎片都是嵌入在活动中显示的,可是实际上它们的关系并没有那么密切

碎片和活动都是各自存在于一个独立的类当中的,它们之间并没有那么明显的方式来直接进行通信

如果想要在活动中调用碎片里的方法,或者在碎片里调用活动中的·1方法,应该如何实现呢?


为了方便碎片和活动之间进行通信,FragmentManager提供了一个类似于findViewById()的方法,专门用于从布局文件中获取碎片的实例

代码如下所示:

RightFragment rightFragment = (RightFragment) getFragmentManager().findFragmentById(R.id.right_fragment);

调用了FragmentManager的findFragmentById()方法,可以在活动中得到相应碎片的实例,然后就能轻松调用碎片里的方法了


在每个碎片中都可以通过调用getActivity()方法来得到和当前碎片相关联的活动实例

代码如下所示:

MainActivity activity = (MainActivity) getActivity();











0 0