00:00
啊,接下来呢,我们来实现这个主页面的布局啊,那主页面长啥样呢?来看一下,哎,主页面就长这样啊,会话页面联系人设置啊。大家看一下这个。啊,这个是联系人的,这个呢是。设置的啊。我们点击这个007。直接进入到的就是这个主页面啊,那么大家分析一下这个页面啊,怎么来实现。看一下整体。这么一个布局啊,上面呢,这一大块啊,我们都可以用一个fragment啊,或者一个真布局啊来替换啊,先用真布局,然后再用fragment来一个一个的替换,那下面这个呢是什么呢?下面这个可以用一个radio group啊,嵌套三个radio button啊来实现。这个布局。啊是这么一个情况,那接下来呢,我们先实现一下啊,整体是一个垂直线性布局啊,上面放一个真布局啊,下面放一个group。
01:07
啊,来到代码中。找到ma。进来。进到这里呢,将这个。根布局变成线性布局啊,并把这些删掉。方向呢,变成orientation垂直的。啊,预览一下。啊,这样,然后呢,把它删掉。首先呢,放一个真布局。宽度match。高度,我给它来一个0DP啊,为了什么呢?我为了让。下面先占满啊,剩下的都归这个flag啊,真布局都归这个真布局啊,Wait变成一,目前是全部填满状态啊,给他来一个ID。
02:02
FL。接下来呢,下面呢,放一个radio group。啊,宽度match高度来一个60DP。啊,这样,然后呢里面。先放一个radio。Radio button。宽度。给他来一个0DP啊,为了用这个权重啊,等分一下。高度match。因为它总高度外面就是60嘛,啊,然后这里来一个wait变成一。然后来一个。绘画。啊,绘画页面那怎么还没有显示啊,啊,那我在这个外面来一个orientation。
03:03
改变一下方向,变成水平的。这样是不是就有了,哎,有了呢,这个字体有点小,给它来大一点。泰式size变成20SD。啊,然后呢,它左侧有个圈圈,我想把它干掉啊,那是八分。哎,等到。这样呢,这个圈圈啊就弄掉了,然后呢,我想让这个痣呢,居中居中显示。Gravity。啊,这样呢,它就居中了,居中了,然后呢,大家看一下这个图片。他选中的时候。啊是这个字体是白颜色。啊,这个背景色呢,变成亮的颜色,没有选中呢,字体是黑颜色啊这个背景色呢是深蓝色,那这怎么实现呢?首先先改一下它这个背景设background。
04:00
显然是用到了一个选择器may,定一个选择器bottom。啊,主页面的底部的背景的选择器。有啊。我们来创建一下。LC。来到这里面的resource下面有一个主包这文件夹啊,然后呢,右键又一个resource。粘过来,粘过来之后呢。来一个A。然后。安卓下面的啊,Color什么颜色呢。Blue啊。蓝颜色啊,选中的时候呢,是这个亮的蓝颜色。那我这里来一个tract。选中。处,嗯,颜色。
05:04
好,接下来CTRL加下啊,下面这个呢变成。也是补录,但是呢,变成是深颜色,没有选中的时候是深颜色,这样呢,这个背景色啊做完了。接下来。就是这个文字啊,这个文字选中的时候是白颜色,没有选中的时候是黑颜色。啊,那这个选择器又怎么做呢?Test。那这里面呢,是颜色的选择器啊,那我这里来一个main。然后什么呢?Test。Color。然后呢,是select。SEZ。那上面这个我是不是写错了set,然后把这个呢,也改一下名称。
06:04
右键。Rena。这改成。SELECTOR。OK。好好,这个呢,我们创建一下C在哪里创建呢?一定要在这个color下面啊去创建,那我就用一个color。文件夹,然后呢,将这个选择器啊,创建右键又一个。哈,资源OK。然后呢,下面来一个item color,安卓下面的color。来一个。选中状态是白颜色,白颜色。Tract。减重。然后CTRL加下啊,这个呢,变成黑颜色black。这是false,没有选中的状态。
07:01
然后再回来。我们预览一下。这个会话页面啊,这样就差不多了,那还有两个button啊,还有一个是会话联系人和设置啊,这几个按钮怎么实现呢?很简单,选中看Q加下一二。会话联系人啊,分别改一下。啊,那这个是。设置啊,设置页面。这样呢,这个整体这个页面呢,啊,就绘制完毕了啊,我们来运行一下看看效果。啊,运行起来了啊,运行起来之后呢,我们登录一下。艾特硅谷001啊,要登录。
08:03
登录成功啊,就来到了这个主页面啊,点击选中。啊,是不是选择器生效了啊,背景色变成浅蓝色啊,这字体颜色呢,变成白颜色啊选中选中。啊,这效果还是不错的吧,嗯,不错的,接下来呢,我们再实现一下,实现什么呢。哎,这个样式啊,我要抽取一下这个看起来这么多啊,我能不能复用呢。啊,是,显然是能的,怎么办呢?我先把这些。都复制了。呃,包括哪些呢?这个I绘画,这个不需要绘制啊,因为呢,下面每个都不一样,其他的包括这个宽度高度啊,Weight background啊,Button。还有这个居中。颜色啊,字体大小完全都可以复制。啊,我先给它剪切吧,啊剪切到哪呢?剪切到layout the values styles啊放在这里面,我来建一个样式啊,建一个什么的样式呢?啊,底部button的样式。
09:12
STE。然后里面呢,来一个main button。Style。啊,这。好,这里面呢,就是一个一个的item啊,跟上面完全一样啊,我先给它粘过来。啊,然后我们再一点点去写啊,我先复制过来一个。首先把它变成什么呢?变成它啊,变成宽度。然后呢,后面这个值呢,变成0DP。啊,这个变成0DP。啊,完全仿照上面这个样式去可以修改,然后呢,按CTRL加下123456好。
10:01
一点点粘过来。然后呢,这个是match啊,千万别粘错了啊。Wait。好,后面是一。Background。然后右边是这个选择器。然后呢,这个是button。右边是闹。这是gravity。变成居中。然后呢,这有一个颜色的选择器。嗯,复制一下。然后下面是这个字体的大小。哎,我说错了。小心啊,这个是。颜色啊,颜色变成这个。
11:01
嗯,是不是还缺一个反转项。再来一个大小。20、SB。啊,一定要对一下啊,第一个是宽度啊没问题,第二个高度没问题,第三个we没问题,Background没问题,Button。Gravity啊,T color,还有这个size啊,一切都没问题,好,我们接下来用一下把它干掉。引用一下这个样式。来到这个界面啊,这里面来一个style。是代表什么呢?Button style。看一下这个效效果变不变,是不是跟原来是一样的啊,接下来呢,我们就把下面的所有的啊,都按照这种方式来弄一下。先把它剪切过来,嗯。啊,这样式复制一下。
12:00
张来。下面呢,这个是一样的啊反S。把下面的通通粘掉。啊,我们先预览一下,看看有没有变化,是不是还是没有变化呀,哎,好,我们来运行一下,看看跟刚才是否是一样的。好运起来了,看一下啊,就来到这主界面,哎,点击选中选中选中哎是不是跟刚才是一样的啊,这个就是这个样式的抽取啊抽取好接下来呢,我们要把对这个页面呢,这个布局中有哪些可以操作的控件啊,附一下ID,首先呢,这个上面这个真布局啊,有了一个ID了,好这个read group它也需要一个ID进行设置。ID。R。
13:01
这个是main模块,嗯,行这就可以了,然后呢,这个是绘画ID。IRD。二逼什么呢?妹们,或者下载聊天,那就是fat。下面是联系人。那就是idd rb。Main下面的联系人gun啊联系人好,下面呢,这个是设置页面啊,Idd rb。Main main下面的什么呢?设置载好载。好,这个布局啊,就结束了。
我来说两句