00:00
好，那接着往下写，我们来看一下这个思维导图开始啊，嗯，那下边写的话呢，我们开始来写这个关于我们这个home frame的这个界面了啊。呃，前面这样的相关的一些工具类啊，或者一些相关的类，我们已经写完了，下面来写了一个fragment啊，Home fragment home fragment的话呢，首先呢，就涉及到关于它的这个页面布局的一个，呃，设置了啊，那首先呢，我们来做的就是这个布局。啊，这个布局的话呢，这呢就是我们截了一个图看到的一个样子。上面的话呢，嗯，有好几个图来回切换，用什么来写啊，哎，配。嗯，行，然后这个view配置的话呢，我们先不整那么复杂啊，像我这还有一个，呃，显示一个这个相当一个说明信息哈，真的我们在这个应用当中发现也都是这样子的，我们先呢，嗯，写一个比较简单一点的啊，这个view配ER呢，我们是里边有好几个图片分别去展示，我们在前面讲自定义控件的时候说过，这是不是整几个小圆点啊，哎，比如说有四个，那就写四个小圆点，这个小圆点是不是也是我们自己画的，哎，同时我们在切换的时候呢，你从这个状态比上另外一个状态，是不是我们也写这个select。
01:10
对，都是这样的啊啊，那我们今天在做的话呢，我们就说哎嗯，真正开发里边呢，这样写可以，但是有点累了。啊，这就用个框架嘛，是吧是吧，哎，所以我们这就用这个banner啊，这要学起来的话呢，有点太辛苦了啊，哎，我们呢，就是先把他这个提供好，然后这个banner我们看该怎么去用啊。啊，这是这个，呃，不管能用它去实现这几个小圆点，包括我们，呃，这不也说过一下，在这个。再打开一下啊。但我们第二个显示这个投资这一项里边，这不有三项嘛，这三项的话呢，如果按照原来的套路，你这个这我一划也能，这是不是也是一个flag文是吧？哎，你这个一划的时候呢，上面也跟着变，那要自己写也挺麻烦的，所以这呢也是这个banner里面，哎提供好的，哎哎我说错了，不是banner里边提供好的啊，这个是这个这个view Peter indicator里边提供好的啊。
02:09
哎，这个也是这个，这个刚才也说了，不是这这几个呢，也是叫呃，View配indicator里边情况，Betterner是做什么事呢？Betterner是提供这个动画的。啊，就是我们原来呢，都是这样直接水平就切过去了，就切过去了，感觉呢有点太朴素了啊，这时候呢，我们可以呢啊，就用这个banner去实现一个动画效果啊同时的话呢，你要是用了banner了，这几个，哎，它也就。不用再用这个配置上做了，在里边也可以搞定了。啊，就比较方便啊行，那我们看一下，那上面这块呢，就是刚才说的用view配置来做，我们首先呢，先提供一个大体上是这个样子的一个情况的啊，那你这一个view page这呢，是几个小圆点，它们之间呢，是重叠在一起的，用什么布局啊。真布局或者相对的都行吧，嗯，行，然后下边这块的话呢，看一下。
03:02
整整体用一个什么布局啊，垂直线性吧，哎，垂直线性的话呢，有可能这个内容太多了，外边是不是再包一个view啊，哎，对啊行，那接着往下呢，这就是一个水平的一个test view嘛。这呢，你可以用成他自自己不是有个job right是吧，画个图，这呢。哎，这还是一个水平线性，里边放三个text view啊，每一个test view呢，有一个background是一个图片，就是这个一个圈这个啊就可以了，诶这里边呢，这个组件我们没有见过。哎，这个呢，是我们自定义的。啊，自定义的啊，光见过水平的进度条啊，圆形的也见过，但是没有进度啊，这呢是两合一起把这个掰弯了是吧。嗯，然后就是一个圆形金强。嗯，然后下边这块呢，就是一个年利率啊，这个数据呢，也是从服务器里边获到的，动态去更新它啊啊那还是那个套路，就是这呢发生两个啊这个呢是不变的，这个呢专门设置就改它。
04:08
啊，这呢就是个button button一个图啊，这有个背景，背景呢是一个图片啊，然后后边又是一个这样的一个显示啊，这个跟这个类似啊，啊这是左边一个图。这样就行，嗯。行显置不全，这个思考view行，首先呢，我们来做一下这个布局啊打开。找到我们的home fragment，找到它的这个啊布局。嗯，那这块呢，整体是一个啊，这就是我从这块给它筛一下啊。嗯，这个删完以后的话呢，我们在它的后面开始写。嗯。那后边写的话呢，我是在这块去写啊，这块呢，我们说了首先用一个score will是吧。啊，先充满充满好，这个SC呢，我们说只能有一个磁试图啊，在这里边再放in点奥充满。
05:05
啊。哎，这呢是一个垂直的。啊，Orientation啊，一个verical行，然后再往下呢，就是我们说到的，你放这个view Peter这了啊，那放这呢，这因为有几个小圆点了，所以呢又得放一个，比如我这用个针过去吧。啊啊，宽度充满高度，来个150啊TP。在这个里面。嗯，我们呢，去提供一个叫view配置。啊微四包下的宽度充满，高度充满。嗯，行，然后微那回头我们要往里边去set了啊，给个ID。嗯，是home里的啊，就这一个，所以我就这样声明。嗯，好，然后接下来的话呢，再放一个，嗯，几个小圆点啊，这个小圆圈呢，我们说了不是自己去画了，所以我们这呢，我就先先拿一个text view充当一下啊。
06:02
嗯，这来一个自适应，这来一个自适应。几个内容。他说我是小圆圈。然后呢，他。嗯，Size其实写不写吧，因为我们回头也要替换它是吧，嗯，先减量，然后，但是的话呢，我们要给它呈现在一定的位置上啊。哎，这是整个这个区域了。呃，呈现的这个位置的话呢，我们放在是这个位置上啊，放在这一块，放在这一块怎么写啊。嗯，写这个我们用的也叫gra啊，但是这个叫。是不是layout gravity啊？Gravity。Fly out。
07:02
嗯，Lay out。嗯，我看啊，我这个设置的是它里面的这个是吧，里边是一个的这个这个不重要啊。我看我这个，我这给整错位置了，我给你整到这个view配置里面看是吧。X它俩并列关系吗？怪不得没有。写吧。在这啊，Gravity是不是有个layout gravity哎，他在我们整个这个frame layout的一个中下的位置啊。中下的位置先中中是水平中是吧，并且是下，是不是来一个包层啊。那这就放这儿了。那你要说离下边再有点儿距离，那你就可以在。啊。嗯，来再来一个这个margin的一个bottom啊，就来一个5DD，这样下来往上移移行来这是我们是这个frame料的呢，就搞定了啊，那这个呢，因为我们回头是小圆圈，所以这呢只是拿它充当一下而已啊，那这个再往下呢，就是我们这的一个。
08:11
啊，再把它给整一下。嗯，T，这个宽度呢，让它，嗯宽度自适应吧，都。这些词适应啊，然后呢，我们写这个test。啊，就写这个吧。嗯，硅谷堂180天计划第一期。行，然后呢，设置一下这个test的一个size，然后写一个比如说40SD。啊，只能有点大了30。然后呢，有个job right。嗯，在右边呢，画一个图，嗯，这个图呢，就是这个推荐这个啊，这个呢就不太好记了，我这直接就写到这了啊就它。
09:05
这一下。嗯，就这个图。行，然后他俩是居中的，嗯，居中的话呢，这个我们整个是一个。啊，那应该是在我们整个这个指甲是吧。加个gravity啊，来一个水平居中。哎，这就集中了啊。行，嗯，水平居中这样，然后呢，跟左边这个文字呢，稍微有点距离，Job的一个pending啊，来一个4TP。啊，设置这样的一个间距值啊。然后呢，距离上边有点距离啊，你可以来个margin的一个top那个20GP，嗯嗯，距离下边的话呢，也可以有个距离margin的一个bottom。
10:04
再来个20PP。行，现在就写成这样，或者你还可以这时候再做个设，设置一个字体的一个颜色也行啊color，从这color里边去定，找一下我们这个color。嗯，深灰色推这个。那这样，嗯，OK。行，接着往下。哎，这样的三项，嗯，这三项的话呢，就是先有个水平的线性。啊，这个界面稍微复杂一点啊，我们得好好写，嗯，宽度充满高度自适应。水平放默认就是水平的，可以不写。嗯，然后的话呢，它离左右呢，你看都有一定的距离。我们可以在这个line layout这块呢，设置一个margin left跟right。就是40到TP margin。
11:10
40TP。行，先看四时行不行啊，在这个布局里边呢，线性布局里边我们提供这样的几个text view3个，嗯，这三个我们都写成子时英吧。对，应该是平分的哈，平分的就这写着个零。啊，为他写个一这样。然后呢，写文字。本息保障。嗯，分析保障。这是其中一个，然后加上这个background。哎，带光呢，我们这儿也是一个图，这个图的话我们看一下。啊，这个图。
12:02
嗯。啊，这个你看特别的宽了哈，所以这呢，我们再加上一个gravity啊，来一个center的这样的。嗯，那这样的话呢，我们再来一个喷Ding啊，喷Ding的一个上下，比如来一个3D地。再稍微宽松一点，现在有点太抠了是吧，努一。行，嗯，这是一个，然后有三个整个C。哎，这三个就出来了。每日计息，高额收益。还可以的是吧。
13:01
那那就这样吧，嗯，行，这个完了以后呢，接着再往下啊，接着再往下的话呢，我们在有点距离。啊，三个之间有点距离，三个之间有点距离怎么着。看这里边有吗？啊，这个都定了是吧，三个之间段距离你中间你可以。那你就来一个相应的这个market是吧。嗯，这个我就不加了吧，你要加的话呢，这块加一下，这块加一下，那你最好是两边都各自加一下，这样的话呢，看着居中了啊，这我就不讲了啊。啊，你就往这加啊，那这也行。Marin的一个。我有点看着有点少是吧。那这样啊。
14:01
嗯，这个完了以后，我们在这三项这个下边呢，我们再可以给它提供一点距离，那就在你最上面这个零件，呃，线性布局这块呢，在这个位置加上一个marin的一个bottom就十几P。啊，跟他后边这块呢，有点距离啊，上面20，嗯嗯，然后再往下。那再往下呢，就是我们这样一个圆形的自定义的一个视图了，这块呢，我们先不整这么复杂，我就先先先放一个button吧，一个大按钮啊啊120的DP啊，120的一个DP。嗯，这呢，我也写个数啊，我是圆形进组啊。那就骗人的哈，嗯嗯就那就先摆到这这呢，我们再来一个margin top。那这里来个10DP。行就就先这样放着啊嗯，放这以后，然后接着再往下，这个我们后边具体再说它怎么去画，再往下的话呢，就是水平的一个线性两个态度用。
15:11
这嗯，这就自定义看自适应吧，自适应水平的啊，先是一个态view。嗯，这个是投资适应。啊，预期年利率。括号X等于一个SIN20看一下。还可以行，这就20，嗯，然后呢，字体大小设置的字体颜色，行先这样，然后再来一个。嗯，这个位置我们就写一个，那这我就随便写啊，比如10%，嗯，然后加上2%啊，你这样写一下，嗯，那回头这个数据的话呢，我们会从服务器上更新，所以这个位置呢，我们给他一个ID啊。
16:06
TV啊，这呢属于一个一二。I home。You're right？行，然后跟上面呢有点距离，在这个位置呢，来一个marin top。十几P？啊可以，然后字体颜色呢，你这也可以设置一下，跟我们那硅谷堂这个颜色一样。字体的颜色这个。一下。Shift f啊这格式，嗯，行，那就差最后这一下了，嗯，最后呢，有这样的一个也是一个啊还有个button，嗯八也讲一下。
17:01
嗯。因为在这。嗯，Button的话，Button的话呢，我们看到就是它没有充满啊，左右两边都留着这个空啊。这个怎么着？嗯，你这块要指定死一个的话呢，这手机屏幕有的宽有的窄是吧？哎，我们可以这样，我们现在写一个叫match。嗯，然后这个高度这块呢，你来一个自适应，嗯，然后这块呢，加上这个叫Mar left是吧，最后两边让它空出来一些啊。嗯，供出来，比如20GP。哎，这样，然后background背景呢，是一个眼，是一个图片。普遍的用的是这个。啊啊，写文本。S立即加入字体大小。
18:04
30。啊，30不小啊，然后t color。白色。晚上。看下效果。嗯，还可以啊，嗯，跟上面呢有点紧。紧的话呢，那你可以写到这，或者写到上面线布局里也行，20TOP。是DB。那就这样了，别再往后看不着了啊。嗯，然后再接着往后写，那就写这。真的就是我们最后这块呈现的这样的一个小的一个提示哈，嗯，其实这其实没啥用，就是让用户看到感觉心里边踏实是吧。嗯，一般的话，这个字特别小的，就是就只能看一下啊，有的时候呢，这个页面设置的感觉其实没什么大的区别，但是呢，你设置完以后让人觉得很专业啊。
19:00
嗯，那这个呢，我们把这个也加上。这个test view，嗯，这呢，你就正常的是一个自适应就OK。风险保障由风险保障金由硅谷银行监管。风险保障金。嗯。啊，所以你看商午这个名字起的还是挺好的是吧，有的呢，就是呃，学生一打电话一问，这边说，诶你好，这是硅谷是吧，感觉好像挺高大上的啊，然后以前北京有个学校叫嗯。它是这个叫建设的建啊。嗯，这样。你好，这是贱人就是贱人学校是吧，就感觉就不好听啊。
20:02
嗯，行，这个呢是一个test，这个写完以后呢，它有一个左边的图，Job的一个left。这个图的话看一下。那这个图。啊，这些的话呢，都是到公司里边都是UI啊，我们都画好了。写好了。嗯，这个呢，也看不着了啊，字体大小的话也不好说，但总之你得。Top再整一下啊。乘以个十。行。吃吃。看着令。哎，最进行一下就能看到了啊。嗯，这个的话呢，也不会改，所以这呢ID也用不着了，那你需要用到的啊，这个会用ID给上，这个其实也会用，但是我们回头会重新的给他画一下，所以这个ID目前没写，嗯，这些呢，其实正常来讲这个数据都是可以被换掉的啊，诶通过服务器都可以换掉，那这个view配得有啊，这个呢，你要处理自己画的话呢，这个也得有ID。
21:03
那整体上就是这样子，我们跑一下看效果。好，这关嗯，挂了。挂了啊。他既然挂了，我们看一下在这个里边。这是不是没有注释？对吧，上午我们写这个模拟这个异常的时候没有关掉啊重来。行就进来啊。但是他这个的吧。好像看着有点那个啥是吧，这全都看着了。看不出来我这个SC的一个效果了。
22:02
距离加大，或者我再换一个手机跑一下。其实按说这个距离应该够。哎，这不就过来了，那这着往下滑就能看到。嗯，这个。这有这你看的不太清楚了，这也有也不太清楚了是吧？哎，这正好这块说明一个问题啊，嗯，大家说这个问题吧，先说这你看我看下是不是可以滑动啊。这就是我们说的这个scar will。嗯，这个score view呢，我们回头明天的话呢，要重新自定义一个view，让他去继承1SC view，实践的效果呢，就是我们说的啊啊，已经到上面，我还可以往下再拽，已经到下边还可以再往上拽。啊，这是我们自定义的一个score view啊好，这是我们说的这个，嗯。
23:01
先把这个呢，先先停一下，然后我们等下说这为什么会出现这个问题。
我来说两句