06.布局文件的绘制.avi原创

好，接下来呢，我们来具体实现一下这个四个代码啊，这个代码那首先呢，我们来运行一下上次课阿福老师啊写完的一个代码啊，运行一下。啊，这个呢，就是上次课阿老师啊讲完之后啊啊剩下的代码啊，这个代码呢啊点击OKAPP可以跳转到OKAPP啊这个页面啊本次课呢，我们要实现的是这样的效果，点击这个native接身press跳转到手动接身解析啊这个页面啊那么这个页面和这个页面差在哪里呢？首先这个地方啊是有区别的啊，这边是不是没有啊啊，接下来就是这下面这两个是不是这个没有啊，而且它是在这个地方，这样呢，我们就将它进行修改一下啊。那我们去哪里修改呢？首先找到这个fragment啊，然后来到这个common frame fragment，找到这个数据的列表，在这里面输入什么呢？

啊，添加一个。来看一眼native JA press啊，Native JA press啊，Price，接下来再将这个构ho和fast啊移过来。拿到这儿啊，安瑞。这是第一步，第二步找到这个item这个条目的点击事件啊，一点击一调转，找到哪呢？找到这啊。上一次这个地方是OKDP的点击事件啊，接下来我们来处理的是。手动接身解析啊，再点击时间else if date.two lower case啊，点equal equal是什么呢？

一会儿这个。Nativeson，但是啊，要注意啊，我这里是不是将这个数据变成小写了啊，那你这个地方也要将它都变成。讲写这样才能达到一致啊，点击。条目。跳转到。手动JS啊解析界面，那具体怎么实现这个跳转呢？啊，大家知道跳转用什么呀。是不是一个intent呀，又一个intend，第一个参数上下文，第二参数具体的目标地址，Native na啊，Native什么呢？JA press啊，Price activity。

A t viy啊，第2CLASS。Al加回车啊，创建返回值，启动跳转m contest.start X，将intent传进去。这样就实现啊这个跳转了啊，那这个it呢，我们来创建一下CTRLC。来到这个目录结构里啊，我们放在哪里呢？啊，放在这里合适吗？啊，它这里都是OKDP相关的啊，你看这里都是o at dp相关的，那么随着我们这个代码量的增加啊，业务的复杂性啊逐渐增加啊，显然都混在一起是不合适的，那么怎么将它筛分一下呢？整理一下。又一个package，创建一个OKHTTP啊这边添加OK。然后将这些包传到这个OKDB啊。

接受，那么我再拖，这不就拖到这个点activity这包下了啊，这是不行的，那怎么办呢，右键。啊木OK，在这里面输入点。Okb，好。这样呢啊，它就撑开了，这样后续我可以将这些都移到这个okd下面。啊，再加这个S啊也移过来。啊，这样呢，OOKDP相关的啊，都放到了这个OKDP啊这个文件夹下了啊这个fragment为啥没有这给它移过来呀，啊是不是它属于框架了呀，整体的框架，所以说就没有移过来啊这样呢，我要进行这个接身解析啊，我再new一个。

就是这个文件夹。哎，好嘞，然后我将这个activity就创建在这个接身下面的activity啊，Activity的包下。右键你一个。还有瑞。啊，这样就跳转到手动接森解析啊页面页面这里呢，我将这个兼容包这个ID啊啊换成普通的ID就行了啊好。那么在这个页面呢，我一共要完成几件事情呢？啊，一共要完成这么四件事情啊，也就是对应的四个DEMO。张过来。分别打四件啊，就这四个，然后C。I。

二。二。好，最后一个啊，最后一个啊，这样呢啊，我就把这个四件事情啊放在这儿了啊，有一句话兵马未动，布局先行啊这样呢，我们第一件事情就要绘制这个布局页面啊，那布局页面长啥样啊，点击这个native接price啊，这个布局就长这样。那么来分析一下这个布局我们应该怎么实现呢？整体是一个什么布局啊，是不是一个垂直线性布局啊，啊，首先上面是不是一个title bar啊。紧接着下边对应的四个button button，再往下，这是不是一个test的文本呢？啊，这中间啊，这有一个原始数据的显示啊，显然是一个text view，再往下一个text view啊，转换后的数据，一个标题，再往下是转换后的具体的数据啊这个布局相对来说还是比较简单的。

我们来具体的实现一下，从这个T开始。整体是一个线性布局。删掉垂直的orient vertical。赶快二加L格式化一下。来把这个预览图啊，打开这个选4849都行啊小一点。好，接下来抬头棒，之前我们是不是写过一个抬头棒啊啊，来看一下。这个布局文件啊，这是不是有个ta瓣啊啊，看一下这ta瓣长啥样，是不是这样啊啊但是这样，你看一下这里是不是写死了三回谷知识库啊啊，如果要想对它进行修改怎么办？给他个ID不就完了吗？是不是TV title t啊title。

好建，回到这个页面之后，我如何包含一个布局呢？Include layout。然后这个抬头抬头棒。这样是不是就包含了一个TB布局啊，啊布局这个名字啊，我还是需要修改的啊，这里暂时先不管啊，先把这个恢复一下，不让它变错好再来到这个页面。写完这个title bar之后，是不是该写这四个button了？好，写一下。Bo啊，Button，宽度match高度包裹内容啊，来个ID啊，IDB native na native native什么呢啊，To。

Java。独家吧啊Java。Object对象OB object来一个test。将JA对象转换为Java对象。将。接身对象转换为架构对象。字体有点小啊，稍微大一点，它size啊48ST。啊，还可以啊，来点距离吧marin啊来一个无DP啊无DP诶好嘞好，接下来还有三个按钮啊，我怎么实现呢？肯定有高招，按住CTRL键加下。

四下直接创建四个button啊四个button好，接下来啊，我们来实现一下这个。名称，将接身数组转换为Java集合将接身数组转换为Java集合。结合这个也改一下啊，To a black改为集合，那就是list啊，再往下第三条复杂加深数据解析。复杂接收数据解析啊。这个改一下复杂的啊，那就是comp。皮。P啊，复杂的再往下变成是特殊接身数据解析。

特殊杰森数据解析啊，这个改为。特殊的SP啊，Special特殊的。再往这四个button啊，就创建完了，再往下呢啊，就是这个原始数据啊，和转换后的数据来一个test。太自卑，包括内容，包括内容。Test。原始数据啊。SIZE18SP啊，Test color，什么color呢？安卓的blue啊，就是颜色啊，蓝色啊，再来一个有点距离muggin来一个5DP。啊，OK，第一个写好了啊，接下来它的原始数据的显示啊，我也用一个text view。

卖去报内容啊。来个IDTV。为什么呢？Native na，你要显示原始数据啊，那就是。Original啊or啊original啊，原始的啊，那这个ID那就是。艾特ID啊，原始的。啊，字体大小来一下吧，啊控制一下。来一个48SP啊，接下来我就要复制了啊，都复制吧。2C来什么呢？原始数据改为转换后的数据啊，这个呢，改一下ID啊，ID改为last啊，转换后的。

这样呢，这个整体布局啊啊，我就实现完了啊，实现完了啊，这还不错呢，看一眼。Text size安卓。这是不是定义重了，来删掉啊，是不是就好了，我们来运行一下。好，点击这个native price啊，跳转到这个界面啊，现在还没有实现具体的点击实现啊，这个页面呢，我们就画完了。