2018-04-04—碎片讲解1

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



2018-04-04—碎片讲解1_第1张图片

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


2018-04-04—碎片讲解1_第2张图片
碎片实现布局切换效果

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



一、静态实现

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

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

2018-04-04—碎片讲解1_第3张图片

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

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

2018-04-04—碎片讲解1_第4张图片

frag_two也是同样。

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

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


2018-04-04—碎片讲解1_第5张图片

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

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

下面的fragment同样这样写。

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


2018-04-04—碎片讲解1_第6张图片
静态效果显示

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

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


二、动态实现

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

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

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


2018-04-04—碎片讲解1_第7张图片

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

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


2018-04-04—碎片讲解1_第8张图片
onClick中的点击第一个按钮的执行逻辑

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

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

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

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

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

现在我们看一下效果:


2018-04-04—碎片讲解1_第9张图片

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


2018-04-04—碎片讲解1_第10张图片

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


2018-04-04—碎片讲解1_第11张图片

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

你可能感兴趣的:(2018-04-04—碎片讲解1)