day07_133_尚硅谷_硅谷p2p金融_MoreFragment布局的设置

好，下面的话呢，我们就具体来去实现，那首先要做的事情呢，毫无疑问就是这个布局的一个设置。啊，那布局这个设置的话呢，呃，相对来讲呢，还不是说特别复杂了啊。整个呢，是不是view啊，嗯，然后每一项呢，这就是用一个这这用用使用list view吗。不用，你这里边是不是就自己提供就完了，化简呢，你这里边每一项是不是长得不一样啊，那整起来老复杂了啊哎，每一个呢，你就用一个基本的这个，你这这就太to就完了，那这个呢，你有两项了，你这用一个布局再包一下就得了。啊，所以我们就这样自己呢去写就可以了啊行，那下面呢，我们就按照这个图呢，我们去做一个绘制了。这个布局呢，咱们自己来写一段时间没怎么写布局了，这个呢得熟悉一下啊。嗯，首先呢，在我们这个m fragment里边，呃，不是m fragment里边找这个more。进来呢，找这个结构，这是它的布局。嗯，整体的话呢，这先用一个。

了。这个呢，我们给它做一个替换啊，My sc view。这样子充满的这个就用不着这个方向了。嗯，然后再在这里边的话呢，哦不对，我们还是得这样啊。先是一个线性的，因为咱这还有个陶他呢啊。这里边呢，放的这个MYSC啊。Match。好，然后在这里边的话呢，我们再去放一个这个线性的。充满，充满。那这呢，再方程是一个这个orientation啊，垂直的这样shift的F一下。好，然后在这里边儿呢，我们就一个个具体的去写这个部分了啊嗯，这最初的这就是一个test view。嗯，Test view的这个宽度，嗯，宽度来一个充满吧，高度的话呢，来一个先自适应。啊，然后这一项呢，有个文本先写一下，这叫用户注册。

嗯，然后呢，来一个job的一个left。这个图的话呢，这个不太容易记住哈。啊，我直接从这找一下，就是这个图。嗯，用的是这个。来，领着唱啊。行，然后呢，这肯定是不太好看了哈，嗯，给他整一个，先来一个喷淋吧。N定的话呢，来一个20DP上下有个间距了。嗯，文本这呢，我们来一个叫gravity。Gravity来一个垂直方向的，这样。嗯，然后字体的一个大小。20、SP。行，然后呢，来一个job pending。啊，5D地。

嗯，行，这个字体呢，可以再大一点，25这样。好啊，嗯，字体的话呢，也可以给个颜色看的一个color。调这个color，找一下我们系统提供的颜色。嗯，颜色里边呢，我们选一下就是这个吧。啊，颜色呢，给它补充上。跟我们做好的这个效果呢，我们稍微对比一下。差不太多是吧，呃，然后呢，我们回头呢，需要用户去点击，所以呢给一个ID。那这呢是一个注册啊，就叫个。睡不着，安抚一下。OK，基本的话呢，我们就先写成这样子了，那后续的话呢，我们看到相应的有一些跟他这个其中一些设置是相同的一些结构了，那我们不妨呢，就又做成一个是样式啊。啊，样式我们就找到人家不一样的啊，比如说这里边这个ID肯定不一样，显示的这个文本内容呢不一样啊用的这个图片呢不一样。

还不一样吗？哎，这里边这个宽高哈，你看宽高的时候呢，哎，因为不是所有的都一样，其中是不是有这样的结构啊，这样结构你要是来一个宽度是一个充满的，这是不是看着了。所以这个宽度的话呢，有的情况下呢，也不一样，所以呢，那么这呢，就把这个不一样的这个内容呢，我们就请到这这些呢，相对来讲呢，都是一样的，那不妨呢，我们把这些呢，CTRLC就给它抽出来造一个样式。哎，找到我们的这个资源啊，然后stills下我们这呢，去提供一个啊这。哎，这呢，我们就标注一下啊，说提供。这个帽。嗯，Fragment这个布局中啊，然后呢，这个test view的一个样式。那这么着啊，把刚才我们粘过来这样的一些属性呢，我们就不妨呢放在这儿。

远程恋爱。嗯，好，下面呢，我们就造一个这样的样式来回忆一下我们怎么去造啊，哎，然后呢，起个名字，嗯，这呢，我们起个比如叫这个more test它的一个样式啊，Still。好在这里边呢，去提供一个一个的item啊，这这个名字的话呢，我们等着一块来写啊，然后这块再分一下，呃，名字的话呢，呃，这个类目属性就是这个。来CTRLV一下，实际上就是它。把这呢一个一个的去提供一下，这一共有六个。

Gravity。嗯，这呢，这个体力活了啊。保存一下行，这样的话呢，我们就写好了，写好以后的话呢，你把它可以关掉，然后回到我们这个层面呢，把这块呢，整个给它删了。啊，直接呢，我们来一个STEM调用我们自己的啊，所以呢，别安卓号了，直接呢就是TE Mo。

这样搞定一下。行，这个是其中的一项啊，然后呢，在这个基础上我们再去添加，添加的时候呢，相邻的两个之间，我们还可以提供一个这个。区这个这个小区的一个线哈，那所以我们这就写个六啊，宽度充满高度的EDP。然后提供一个颜色。嗯，这个颜色这没有这个t color啊，这个background ground background，光来一个color。嗯，线，这就是线的一个颜色。嗯，缝一下。OK，这呢，我们第一项呢，就给大家实现好了，然后第二项的话呢，就遇到一个稍微特别的啊，这里边儿呢有两部分。然后部分的话，我们可以考虑给它放到一个布局当中，这用了个什么布局啊。间接的也可以，相对的是不是也行啊，相对来讲比较直接一点，一个放左边放右边，那我们来一个相对的吧。

啊，这个呢，就是这样，然后呢，在这个位置。啊，Relatively out，嗯，这呢我们的宽高呢都可以，宽度呢写个迈啊，高度的一个web content在这里边先放一个具体的一个test，这呢其实跟我们刚才这个呢就比较像了。啊，CTRLC一下。直接呢粘过来这个呢，我们给它起个ID，或者你这一项呢，其实也用不着啊，我们也不会去点击它给它删掉了啊这呢我们起个名字。设置密码。嗯，啊，这呢用个图片，嗯。这个没记错的话，应该叫secret。嗯，然后呢，这里也是个，那这个就别充满了啊，这后来个web content，然后still行也用下这个样式啊，它呢就先放到这，那默认的话呢，就是从左上开始的，所以呢，其实这你也不用指定它的左上了，然后接着呢，我们就去提供另外这个，呃。

右边这一项呢，其实是一个叫To Button。这个我们讲自定义框架的时候，有没有自己就画下来。有嗯，好，那这呢，我们就不自己画了，系统其实也提供了这样一个控件，就叫做。来发展，所以我们也可以直接来用，那都设置为一个自适应的。好，然后呢，设置它的一个显示位置。啊，那先考虑左右，左右的话呢，我们来一个parent right。啊，然后再考虑这个上下。啊，Center啊，Vertical一个住。是这样，然后呢，距离右边呢，有点距离啊，可以设置一个叫marin right10厘米。周到，不过看着好像长得有点太朴素了啊。嗯，那真的长得就这样吗？嗯，真的，长得还真就这样啊。那显然的话呢，感觉不太好看哈，那我们得需要改一下了，改一下呢，怎么就能够做成这样的效果。

那其实就相当于是用的是现成的这个图，而不是这个图，那我们就按正常来讲，直接是不是加上一个background就OK了。啊，但是加background的话呢，我们这里边儿你在点击的时候呢，它会切换。这是个什么呀？这是不是就是一个c select了，对你点下去是这样又又不点的话就亮了，那不就是一个切换的嘛，所以就是一个选择器了啊，所以这里边呢，我们需要呢，再去在招下呢，去提供一个呃选择器哈，呃select的这我们就叫一个to。那它的一个C塔。哎，这个选择器的选择与否是依据它是否被check决定的，这个呢你得知道啊，所以这里边我们提供这个item的时候呢，你就选择它是不是被check了，如果是个true，提供一个job就行。哎，这呢，我们提供一个正常，就叫做to on。

那这呢，就是选中的一个情况啊，那否则item。Check。嗯，那这些呢，是个boss。知道不？他过我是一个off。这个图我们看下对不啊，这是它啊，对着这个呢，是另外一个啊，行，这个select呢，我们就提供好了，提供好以后的话呢，你在这边应用一下啊，那我就可以圈job啊to。嗯，写到这这样来提供啊。这个提供好以后呢，发现这怎么上面还写个off呢。就是唐国任呢，这里边还有个文本啊，对这个文本我们得给它干掉啊，那就用一下，这个叫test，一个呢叫on，一个叫off啊on的时候呢，啥也别写。那testoff的时候呢，也什么也别写。这就把你凹出去了，On呢，就是你选中的check的时候呢，正还写啊，也别写。

嗯，然后这里边儿呢，提供一个ID。那外地这道写个more啊。这样就行啊，表示我们就回头设置一下这个手势密码。行，这个呢，就写成这样就可以了，哎，然后下面呢，再去提供一个折线。嗯，把这个呢，收一下啊，放在这个下面。OK，嗯，再往下。哎，重置手势密码这个跟用户注册这块基本是一样的，所以找到用户注册的这个啊，包括下边这个折现呢，顺便也都提供了。在这里边这呢重置啊，这个呢，需要reset一下。重置手机密码，这呢提供一个图。Reet。

呃，这呢是一个充满的，这呢是一个still行，这呢就搞定了啊啊接着呢再往下。哎，再往下呢，联系客服，那这就麻烦了，又是一个布局的啊，那这个布局的话呢，我们可以放到上面都提供一个相对的。把上面的这块这个热球这块复制一下。复制到这吧，CTRLC。嗯，站到我们的这个位置。认为好，从上往下看，再捋顺一下，嗯。嗯，充满这呢叫嗯联系客服。好招呼呢，这块呢，我们也更改一下他这个图片。哎，这应该是叫这个啊。嗯，然后这个是这个这个这个行，这边就没啥可说的了。嗯，联系客服这个呢，我们，嗯回头用户在点击的时候哈，我点击这也行，点击这也行，那我把这个点击事件呢，是不是分给整个这个布局啊，所以你可以在这个量这块呢，加上一个ID。

嗯。那是一个more里边的这个这样，嗯，行这呢，我就不分配具体ID了。嗯，右边呢，是有一个这个电话啊，不是这个talk button了，所以这个呢也给它干掉。啊，写一个test view啊，动词适应。这个我单独的就给大家写了，就不用样式了吧，哎，这个写的文本啊，010。啊，5625382，这是商务的这个。电话。然后呢，来一个text color。Right，我这暂时还没提过right啊，那我们有系统的啊。那系统呢，有这样的两个来。啊，这是一个深红色的，呃，字体的一个大小，SIZE20SP。

二是SP可以。哎，放在这个右边，先考虑这个左右啊，右边parent right。上下。啊，这也是个处。那就这样的就行，嗯，距离右边整一个marin。10DP。那这样就行。行，这呢我就没有钥匙了啊，因为我们这个把这个字体的颜色，字体大小都写到钥匙里了，这块呢就不太方便用了。行，嗯，这个呢就写成这样，然后呢，它后边呢，还有这样的几项，用户反馈分享，这个这三个其实都一样了，一个套路，哎，就粘一个标准的t view。啊，同时呢，你再提供一下它这个折线。Y。啊，在这个后边呢，啊，这是一套两套三套，三套的时候呢，这个最后的它就不要了，干掉好从上往下的顺序呢，再捋顺一下，嗯，这样呢是。

啊，用户反馈。用户反馈。反馈怎么说？反馈。行啊，嗯。反馈的这个图片。反馈啊。不是。反馈啊反馈呢，是发一个信息了啊，之后就写成这样。其实这里边儿我们发的还不是一个短信，嗯，这个呢，直接就相当于是以这个联网的方式，以参数的方式发发过去的啊。嗯，这呢，还是个他这样他行。给用户反馈。这个，然后再往下。嗯，这是先分享啊。是。

分享给好友。那这样呢，我们给他改一下这个图片。好，然后再往下。嗯，最后呢，是一个呃，关于这个硅谷理财的这样一个产品的说明，这些呢叫about about。那这个呢，看一下。那这样就行啊。好，整个这个页面的话呢，我们就提供好了，提供好以后的话呢，我们先跑一下看看这个效果。啊，点最后一项，那这样就行啊这呢也相当于能够使用我们的q view，那这个呢，目前也能点击。