2018-04-04—碎片讲解1

我们上次刚讲了TabHost的使用,他是可以实现多个界面切换的,然而他现在已经用的很少了,被淘汰掉了。所以今天我们给大家介绍的知识——碎片,同样可以做到多个界面显示和切换。



可能这样看的还不是很明显,那我们再来看一下他的布局切换效果。


碎片实现布局切换效果

好了,现在我们来看一下他是怎么实现的。



一、静态实现

1.首先先创建两个java文件,名字我起为FragOne,和FragTwo。都让他们继承Fragment(注意Fragment有两个包,一个是v4的,是为了兼容低版本。还有一个是app的包。如果不需要兼容低版本就 用这个。一般情况我们都用v4的比较好)。

2.在代码中重写onCreateView方法。(这是Fragment的生命周期中的其中一个方法,生命周期方法可比activity多多了,这个我们以后再讲。)

这两行代码相信大家都能看懂:我们创建一个View来获取我们 的布局文件。第二个参数暂时先写null。然后返回view引用。

3.创建.xml布局文件,名字我分别起为frag_one和frag_two,然后在里面添加最简单的TextView,然后给他们写上不同的背景颜色。

frag_two也是同样。

4.在activity.xml中创建一个Fragment标签。

我们在里面写两个很重要的属性:


name属性是指定给我们的fragment标签指定碎片,就是我们想要显示的碎片。

tools:layout属性是我们立刻让属性里面的布局立马显示到我们的主布局中这个fragment中。

下面的fragment同样这样写。

好了现在我们可以看一下,我么做出来的效果应该是这样的:


静态效果显示

这就是我们静态实现的方法,我们可以再主布局中放置多个碎片来显示多个布局(虽然个人感觉作用不大,因为直接在主布局中添加布局也可以做到-。=)。

接下来我们来看一下动态实现效果(重点)


二、动态实现

1.由于上面已经创建过两个碎片和相对应的布局了,我这里就不创建了。

2.我们在activity.xml中添加一个FrameLayout的标签,给予id,我起名为mframe(你们随意)。

3.添加两个按键,用于切换布局。(这个步骤只是为了进行切换操作,不是只有Button可以这样,只要是事件触发后需要切换都可以)


3.我们在activity.java代码中创建这两个按钮,然后实现点击事件。(都会,就不重复了吧)

4.我们在点击事件中进行如下操作:


onClick中的点击第一个按钮的执行逻辑

第一行我们创建了一个碎片管理者,并且通过getSupportFragmentManager方法接收实例。

第二行我们开启了一个事务,我们下面的曹组都在这个事务中。

第三行我们调用了事务的replace方法,第一个参数是我们主布局中的FrameLayout的id。第二个参数是我们新要显示的fragment,第三个参数是一个标签。

第四行我们把事务关闭,这行代码执行过后,我们就不能进行操作了。

第二个按钮的逻辑同样是这样,只是把新要显示的布局变成fragThree。

现在我们看一下效果:


其实动态的显示不只是通过replace方法,


我们还有add方法,但是要注意了,我们是要在一个帧布局下进行添加,add只是显示,但是之前显示的还在,而hide方法就是让我们把哪个fragment隐藏起来,如果我们不写hide方法,我们把frag_one和frag_two的背景颜色去掉,看看会发生什么:


他会一直叠上去,所以一定要记得加上hide方法。

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

推荐阅读更多精彩内容