32.尚硅谷_自定义控件_界面布局

好，同学们，我们将会今天将会进入我们第一个比较有价值这个案例，联系人索引，那么这个案例的话，大家可以看一下，在我们这个地方里面，我们该怎么去把它给做出来。你看啊，在这个地方里面，你们觉得从布局上这个应该是一个什么？对，只要看到这种上滚动的。是吧，肯定一般情况就是隶属于，这肯定是隶属对不对，好这是一个，然后这一个滑动的话。大家想想应该是什么？要么就是要么是吧。然后注意大家有没有这个有没有就是有没有画过文本，文本是可以在一个空间里面我画。一个两个文本了，那假如说我画26个是也可以啊。

那么这个时候我们呢，其实这个就是一个U，然后只是我们在里面画S6个英文字母。那注意这是英文字母，不是拼音啊。对不对啊，当然你也可以转化为阿波的EF格是吧，但是一般用拼音对不对。是吧，好，这是一个。那还有一个问题的话，这个是不在中间呢？那么哪一个布局可以让某些空间在中间呢？而且可以否在上面那种啊分布局和什么相对布局，是不是相对布局啊really out对不对啊out真布局是吧，两种，那么我们一般呢，用我们的啊相对布局啊做样这个事情，所以的话，我们这个是例隶属于中间有个文本去选这个布局是比较简单的。那我来先写，那么像这个知识在这个空间里面难的有哪些呢？难点是什么呢？

你们觉得难点是哪里啊？你说一下你觉得你你就你你觉得难点是什么。你感觉你看上去难点是什么？你告诉我讲。啊都难，感觉哪里难，其实这个是历史又简单是吧，那一滑动这个显示出来哦，可能这一块是比较难，就是哎，我怎么你看这这哥们滑动还变色。对不对。好，是不是啊，但是我们想怎么搞定呢，是不是啊。是这样的，同学们。我大概。大概略粗略的说一下，那你们有个思路是这样的，首先的话，26个字母过后呢，那么我把每一个我是在整个空间的高，我是可以得到啊，那我除上26是就得到每一个的高度啊。然后当我们在这滑动的时候，就得到get y呀，Y的话，除上X6是等于某一个的高，是不是你得到了，然后我就这样，我当我划到这里的时候，我除上每一条。

的高是得到这个索引了，那这个索引的话是刚好就可以找到对应这个这个这个这个这个这个这个这个英文字母啊，然后。的时候，在N的时候，我就把它画笔，把它变成灰色，所以它变灰色了。是不是画灰色，然后一放。我就再把这个这个索引的位置把它变成负一，然后再去刷新一下，在N里面再把画笔把它设置为什么白色，这样就繁原了，看到没有。那当我一点击的时候，一滑动的时候，在这个地方里面，我呢会去列表中那S6个英文字母里面去得到我们的字母，然后呢，让这个test文本。回调过来用结果回调过来让它显示，那过一会再叫他消失，我就憨着的隔斗时间让它延迟，什么延迟消失好，所以在我移动这个地方里面的话呢，就可以动态，那它显示其实用的是接口，所以这一次又用的接口，下个按列还用了接口好，那么也就是说当我们滑动这个地方里面呢，这个动态显示就搞定了。

好，那接下来这个地方是怎么实现的呢？这个怎么实现的，就是一个隶属U，然后呢，这个人。比如说安重氢，它是一个全屏，那我起一个什么。只取一个首字母。然后这个是一个什么呢？Item，这是一个item，那么也就是说我把它形成八形，那么下一个怎么就。就没有我们的字母了呢，所以我就判断它这哥们是不是第一个，如果不是第一个是把它隐藏就可以了。是把这个标题把它隐藏，就其实这个地方，这哥们是也有标题啊，啊是也有这个字母啊，就把它因为他们。

这个们都属于A呀，就把它隐藏就可以了，不点特简单，但是还有一个难点，就是大家感觉很神奇的意思，诶，我怎么点击这个Y就可以定位到阳光湖这里啊，然后一点击是不是，然后就可以到江宇航这里啊，其实这样的我也是根据这个索引，然后呢回调过来，然后你就可以定位到。历史中的某个位置，历史它有个方法叫。你从位置进去就可以定位到第几条，那么这里面每一个每一个it是就某一条啊，我就可以定位到这个位置里面去，这样的话呢，就实现我在上面滑动的时候可以定位到某个位置，当然我跟大家说是整个流程大概这么一个过程，大家的话呢，有个思路啊。明白了吧？好，那接下来我们就去选这个布局了，这个布局外面这个布局应该是什么布最外面这个布局是什么布局啊。相对布局，这里里面是个历，中间是有一个文本的，右边有个自定空间，我们叫index view啊这这里这个这个空间应该是什么。

应该是自定义的还是系统的呀，Good，因为我们今天课叫什么，今天我们的试听课的名字叫什么，自定义控件自定义对不对，所以肯定是嘛，对不对，你看又回归我们的主题了，对不对，像我们演讲一样，说我爱我的祖国，最后肯定是我爱我的祖国来来结束是不是，所以我们制定空间也会这样子，好同学们好，我们接下来来做一做啦。把这些干掉，然后去创建我们的一个model，然后往下走，在这个地方里面就是。我们是零几啦。零七，然后我们就叫啊这个联系人快速快速索引对吧，然后有了过后呢，我们的包叫做quick quick quick index啊叫这个名字。

好，往下走啊，往下走。然后把布局把它给实现出来，最外面肯定是一个相对布局对吧。那在我们地方里面的话呢，把这个。干掉，然后我们把它。运用起来，因为它R分就没有生成的R就不生成方，我们去点进去是不可点啊，所以我们希望的是能生成过后呢，更加方便操作，这相当于是我们安六六的bug，就是一创建的时候是根本没有什文件对吧，算一个bug以后一新版的应该可以改的。好，那接下来在这个地方里面的话呢，好。你看我鼠标不动了，又卡住了。好，然后大家注意了，在我们这个地方里面。哎哟，这个这个妹也也太不给力了啊。

好可以了，那有了客户把这些填充应该是把干掉吧，然后把它给干掉。删除。好，这个这个根本怎么也会卡呢，好可以了，好好卡卡更健康是吧，然后觉得很下来在我们这个地方里面的话，有了过后好注意左边，注意在我们其实中间是一个历史浴啊，好，那么我们叫历史浴历，应该是填充整个窗体吧，好，然后在我们这一方里面的话呢，把它给填出来ID我们叫LV，然后啊就是隶属U对不对，那中间是个特色文本嘛，它背景的话呢，就是我们的灰色，123456，这是黑色，肯定不好看，对不对，因为变成灰色。好，那这个时候呢，这是我们要把它给四四对吧，高。

80DP宽啊，这个宽80高也是80DP对吧，然后我们默认的这个显示一个A，然后让它内部内容居中。是不是好，这个时候呢，有了好，那这个时候有了过后这个文字的颜色看了应该是深黑色，123456是吧，然后文字的大小T一个SIZE3SB啊大一点，你看这是大了，然后在它副窗体居中。你看跑到中间来是不是很酷了，是不是这功能是默认是隐藏的呀，啊一会我们让隐藏，然后ID选一下IV啊TV吧TV，然后word就是word是什么字母是吧。好，那有的客户接下来下面这个地方里面就要定一个了吧，好，那么这个时候我们就要去定义一个控件，就是。

这个吗？啊呃，快速这个门知道吧，好，那这个门怎么做呢？好，也就是第一个类，这个类呢叫做啊，就是index view啊所以。好，那么这个时候其实根我们继承是什么U对吧，是U啊，不是玉古洛普，好，那么有了过后，那有的同学可能不理解，说哎，老师啊，你看啊，你这个地方里面明明就有多个孩子啊，注意他不是孩子是。孩子是肯定具体的某一个欲啊，但是里面画文本，他不是因为在内部职业。直接绘制的嘛，这不是啊，绘制的不是，所非你在那遛一个太子，这才是知道吧，溜的才是直接绘制的不是，所以的话呢，他还是没有孩子，里面只是说不同的内容，对不对，我们把它当成内容知道吧。

OK，在这个地方里面要把它的。构造方法给实现吧，实际上带有两个参数构造方法对不对，好那么这里面就是我们的一个快速，所以对吧，然后把这个呢拷贝一下，然后来到我们的这个布局里面去把它定义出来，好，它的这个啊定义一下。它的宽我们的定义为30个DP。高的话应该是什么？填充出状体是吧？ID我们写一下叫做I viv什么呢？What是。是多个字母啊，加个S对吧，然后它在复状体的右边吧，Right是吧，好背景的话呢，红色井号FF1234。然后的话有了过后在右边啊，那么基本上呢，就这信息对吧，那我们现在运行起来的话，我们可以看到的就是我们这样的一个效果，基本上和它一样。

啊，拎起来拎起来就这样是吧，一会的话我们默认把它讲掉啊不要再说，那这就是我们的布局，这布局很简单吧，好，那同学们这个知识点咱们就讲完了，下面的布局好把视频把。