day05_85_尚硅谷_硅谷p2p金融_MeFragment的布局的设置

来，咱们接着往下写，来往下写的话呢，我们来看一下这个登录功能，现在我们现在已经把这个home frame和这个invite frame已经做完了，我们来看一下这个我的资产这一块，我的资产这一块，我们做的这个效果的话呢，就是这样的一些功能啊，我们先看一下做好的这个。投资产首先进来的时候呢，他先会去检测一下用户是否登录过，现在我们这呢，是这里边呢，是一个强制登录的啊，那用户呢，点一下确定就需要呢，进入一个新的activity，在这个页面的话呢，需要去注册，呃，需要去登录这个登录的话呢，那就得看一下你之前注册过的这个信息了，哎，那注册呢，我们放到最后一个更多里边去说，这里边的话呢，我们在本地因为提供了MYSQL的数据库。所以这呢，我通过这个数据库的客户端来看一下我们后台这个数据库，这里边我连的就是爱的硅谷这个数据库，这个数据库你怎么知道连的是谁呢？你在客户端这块是肯定看不到的啊，你客户端呢，只能决定你要连哪个URL，哎，我们连的呢，就是我们服务器端的这个login的so啊，连的是它，然后这个呢，里边调用了我们的JDBC，就是跟数据库操作的这样的一套这个接口啊，哎，我们这呢是写成一个封装为一个DAO，就封装了这个数据库的操作，那我们这个数据库呢，你上来肯定是要连接这个数据库的啊，那这个连接的时候呢，哎，我们用了一个配置文件，就是这个j DB CDR proties就是它，然后这个里边呢，用的是ad，硅谷这个数据库，因为整个呢是一个通路。

行，然后这个数据库里边呢，有个表，我们看下，这个叫user table，这个表打开这呢，就是我们已经注册好的这些用户，那我们要想登录成功，你就应该从这里边呢去选这些数据，那我们呢，比如说就以这个第二条为例，这个通过手机号和密码做一个登录，这个手机号的话呢，就是写的这个啊13012341234，那这个密码的话呢，我们这儿呢，在请求服务器的时候，发送过去的这个数据使用了MD5加密登录信息，我们都使用MD5加密，不可解密的。

啊，也没有必要必要让他去解啊，所以这块的话呢，我们就写你原始的这个密码就可以，我用的123456啊，相当于MD5加密码，以后呢，就长得这个样子，点一下这个登录。啊，登录成功以后呢，它就自动的帮我再重新加载一下首页，这时候我担心我的资产的时候呢，它就不提示我了，然后这呢，就显示出来我的这个名称，还有我的这个头像，头像呢就是在这儿，哎，相当于又是通过联网来获取的这个信息啊，当用户登录成功以后的话呢，呃，用户如果退出了。居住以后呢？当我再次进入。再来进入一下我的这个页面，它呢就不再提示我让我去登录了，那这个呢，我们怎么做呀。

诶相当于你是不是一进来的时候呢，我先呢，是不是去本地去找一下是不是有登过的这个信息啊，哎，如果呢，有，那我就直接加载登录过的这个信息就可以了，如果没有的话呢，我们就报刚才这个dialog啊，那言外之意呢，就在我们刚才点击这个登录的时候啊，点击登录的时候呢，那你就应该呃，在登录的同时，如果响应是成功的，同时把这个数据呢在保存在本地，因为呢，我们这里看到的其实就是一些基本的这些数据了，我们呢，就使用一个SP存储就可以了。那如果你这个本地的数据过多，而且像像这样一样啊，过多关系也更复杂，而且有很多，那你需要用数据表的，你再用数据表，这里边儿呢，用不着用表了，所以我就用一个SP存储就可以了。好，呃这呢，我们就相当于是个登录功能，这个功能完了以后呢，这里边儿还有一个呃这个设置，呃设置的话呢，还可以让用户呢去更换头像，呃比如我选择呃这个模拟器的话，就没有拍照了，选一个图库。

嗯。那这是相当于他俩这个ul这个这个action配的是一样的啊，那我呢，就选择其中一个这个吧。然后点一下这个，嗯，这个的话呢，我们回来就给大家设置上了，然后退出一下。哎，当用户呢，再进来。诶，然后点我的这就开始这个图像。行，这是我们说的这个设置，当然呢，我们还可以点击呢，叫退出登录，这个要点退出登录的话呢，就是用户的登录信息呢，就都没有了，那就是都给清掉了，在本地清掉以后呢，你再一进来，你就是重新的再登录了啊这我就嗯不显示这个事了啊，然后点这个就退出来，然后下面呢，我们涉及到就两个，一个叫充值，呃，一个呢叫提现。啊，如果针对于p two p产品来讲的话呢，其实就是这个呢，就表示你购买这个产品，把这个钱呢，从你从你这块呢拿出来，然后呢，购买这个p two p产品提现呢，就相当于是呃，人家这个本金啊，这个等等都到这个，这个都都打给你了，你这块呢，就把这个钱呢再提回来，或者说呢，他如果有一个嗯，你在七天之内啊，几天之内你可以这个。

就是就比如说买东西，你这个退货呀，是吧，我要退款这个呢，你也可以有一个申请。啊，这是相当一个申请的功能。啊减进来可以，比如我就呃提现，我提一块钱来提现啊，说你这个已经发送这个请求了，这个提现功能主要呢，是由后台来做的啊，我们这个嗯，这个这个客户端这块呢，你就发送个请求，告诉后台时候我要提现提多少就完了啊当真正这个钱到了你这个账户的时候呢，他才给你一个通知的方式给你提示。那所以我们这个提现功能呢，在我们这个客户端这块呢，其实做的功能就非常的简单哈，那后边这些呢，就是我们的一些关于另外一个图表框架的一个使用，这呢叫折线图啊，这个呢叫柱状图。

还有一个饼状图，这是我们最常见的。哎，这呢，就是我们这个m fragment这个页面所要做的这些效果，行，我们就做这样子啊，那首先的话呢，我们来考虑的就是这个布局的一个设置，哎，我们做的话呢，就按照这个思维导图这个顺序呢，我们去完成就可以了啊哎，先来看这个布局的一个设置，哎布局呢就做成这样。哎，变小一点行，首先呢，我们来分析一下这个布局呢，该如何去实现，嗯，相当于大家呢，不管我们做的这个前面的手机影音，还是现在这个PV金融，包括后边我们还做的这个商城新闻啊等等，还有社交这些项目，嗯，你呢，这个布局的一个绘制是属于基本功，就是有些图呢，就是讲的时候呢，没在课上画，没在课上呢，就给你一点点把它这个完成，那你下来呢，最好，如果你自己没把握，你要一定要自己去画啊，哎，有些同学毕业的时候呢，整个布局还有困难。

那个就不行了，就啊这是基本功行，那我们来看一下这个呢，应该怎么去绘制，找同学来说一下吧。再找一个特别的。有的。徐晨来，你说说这个页面应该怎么去绘制？整个呢是一啊layout啊，应该是从从哪块开始，包括上面这个他是吧到这儿。然后。呃，这个这个这个是不是还得提供一下一下是吧，对。

然后那个销售。嗯，这有个相对布局到这儿啊行。下边就这了，这这这这不是一个图啊，这不是整个就上去的，怎么画，这是用什么组件。Imagine view，嗯，Image view呢，需要你确定它的一个位置，嗯，就是相对布局比较好指定这种居中啊，呃，这个边儿啊是吧？哎，比较好指定啊，行，然后呢，下边再放一个文本是吧？嗯，这里边需要注意的就是我们这儿image view，这实际上是两个图啊，你要细细看的话呢，就是它这不有个白边嘛，实际上它是一个层叠啊，后边这呢，就是一个圆的，一个白色的，然后呢，上面又放了一个image view，这有两个image view层叠在一起了，嗯，所以层在一起的话，你也可以用一个真布局啊。

呃，用真布局，真布局就是重叠了是吧，哎，我们或者你用个相对布局也可以啊，这是一个重叠的，然后接着往下。Test view啊，那就直接放test view就行，然后但是这块呢，你看它有这个间距。这这个一个。然后这个那啥一个一个现象。水平线放两个，这个是两个image view，嗯。那剩下这个还有必要去提供个就没要是吧，你说你要多了或者不确定多个，那你整个就仨，那你就自己造仨S得了啊，只不过呢，这三个请坐啊，这三个里边的话呢，它的有一些属性设置是一样的啊，不同的外乎就是这个图片不一样，这个文本不一样，剩下全一样啊，什么pending啊，Margin啊，呃，字体大小啊，字体颜色呀等等啊都一样，我们可以是不是用一个样式去提供啊就可以了啊行，这个布局的话呢，还可以接受，所以这块呢，我们就直接呢粘过来了。

嗯，T，就是下列话呢，不熟的自己得画一画，找到我们fragment me，嗯，Ctrl a ctrl c，那我这还用了一个score view啊，相当于呢，我们可以是往下转。可以往下拽的，这两个效果哈。这这个这个整个把这块呢删掉CTRL归一下，哎，这个呢，View呢改成我们自己的。嗯，这个我们名字好像叫的不一样。Common title。

哎，这个SC呢，改一下。哎，改成我们自己的。好，这里边这个逻辑呢，基本上就按我们这个说的啊，首先整个是一个线性布局垂直的，然后呢，有一个相对的relatively out，这个名字的话呢，我们给大家改一下啊，R这是一个me，行，就这样，然后这呢整个有一个颜色，呃，这呢是我们提供这个头像的这一块的这个结构啊，这个呢叫icon，这个我们也写个r me里边的一个，关于这个imagine这个icon嘛，关于它下边呢，要要用它啊，我们把它这个。呃，设置在呃你这个里边，它放在你这个头像的这个下边了哈。啊，所以这个呢，就用了一下它，嗯，这里边呢，就是我们这个头像，嗯，它外边呢，我们说了是有一个还有一个白色的啊然后呢，里边放这样一个小图啊，这个是64的一个半径，这个呢，呃相当呃64的这应该不是半径啊，就这个宽高64，那这个呢，62，所以呢，能稍微漏出来一个白标啊这个呢，我们也改一下啊IV这个me icon行呃后边呢，这是我们这个文本，回头呢，就是来设置一些用户的这个名称的，哎，我们叫这个name，哎再往后的话呢，就是这提示这这有这三项啊，哎，不是这三项是后边。

啊，这三项这里边的啊，呃，上面的话呢，就是呃，提供了这样的一段文本，这林文本的话呢，就是让用户看呢，一看感觉好像挺专业的样子啊，这就是我们的这个目的，嗯嗯，后边呢，这有两个图，两张图的话呢，我们提供他的这个ID啊回头呢，可以通过ID去找啊在后边呢，就我们说的这三个test view那里边有很多样式一样，那我们就可以使用这个样式，样式的话呢也粘过来。嗯，这是吧。

这是三个啊。行这个呢就有了，嗯，这是差啊保存一下，嗯，行这个呢，我们布局呢，就设置到这，设置完以后的话呢，再回到我们的这个me fragment这个位置上，你点这auto shift s给它做一个加载啊。那这些呢，就给它干掉。OK，那那这个布局呢，我们就设置好了。