安卓基础--fragment

本文是我学习安卓的笔记的一部分,查看详细完整笔记请参阅

简介

fragment中文译为碎片,可以嵌入活动中,让程序充分合理的利用空间,在平板中广泛应用。

基本使用

创建两个布局备用

  • A布局中添加一个Button并添加标题
  • B布局中添加一个TextView,布局设置背景色和标题

创建两个类,继承自Fragment

继承Fragment类IDE中包含两种,建议选择support-v4

  • 对于Activity中是通过重写onCreate方法添加布局合适监听之类,在Fragment中是重写onCreateView方法
  • onCreateView中通过inflater方法来通过布局加载视图,其中主要参数为视图的layout
  • 为两个布局分别绑定两个Fragment类

修改主布局

  • 通过<fragment/>标签来在布局中添加fragment
  • 特别支出 name属性来表明fragment绑定的类的路径,路径要包含包名

具体代码

left_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="BUTTON"/>

</LinearLayout>

LeftFragment 类

public class LefFrament extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.left_fragment,container,false);
    }
}

right_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#00ff00">
    <TextView
        android:id="@+id/text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="12sp"
        android:text="This is right frament"
        />

</LinearLayout>

RightFragment 类

public class RightFrament extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return  inflater.inflate(R.layout.right_fragment,container,false);
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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/left_fragment"
        android:name="com.example.qinxinghua.fragmentprac.LefFrament"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>
    <fragment
        android:id="@+id/right_fragment"
        android:name="com.example.qinxinghua.fragmentprac.RightFrament"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        />
    
</LinearLayout>
运行结果

动态改变fragment

我们在上面的代码的基础上进行修改,因为需要动态的改变,所以我们在创建一个fragment,布局为一个TextView,用背景色加以区别

再创建一个fragment

  • 创建一个anther_right_fragment.xml布局,布局和right_fragment.xml保持一致,只是将背景色变为黄色
  • 绑定一个AnotherRightFragment的类,不再赘述

修改主布局

思路:将先前的右边的fragment改为<FrameLayout>的布局,属性与先前的右布保持一致,我个人认为是通过布局提供一种占位,后续中将需要的组件进行添加

修改主活动

  • 通过implements View.OnClickListener的方式进行监听,PS:
    个人认为这种添加监听的好处是可以将监听方法放在一处,然后根据id等进行组件区分

  • 给左边的fragment的button添加监听方法

  • 核心步骤:设置交换方法分为以下步:

    • 参数类型为Fragment类型
    • 通过getSupportFragmentManager方法获取FragmentManager
    • 通过FragmentManagerbeginTransaction开启一个事务
    • 通过事务的replace对容器内的组件进行改变
      • 第一参数为容器id
      • 第二参数为组件实例,本例中为Fragment实例
    • 不要忘记提交事务,通过commint方法

具体代码

another布局和类不在赘述

主布局代码

<?xml version="1.0" encoding="utf-8"?>
<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/left_fragment"
        android:name="com.example.qinxinghua.fragmentprac.LefFrament"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>

    <FrameLayout
        android:id="@+id/right_fragment"
        android:name="com.example.qinxinghua.fragmentprac.RightFrament"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1">
    </FrameLayout>
</LinearLayout>

主活动代码

public class MainActivity extends AppCompatActivity implements View.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);
        replaceFragment(new RightFrament());
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()){
            case R.id.button:
                replaceFragment(new AntherRightFragment());
                break;
            default:
                break;
        }
    }

    /**
     * 核心方法
     */
    private void replaceFragment(Fragment fragment) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        fragmentTransaction.replace(R.id.right_fragment,fragment);
        fragmentTransaction.commit();

    }
}
效果图

Fragment 模拟返回栈

思路:将上例中的布局容器当做一种栈结构,进后进先出,在界面back返回过程中在将组件出栈。

实现:只需调用事务的addToBackStack的方法,参数为一个字符串的名字,用于描述栈的状态,在不需要描述的时候可以传入null

   /**
     * 核心方法
     */
    private void replaceFragment(Fragment fragment) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        fragmentTransaction.replace(R.id.right_fragment,fragment);
        fragmentTransaction.addToBackStack(null);
        fragmentTransaction.commit();

    }
效果图

Fragment 通信

  • Activity 与 Fragment
    主要是通过FragmentManagerfingFragmentById方法,通过传入具体的id获取fragment

  • Fragment 与 Activity
    主要是通过Fragment的getActivity方法来获取Activity的Context实例

  • Fragment 与 Fragment 之间
    就是对以上两种方式的融合,先 F1 通过getActivity获取到Activity,然后Activity在通过FragmentManagerfingFragmentById方法获取其他的Fragment

使用限定符

场景:灵活的决定在不同屏幕尺寸或者不同的分辨率下使用不同的布局

修改代码

  • 将项目复制一份备用

  • 修改activity_main.xml的代码,仅保留left_fragment,并且让其占满整个屏幕

  • 新建layout-large文件夹,
    注:在AS中左边的项目结构如果选择为Android样式,那么layout-large文件夹是不显示的,应切换到到Project样式,当时layout-large文件夹有资源文件的时候,Android样式下就能显示文件了

  • layout-large文件夹下新建一个名字也是activity_main.xml的布局,在布局中引入两个Fragment,代码和前例中一样

  • 修改主活动中的代码,屏蔽掉replaceFragment的方法实现

在手机和平板不同的设备中分别运行

手机效果图
平板效果图

常见限定符

根据尺寸区别
根据分辨率区别

最小宽度限定符

由于很难界定large到底是多大,或者没有办法界定一个准确的尺寸,故最小宽度限定符能更好的解决这样问题

  • 概念: 最小宽度限定符允许对屏幕宽度指定一个最小值(以dp为单位),并以此值为临界点,大于或者小于此值都会加载不同的布局
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,635评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,628评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,971评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,986评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,006评论 6 394
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,784评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,475评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,364评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,860评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,008评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,152评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,829评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,490评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,035评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,156评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,428评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,127评论 2 356

推荐阅读更多精彩内容