00:00
啊,那下边呢,我们就开始来具体的写这些代码实现了,就针对于我们的安卓客户端啊这呢是已经实现好的这个,哎,我们这儿呢,再去新建一个工程。啊,你一个份看project啊,呃,我这用的是这个1.5了,我这还没有换成2.2的啊,这个名字p top。啊。好把这个呢,我们给他改一下啊。嗯,来提提,好这就可以了啊呃,然后的话呢,我们就接下来来写当前我们的一些呃,基本的一些操作了,呃,整个这块呢,我们说有一个这个骨架啊,这个骨架呢,我们这有个这个Excel啊,可以来看一下整体这个结构的话呢,我们这个页面当中主体大家看到呢,这是一个activity,我们的may activity t啊may下边呢,我们是有四个选项啊,首页投资我的资产更多啊,四个tab相当于啊,当我们点击相应的这个选项的时候呢,上边腾现的。
01:22
哎,这样你可以看成是一个具体的一个容器了啊,容器里边呢,可以放四个不同的fragment啊,就我们上面这个结构里边啊,点击相应的这个按钮,在就是上边呢,就是不同的frag之间做一个切换。这个FRAGMENT1共有这样几个啊,首页的home fragment投资啊,Invest fragment,我的啊,Me fragment跟more fragment好这四项啊,四项里边现在的我们主要要做的一些功能啊,在这里边也有一些展示啊,就说明。啊这呢,我们就不在这详细的去说了啊好,那后边呢,就涉及到我们这里关于代码的一个结构图分析,或者涉及到一些抽取的情况,这个我们在后边呢,呃,用的时候再说第三天主要来讲这个代码的一个抽取啊行,那下面的话呢,我们就呃实现整个这个页面的这样一个情况啊。
02:14
啊,这个打开我们这个,呃,这呢,我们说叫mayi tit啊,那首先我们来设置一下它的这个布局。看这布局啊,布局的话呢,整体我们用的什么布局比较合适啊。下一步就可以了。嗯,这不上边一个结构,下边一个结构两部分嘛,啊,用个线性也可以啊,那这个我们给它换一下啊,这个就可以删掉。啊,这个改成一个啊零。这个直接给他干掉吧。Orientation啊vertical啊,充满的可以了啊嗯,这里边的话呢,上下先分成两部分啊,先分成两部分啊,上边呢是一部分,下边呢是有这样的四项啊,那上面这一部分的话呢,我们。
03:06
嗯,你可以用一个真布局啊,直接这里边呢,我们存放几个不同的fragment啊啊,宽度充满高度。是不是连DB,哎,我们通过这个权重是不是持平了。对。啊,再来一个vita啊一啊,然后呢,在这个我们把它称作是一个容器了啊啊will group嘛,它里边呢去存放几个不同的fragment,所以我们回头呢调要调它了,所以给他一个ID。嗯,Ly out,这是我们的一个啊,May里边的啊。嗯,我们就这样写吧,好,嗯,然后呢,这是一个friendly out,然后下边呢,我们去放具体的下边这四个字标签啊,这个我们一般都怎么去放啊。哎,我们用radio group,哎里边呢,这也是主流用的哈,这是不是几个具体的按钮啊,哎这样来写啊,哎这个呢,哎就按照我们前面用手机语音这样的方式去做。
04:05
啊,也是比较主流的,那这块呢,如果你要是不用这个radio啊group,然后呢,具体要写的话呢,其实也可以啊,那这呢,我就自己来写一写,下边呢,大家看完就是明天的一个作业呢,你把它改成一个radio,其实更简单了啊。好,那要具体我们来写的话呢,那就。这就是一个水平的,水平的这就是四个选项,那就是四个,呃,水平的一个。嗯,你看这button也行啊,但这里边儿我们具体的不是又放了一些图片吗?啊,具体的话呢,来看这。啊,那你这里边呢,应该整体的又是一个水平的线移布局,里边又放了是不是几个垂直的呀?嗯,那就这样啊,上面这还有一条线。啊,就这样来做啊好,那我们开始该怎么去实现。啊,实际上这里边儿呢,我们说啊,这个要一写的也不少,我们可以单独的是不是再给他去造成一个布局啊。
05:00
啊res,哎,在我们这个layout里边,对啊,我们这呢去再造一个这个布局,嗯,我们就写成是一个main的一个bottom。哎,造成了他啊。嗯,这个扫完以后呢,我们通过在我们这个里边呢,是不是做一个用就可以了,引用怎么写来着。啊。Cloud,那这样封一下在这呢lay,然后呢,我们lay看may这样就可以了啊,保存一下行,那我们看下这个应该怎么去设置啊。打开。这张shift的F啊,整体的话呢,我们用是一个啊,先是水平的一个显象布局,水平的话呢,宽度充满高度,高度写死一个啊55DP。好,嗯,这里边呢,先放啊,这个先放一个垂直水平的不合适的啊,先放一个垂直的。嗯,先呢,这有一条亮线,然后呢,再放一个水平,这样啊,这是一个垂直关系。
06:00
先来一个view。宽度充满高度,一个DP。嗯,对,然后有一个颜色是吧。颜色怎么设置?嗯,我们可以用background是吧,直接指定一个具体的color,呃,Color呢,这里边我们整个的应用过程当中用用到很多的颜色啊,这颜色的话呢,每次在这去写一个也不合适,所以我们去造一个呃VALUE6下color这个文件,这里边呢,我们提供一下呃,当前应用里边常见的这些颜色,这呢我就直接呢拿过来了。来从这个位置我们站到这啊,CTRLC一下。啊,一般呢,我们造个应用的话呢,它都会有一个主色调的啊,这个颜色的话呢,提前你可以提供好啊,我们这儿呢,就这样的一些颜,一些颜色啊常用的啊,那这个颜色里边呢,我们选一个具体的一个线啊。
07:01
嗯,这个线。这个线呢。这个用的还是比较亮的,那我们写一个用一个踏吧,比如说啊CTRLC一下。回到我们这个位置啊,这样做一个粘贴好,这是这个线就了,然后再往下呢,我们去提供一个奥。嗯,宽度铺满高度54TP。哎,它的这个呢,是一个水平的啊。嗯,行,嗯,在这里边呢,我们放四个啊,具体的就是垂直的线性布局。啊,四个垂直的啊,那就接着来写。嗯,宽度该怎么写啊。是不是零啊,哎,我们用权重去区分啊,哎,高度的话呢,直接充满。啊,V的呢,写个一。
08:02
那这里边儿呢,它的orientation。就是一个verical,在它这里边呢,我们具体的又分成几个啊,一个呢是一个image view。啊,具体一个image view,嗯,Image view呢,我们宽高就先给他写死一个啊,30DP这块我们希望还是能看到这个效果啊。往下调一下。嗯,高度也是啊,30DP。啊,这呢,我们就可以具体给一个图了啊嗯,Src。啊招啊图的话呢,我们目前都还没有。啊,这里边儿呢,我们需要就给这些下边提供这些图了,那这些图呢,在我们应用当中涉及到有很多啊,每一个打开呢都很多。一起看。啊,那我们这儿呢,就。是吧,我直接就都粘过来了啊,你说C一下。
09:04
就说这多慢,你现在把工都站好了是吧。那那就不行了啊,那就用不着八天了,那一会儿就行了啊。嗯,这里边的话呢,我们呃叉叉h hdpi这个下边的这八个就是我们想要的啊啊就是第一个点开是它,当你选中的时候呢,就变成它了啊后边呢也类似啊,这个我的呢,我们做了一个特殊处理啊,做成那个红色的啊,其他的都还是这个蓝色的。他注册掉好。嗯,找到我们这一项。行,那这里边呢,首先我们放的是一个灰色的啊,所以这个呢,就是一个BOTTOM01。哎,这样的一个情况。嗯,BOTTOM01,这呢,我们给它加上一个gra gravity啊把那个。嗯嗯,这是一个它,然后呢,我们回头呢,也会把它变成是这个,所以呢,给个ID是必要的。
10:10
写个may吧,这是一个home啊行,然后呢,下边呢,又有一个text view。嗯,Test view这宽高就我们写这个字适应吧。那叫首页。嗯,写一个字体。啊字体,比如来一个18SP。嗯,像有点大啊,1076SSP。可以,然后跟上面呢有点距离。Marin top3 DP。OK啊,然后上面呢,稍微看着有点挤,然后这你也可以加上一个MAR2DP。那行。
11:00
啊,这个呢,是提供好其中的一组了,然后呢,把这一组从这到这做一个复制,CTRLC,再提供另外的三个。嗯,那再写的话,我们把这里边必要的这个什么也写下,这ID都加上啊,这个它的颜色呢,回头也会变,所以呢也给ID。嗯嗯,对。嗯,然后这个line out呢,我们回头操作的,你可以理解成操作整个line out啊变化的,所以它也可以ID。嗯,就是这样的,哎,从这到这给它CTRLC一下。第二个第三个第四个好,那我们就到这写啊,嗯,最后一个呢,叫more啊。啊,更多。
12:08
嗯,这个呢,对应的是七。啊,就这。嗯,这个呢是我的。嗯,我的这是这个这个投资啊。行,哎,投资这个图片没看三。
13:03
好,那这几项呢,我们就目前呢,就设置好了啊,就先设置成这样,一会呢,我们运行一下看看效果啊,效果不好呢,我们再做一个微调就行。行,这样呢,我们就写完了,写完以后的话呢,我们在,嗯,这个零点利奥。没在这里边啊。哎,他这里边我们做了一个调用。哎,这个呢,就在它这个下面。哎,就这样进行啊,上面呢,就我们这个负联网才好,那基本上我们把这个mayi TD它这个布局呢,就设置好了,那这时候你也可以运行一下这个效果呢,就能够看到看出来。嗯,这个看一下啊。
14:00
这个把这个改一改啊,这个版本我改成看看这写多少。二十三点零点三。这个是二十三点四点零。那这个可以啊,通过一下。啊,这就可以了。啊,就这样啊,这是我们这四个选项就出来了,行,那接下来的话呢,我们就开始在点滴的时候呢,上面呈现不同的fragment啊。
我来说两句