Android training(1)-Building a Dynamic UI with Fragments(用碎片创造一个动态的UI)(A)

http://download.csdn.net/detail/miao033009/8649105 demo下载地址

为了在android上面创建动态的或者复合面板型的用户UI,你需要把你的组件或者活动行为放到一个模块中,这个模块便可以进出Activity。Fragment类可以帮助你创建这种模块,他表现的就想一个内嵌的Activity,他拥有自己的布局以及自己的生命周期。

当碎片有了自己的布局后,他就可以和其他的碎片自由组合,从而为你的Activity提供不同屏幕尺寸下的布局结构。(比如屏幕小,可以显示一个碎片,屏幕大了便可以显示两个或者更多)。

下面的demo主要讲了如何用碎片创造一个动态的用户体验,并且优化你的程序在多种屏幕下的用户体验。

A:创建一个碎片

你可以把碎片看作是Activity中的一个片段,拥有自己的生命周期,拥有自己的输入事件,可以添加到或者删除从你运行的Activity中,(就像一种“子Activity”,你可以在所有的Activity中重复使用)。通过支持库,你可以使用碎片,并且保证就算在1.6android版本下依然兼容。

注意:如果你确定你的程序API为11或者更高,你就不需要使用支持库了,可以直接用标准库框架里面的碎片以及相关的API。这个demo用到了支持库,这个库有特殊的名字并且有时可能和标准库中的API有点不同。

在学习之前,你必须知道怎么使用支持库:

a:打开你的SDK Manager。

b:找到extras目录。

c:选中Android support library 项。

d:点击Install packages...按钮。

下载完成后,支持库位于<sdk>/extras/android/support/文件夹下。

e:在你要使用支持库的项目的根目录创建libs文件夹。

f:并且把之前下载好的.jar 支持库文件拷贝到libs文件夹中。

g:右键jar文件 选择Build Path ->Add to Build Path。

现在可以正式开始学习创建一个碎片(Fragment)了。

A.a 创建一个碎片类

一个碎片类继承自Fragment,然后复写他的一些关键生命周期方法,并在其中添加你应用的逻辑,就和你使用Activity时一样。

与Activity不同的是,在Fragment中你需要在onCreateView()中定义他的布局,实际上,你只要复写这一个方法就可以让你的Fragment运行了。下面就是一个拥有自己布局的简单Fragment:

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.ViewGroup;

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

和Activity一样,Fragment也应该复写其他的生命周期方法,这样可以让你随着他被添加到或者删除从Activity时,或者在Activity的生命周期切换时,改变他自己的状态。例如,当Activity执行isPause()时,Activity中的所有Fragment也都将执行自己的isPause()。

A.b 通过xml将Fragment添加到Activity中

因为Fragment是可重复利用,模块化的UI控件,每一个Fragment的实例必须包含在FragmentActivity中,我们可以通过把每个Fragment放到Activity的布局文件中完成这个目标。

注意:FragmentActivity是支持库中的一个特殊的Activity用来在API低于11的系统下处理Fragment,如果应用的最小API为11或者更高,那么就用常规的Activity就可以了。

下面是一个例子,在一个Activity的布局中添加了两个Fragment,并且在屏幕被认为是“大”的时候显示。用large这个限定词说明res/layout-large/news_articles.xml

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

    <fragment android:name="com.example.android.fragments.HeadlinesFragment"
              android:id="@+id/headlines_fragment"
              android:layout_weight="1"
              android:layout_width="0dp"
              android:layout_height="match_parent" />

    <fragment android:name="com.example.android.fragments.ArticleFragment"
              android:id="@+id/article_fragment"
              android:layout_weight="2"
              android:layout_width="0dp"
              android:layout_height="match_parent" />

</LinearLayout>
然后给你的Activity添加布局

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;

public class MainActivity extends FragmentActivity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.news_articles);
    }
}
注意:如果是通过xml添加Fragment到Activity中的,那么在程序运行时将不可以把他从Activity中移除,如果你想在和用户交互的过程中添加或者移除Fragment到Activity,那么你必须在Activity首次启动时添加他,将在下面介绍这种方法。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值