33.尚硅谷_自定义控件_初始化显示字母列表

接下来我们要做点什么呢？接下来我们要把这个把这个字母啊，把它会上去。那有S6个字母对不对？好，那么接下来我们其实做这些事情就是呃，就是要把呃就是要这个绘制我们的这个快速索引的字母。那么非洲这个字母的话，我们分为几步，第一第一我们的话呢。这个选我们的26个字母。啊，把26个字母放到我们的集合中吧。啊，六个字母。啊，放入放入我们的这个集合中，数组中啊，数组或者集合都可以，然后第二，然后的话呢，同学们，我们要把这个我们显示出来。

我们要去计算某每一个的。高和宽吧，好，那么高和宽怎么计算呢？啊，这里面我因为提前准备了一张图。这图的话呢。好，给大家看一下这张图，可以这么说，是对大家理解这个的一个最重要的一个原因。大家看好我呢，把这个部分把它放大成这个样子，这没问题吧，那这里面有六个，当然我这里面只有几个啊。那也就是说本身这个控件这个视图是有个宽的，我们叫U。本质的空间也有高高啊，我们叫遇的一个一个hate，这没问题吧，好，那接下来我把这一部分抠出来。这是一个。这是一个哀的。这是一个。

是这是一个I层的高和宽吧，然后我把它扣到这里来。这问题吧，就是我把某一个的高和宽要计算一会要做这个事情，那么这一个这个it的宽，It的意思和这个U的宽应该是什么一样的吧。问题。对吧，那也就是说在我们这个地方里面，我们得出这样的一个结论，就是我们试图与这是已知的。已知什么呢？就是it，就是我们U的VDTHVDTH，它是和我们的I的VDTH是什么相同，这么地吧。然后有了过后呢，在我们这个地方里面好，那么这个控件的I层的高。

那么也就是说我们的这个view就是我们啊it的V。H。A就是A层的这个高。那么它和什么相相同啊？它等于这个整个控件的高除上S6吧。这问题吧，等于I，这个等于U的积除上多少？26。S6就是那个字母的个数对不对，好，也就到时候我们求集合也可以吧，好，那么这个时候我们的it的话呢的它就相当于它就等于U。

U的一个VDH是相当于这个it的括号高，每一条的算高就搞定了，好，那也就是说我们在这个地方里面呢，啊，才得到了这个it的高，这个这个it注意里面是有文字啊。好文字。是文字还有高和宽呢？好，那文字的高和宽又怎么求呢？的的VDH，我的BT这个又怎么求呢？好，这是一个。还有一个问题就是我们一会儿要绘制文本的时候，注意了，绘制文本的时候。绘制文本的时候是不是也要有坐标啊，好，那这个时候呢，我们还求这个word，我们的XY，就是具体某个文字的坐标，知道吧，这就是我们要求的同学们。

好，这次怎么办呢？Word的括弧高怎么求呢？好，大家好。那么在我们这个地方里面，我们要求一个word呀，可以这么求，就说假如说我们的地方里面，我们把这部分拿过来，拿过来过后这个部分我们可以把它理解为是我们的这部分，把它理解成我们的文本。文本的空框高，这这没问题吧，那文本的括号高，那也就是说它是word宽word的高，这没问题吧。注意什么问题吗？这个这个地方里面就是我们文本的空和高啊。那文本的括高该怎么求呢？好，怎么求呢？好，我举个例子，假如说这里面呢，有。有ABC。

那么这个字母当然我们可以放大一点，那么我现在要计算这个A这个字母的高分宽。只计算这个字母的高宽怎么做呢？他有一种办法，我们罩住他。胀的痛。号公式变成一个矩形呢？我们是不是就可以得到这个矩形的高宽，是不是就可以得到这个字母的高宽了？所以的话呢，我们一会去计算我们的这个的话呢，可以这样子转。啊，可以怎么说呢，在这个方里面，大家看可以看一下，它有一个就是用这个，这个是一个矩形，然后去照住我们这个文本，用得到一个文本，然后零到一罩住，然后就得到它的空和高这个。这就可以得到了。好，那也就是说我们把它罩住，然后就得到了，这没问题吧。什么地方？

好一会我们去把它给罩住，也就是说我们在地方里面啊，这里面的话，要想计算的话，就要这么做。它就等于一会我们的这个啊帮的。啊，这个或者叫这个啊，RCRCT，然后get，它直接这边有个方法，直接有一个什么宽VDTH。好，那这个是什么呢？注意这个就是我们刚才这地方画个图照住的宽，是就是它这个文本的宽了，这没问题吧，好，然后有了过后在我们地方里面的话呢，大家看好了啊，那接下来那么它也是等于rect的一个。Hi hii GT是不是，那么这个是什么呢？好，注意了，这个是什么呢？这个是我们的这个自己做的一个矩形，RE1啊RE1RE什么CCT就它，然后六一个知道吧，RECT，那么这个就相当于我们这个经过罩罩住它。

那么怎那这套过后，那这个时候我们要要给它赋值吧，就注意这时候呢，要通过我们的。通过我们的画笔。就是还通过我们的这个pen paint paint，它里面呢，有一个画比较该什么的text text什么bond，这个ons，好，那这个时候注意了，这个地方里面，这里面有个参数叫word。这个word呢，注意这个word就是我们所讲的这个A，知道吧，好，我们一会要要得到这个A。好，这个我们到时候呢，在上面要去得到一个实际类型word的字母，然后呢，等于word的。

取个I，它I取出来，那这个时候这个word过后就存进去，好，那么这word注意这个word它有可能，假如说你可能是不是有可能取，有可能是AB呀C呀，但是注意了我只取谁呀。组齐一个，所以零到哪里啊，一明白吧，那接下来我们这个矩形的存进去。所以这个矩形，这个矩形呢，没有什么东西，然后呢，它就这个时候，它就拥有了这个字母的什么高宽，所以直接获取就可以了。一会我们用得着啊，用得着。好。现在大家主要注意这个就可以得到，光靠这个是一个矩形罩住它，然后这个画笔，然后呢用到画笔，然后画笔的话就可以把这属性给它，给它后直接得到高高宽，好那么在这个地方里面，就是我们的字母的高和宽就这么计算出来，这没问题吧。

能跟得上吧，那接下来呢，要计算我们这个每个字母在我们的这个视图上的什么坐标位置。因为我们一会啊，它会用这个画布，这个画布也就是我们一会呢，会用到它。用到画布呢？我们一会要绘制我们的什么？注意要绘制。就什么呢？这个是要就text看到没有一个文本，还有坐标啊，还有个画笔啊。是这样的方法呀，好，那这个时候就text，那就text在里面。的话，第一个参数很简单，就是我们的什么字母吧，第二个参数是是X和Y啊，就这个们呢X，第二个是Y吧。

第三个就是我们的画笔吧，看是不是好，问题是这个们怎么求好，同学们又来画图了，画图很重要的，好，那假如说我现在。把这个抽取成这样的一个方块。啊，方块，然后。啊，反正这个方块那什么意思呢，就说这个。同学们，这一块就相当于我们某一个的高和宽，和这个是一样，这没问题吧，这里面就是文字所占的区域吧，我把它抽起大这些就是把它抽取什么抽取的这么一个形象的就好画图嘛。

那么也就是说，我们要想这个文字。显示在这样的一个上面，那这个文字的坐标到底是以左上方还是有这个，还是以这个还是这个为为准呢？因为这个做你看，因为这个地方里面它要传的是一个X和Y，是只有点，只有一个点呐。他并没有四个点吧，如果有四个点很简单，那就可能他和他是不是，但是有一个点到底是谁呢？左下方对吧，大家看到了左下方啊，注意文字以左下方对吧，默认情况以左下方。那这个时候有了过后，那求这个点该怎么求呢。好，同学们，我们知道了这个地方里面这条线你知道吧，它是I等的什么。X的宽吧，乘宽的一半是这一段吧。

是不是你看这个一半是不是隔断是就在这一半呢，它就是说我们这这一条线，这一条线。他是多少啊。的VDTH是不是，是不是除上二，除上二过后是等于多少。主爱国和素养，为这一半呢？是这一半吧，好，这一半就没问题吧，就是到这里吧，就是这里这问题吧，然后这个时候，然后再减掉。这一半是就等于这边的距离啊，这个点的距左边距离是算出来啊，减掉塔卡擦掉是这个时候得到这一段。是不是啊，所以我们的这个V的X等于阿尔塔VDTH。

于DH除上多少？二减掉谁？减掉这一段，这一段是刚好是整个word的一半啦，是减掉这一段是刚好是word一半啦。所以应该什么减掉word的word的VDTVDTH除上多少啊，这没问题吧？Water。的这个宽有了吗？是我们刚刚算出来啦。好。是不是啊，接下来同学们Y，这怎么算呢？是还是it的高VDTH的一半。好应该是什么，往下走的话，也就是这这根线。这根线该怎么算呢？

直线，那也就是说我们要计算。要计算这一段距离。震动距离吧，震动距离它是等于这个平一半，一半是挨的一半呢，这是这是挨一半吧，一半，这这最快一半，那那就是这一边得到了吧。一半，然后再加上word的一半是就就可以了，Word的一半就这一半吧，因为这个是word word吧。Word一半是正确一点是word一半啦。大家好好想想啊，到时候一旦画这个图，然后这个时候我们在地方里面就是相当于加上多少或或VH。T除上多少啊好，那这个时候注意了，在我们这个地方里面的话嘞，它现在我们计算出来的才是某一个吧，那么再加上下一个，这是第零个，这是第一个，第二个是不是去加呀，所以这个时候它就变成加上I。

I等于零，是第零个乘上多少啊？是word的高呢？还是it的高？It的垂？是这样的是不是啊，HGHT是不是这样的呀？那这个坐标是不是不能算出来了。是不是啊？好，那么我们S6做做做出来了，然后就接下来其实就要啊，就是要计算每条每条的高和宽，那就是我们的啊，每条的。每条的高。啊，Item啊HTHT和每条的宽item啊it的这个这个VDH是不是和我们的word。

Word的VD。啊，Word的G，这个G取T，还有word的X word的Y是不是这样的。注意，这个时候一般在哪里计算呢？在哪里啊，我们里面吧，对不对。啊，工作里面。On里面，那么在我们这个地方里面，On里面都都在里面吗？注意在on里面这个要计算，但是word的应该是在哪里啊。Word在三在在on，注意这个it应该在测量的时候是不是买在测量的时候计算。

是不是啊？啊。这量子计算，然后从做的时候呢，啊，就这的时候计算它的高宽。好，就这样呢，就把它搞定了，好把26个字母，26个字母我们去选有意义吗。没有意义，我们直接来拷贝。好，这个这没问题吧，同学们，这样大家会选吧，一思俊这会选吧，好那我就偷懒了啊，因为这个没有意义啊，去选还会选发两十分钟选这个有意义吗？是不是。好，那有了后，同学们在我们地方里面呢，接下来第二步。那属记过每条的高和宽，这是高和宽，好，那先把它给定出来，好，我们这个地方里面呢，用的类型啊，VDH啊这个item item v DH好in的类型，Item这个。

啊，H是这个好，这是每条的高，每条的高，每条的宽和高对吧，就相当于计算。计算这个美女的身高和。这个这个腰是吧，啊对不对，好，你看想到美女了是吧。那同学们在我们这个地方里面的话呢，好，我们先把这个测量on还给。那这个时候有了过后我们的这个宽，注意了宽的话，它和整条的宽是一样啊，就盖什么，那写是这样就可以了。

高呢，I层的高层的高是就是这个。这一块啊，是不是除上多少26个字母就可以了，好这个时候的话呢，刚才我们的麦这个是整个高啊，除上多少，我的除职除六也可以啊，是这样可以啊。这没问题吧，没问题对不对，好，所以一样用这个这个啊，因为这样才得到值吧，因为测量接入是还没有值啊，只有保存过才有啊。所以的话呢，注意一定要什么，在这里，这就是我们的制图过程的一个测量方法是吧？好，那有的后我就有了N的话，注意至于这个字母我我我画一次得一个，画一次得一过啊，那么应该做一个什么个循法对吧？应该写I等于零，I小于我们的word的一个分式I加加对不对，把C。

好，那这是有了过后呢，好，我们看刚才我们写这个代码。刚才这个代码是不是可以参照过来呀，对不对，好，我们去把它给拿过来。啊，拿过来。那过后肯定会报错对吧，因为我们地方之前写的是尾单好不好，所以大家自己在敲代码的时候，你也先像我一样这种分析一下。好，大家看好，我们这地方里面呢，画笔有了吗？所以在构造方法里面呢，要把画笔给定出来。好，我们把这个画笔呢先定出来。这个画笔注意这个画笔的话呢，我们还做一个事情，就设置一个颜色吧，默认是什么颜色呀，默认是这个文字的颜色是什么颜色呀，是白色呀，对白色，当然黑色也可以啊，这位同学说的也对啊，是不是咱们的话呢，这个你你想做城市。

啊，黑色也可以啊，那有的客户注意这个是设置颜色这边问题吧，颜色，然后设置我们的抗拒词，这个讲过吗？对吧，设置抗拒词，设置抗。句，然后注意还设置一个粗体字，这出体字呢，注意它有个type face好吧，Type。太你看一个什么。这个是出体的意思啊，啊就是设值出体是当你不设也可以啊，不是可以好那这个画笔呢，咱们就有了对不对，好那这个时候你看这是还出来吧，但是大家想想word这个地方它有可能是ABC吗。

不可能啦，因为我这个字母是S6个字母只取某一个啊，那不可能对吧，只是我跟他演示的时候，可能就有可能ABC这样情况，我是只取一个啊。假如你现在是一个A，就算你2K是过取的，也刚好得到一个A啊，所以在这个地方里面，大家要注意的是，注意我现在用的是这个，这个是一个矩形对吧，这个是一个画笔吧。比，然后这个第一个是是是对它去计，要计算它的括号高啊，所以把它乘进去零到一。零到一指的意思是什么？去取一个阵王是刚好他也只有一个阵王。好，零到一注意了。0.1不不是0.1啊，就是零到一这么一个指的意思就是取一个什么字母，对不对，这个存进去好，这个方法大家看一下有有返回值吗。

没有，那没有返回是把这个属性得到属性给谁啊给他吧，所以他这个直接得到空了吧，是不是空高好，那么这个时候呢，跟他就行。这问题吧。好字母的括号高有了过后，也就是在我们地方里面呢，我们已经得到这个字母的高和括号高，这这字母的里面的吧，It是早就得到了。好，那这个时候这个。坐标要注意了，这个坐标里面它求的用的是的类型吧。啊，所以这个应该也是什么类型啊，类型也是。好，那服类型过后大家注意了，在我们这个地方里面，这个it除上二减上这个数，刚才我们已经已经在这个上面已经分析好了。

大家这个你要自己画一个，要分析一下啊，等一下那这个地方注意要一个ii，这个I是是S6个字母动态的呀。每一个是往下。往下画呀，画它就画，它往下画呀。对不对，好在我们这地方里面的话呢，我们就啊做这样的一个事情，就可以绘制出来了。好。啊，这个是word。第一个是字母，这个是坐标对不对？好，那我们去运行起来会是什么个样子呢？给大家看看。其实这个定难点是在分分析这个坐标上知道吧，你要把这个搞定了，也就没啥难的了啊，没啥难的了。啊，这个你看就搞定了，同学们对不对，如果你觉得轮子小就是大一点对吧，好，这个是就搞定了，OK，感觉难吗？这个它难，你就记住某一个的每一个的高和字文字的高吧，大家一定要明白啊，这个的话你要一定要画图了。

OK。