14.尚硅谷_自定义控件_下拉框

同学们，广告条被我们彻底给摧毁了是吧？把这个目标瞄准读读已经搞定了是吧？接下来咱们下读读再读下一个，下一个什么呢？就是下拉框，什么下拉框呢，就是我们这样的一个效果给大家看一下，我们再读读读是吧，读下一个了。这个是什么呢？特简单，就在这里输入里面是吧，我们就选某一个，看到没有就选某一个。在这里面去写某一个对吧。还有我们还可以什么拴住某一个，这个是什么弹出来的呢？对吧，Window去做这样的一个事情，那么他在什么情况用到温呢？在这些情况给大看一下啊，大家有没有看到这些电视剧，就说当我们一点筛选的时候，上面否在上面你看比如说这个美女是吧，他的胸在这，然后呢，我们一点是不是盖住他的脸了，是不是哦，他的脸在这盖住脸了是吧？应该这么说的好，那么呢，还有包青天。

是吧，这个呃，神神探包青天这时候呢，就盖住他们了，那这种盖在上面的这种呢，就是破window，假如你们有这样的需求的话呢，就可以考虑破window对不对。好，那同学们接下来呢，我们就要去做这样的一个效果了，好，我们就叫做啊下拉框对吧，好下拉框。好，把这些关掉，弄在历史的长河中是吧？好。把它创建一下。往下走。我们的零三。好下大框，然后这个呢，包名我们改一下叫做什么呢？Up的一个window斗是吧，Window是不是。

好，那么我去把它点击下一步好。好的。考虑，然后这个时候呢，他创建成功后，它会弹出一个这么一个艾特出来。然后找到它的布局。这些那编句我都不删了，刘总把这个改为ID。宽填充复方体，高包裹内内容。那这里面默认设置什么呢？这个时候我们退出一下再进来。好，就是请输入内容。给他就是请输入内容对吧，好ID填一下input是吧。

然后在下面这个地方里面，大家注意了，这里有一个什么。箭头这个时候呢，就是我们用图片去做的。包裹，然后图片。那图片呢，我们提前已经准备好了，对不对，提前准备好了在哪里呢？在哪里呀，在这里是不是大家看好，在我们这地方里面图片都准备好了，这些这里面你看啊，有一个人。是吧，还有这个叉叉，还有这个背景，就这一块是一个背景是吧，背景，然后这地方里面的话呢，还有一个向下箭头，大家注意哪个是点九啊。这个是吧，点九的应该放在哪里。他在脚本目录下。其他要放在。

放在HDM目录对不对？当然其他目录也行，好去哦，HDHDPI。对吧，好把其他。其他的也拷贝过来，把它取消掉。复制。粘贴在这里。好，那么这个时候呢，就是我们的一个蛋。当然好，然后我们ID也写一下好。那么呢？IV，然后就是荡漏向下箭头，那么这哥们注意它在哪个位置呢？是在这个门的右边。右边，然后顶部是吧，刚好这个地方好，那就是right在右边对齐，跟谁对齐呢？跟输入。

然后拓扑也是顶部对齐。好，就这哥们。好，所以大家看到的效果是什么效果呢。就这样看到没有，刚好是我们这样的效果，但是呢，我们希希望他有一点那边距五个D。好，那这样的话呢，他就就有点距离了，ID有了没有ID有了对不对，接下来是不是把这哥们做出来就可以一点，就是把破温弹出来，把历史加上就可以了，好来这里面ID就是啊image you。那么这个ID叫什么呢？叫这个。对吧，然后FBC这个呢，是我们的FBC是吧，把它16回来，那这里面报错。

是运行起来就自然就没问题了啊，它会自动帮我编译知道吧。好是R文件没有生成啊，所以大家以后遇到这种R文件没有的话呢，特底下或者是重新build一下对不对，好大家可以看一下R文件呢，你看就产生了吧。并且呢，可以把这个命运起来了，是不是。接下来我们做这个事情，注意我们还要修改布局，然后再去做这个点事件，大家看一下我输入文字。这样的话是惨不忍睹啊，是不是是不是，那咋整呢？好，可以这样。在这个地方里面呢，Light就是内边距40个DP好，我们再去运行。就可以了，知道吧，内边距就是说距离右边就内容啊，内边距的意思就是我的这个内部内容要距离右边有40个点D，意思是你的内容不能超，就始终的距离右边有40个点B，知道吧，就解决问题啊，在那边距好，那这个时候我们再去写。

看到没有是就没有进去了，没有过去了，当然看你怎么想，如果是OK的话，我们设置为单单行是不是也可以啊，这样的话呢，就好看一些。是不是，那也就是还可以省略，我们可以省略为在N的省略，还是前面省略是都可以啊好，我们可以中间省略对吧？好，那我们再去运行起来，大家我们再输入，超出这个范围的话，它就不会换行了，要不然货行也挺丑的对不对。相当的。好看。好。拎起来看看啊，这个门怎么样？好，然后我们去输入。

是不是好这个时候哦哦哦，看到没有哦哦好UU确实有了啊，反正就这一行了，对吧？OK，那接下来我们就设置它的一个什么。这个这个我们设置点击事件了吧，好，设置我们的点击事件，点字线，我写内部类似也可以啊，也可以在这里面去实现我们的接口，对吧？啊，我们直接写一个内部类得了啊，简单，其实内部类也有个好处，知道吧，内部类可以维护代码，很简单，我一看就知道这里面做什么事情。但是假如你你即使你实现一个接口，然后这里某一个方法，因为找都不大好找啊。其实固有利弊，但是从代码的整洁的话呢，好像累不累的，他要好像感觉累赘一点，对吧，但是他维护成本反而好。知道吧，因为我一找啊，这办法就在这里面特别爽，是不是好，那就写累不累啊。

不行，累不行，就是三种想法吧。好，那这个时候我们一点的时候，我们就弹出出来对不对。然后。在温里面是有历史欲啊。好，我们给大家看一下，先把这破window定出来，破window大家学过吗啊？学过对吧，好，这个window。这破的话是什么呢。好，那其实同学们它有点像。对吧，然后这地方里面一个窗体是吧，能够用来显示U，看到没有，然后顶部的窗头是旋的是吧？它可以在我们HT当前的一个什么top，在它的在当前的什么H之上，是是否在HT啊好，那接下来呢，我们就要去做件事情了。如果这哥们他等于，那我就要把它给创建出来。

对吧，然后这个地方里面呢，存一个上下文进去。上下文是就是我们的。对吧，然后我们还可以设置它的宽。宽的话我们的话呢，宽的话是这个空这个这个速度宽有多宽我就多宽呐，这没问题吧。好，然后高呢，我们暂且设置为。啊为200个像素。好，然后接下来有了过后，在地方里面呢，就去设置我们的内容，内容呢我们是隶属于啊，好一会我们再去写。然后有的客户千万不要忘了去设置这个焦点，没有焦点的话，到时候点击事件的物体作用。

这要设置我们的焦点，这个要注意的啊，焦点。对吧，然后设置交点有个后，注意它要显示在哪里呢？好它就有一个秀，你看是有好几个，那么这个时候呢，我们通常用谁呢？注意了。那么这边像这边。这边在哪里，在屏幕的哪个地方是吧，这个呢是在谁的下边，那就用它，所以这个时候又在在这个输入框的下边吧，好是在输入框下面，然后距离。它这里面还有两个参数，那就距离什么距离我们输入框的位置呢，左上方的距离有多少呢？都为零。啊，这两个参数就是距离，我们的输入框也就是这样的话，你看其实他们呢，其实是什么挨着的，但是每个空间之间是有一点间距啊，所以的话呢，其实其实是挨着的本质的，所以就是不定。

OK，但是这个不能少啊，OK，那么我们接下来就是我们的这个1YOU要开始写好吧。好，那隶属U的话，注意了，这个时候它是一个什么例时的六，然后在我们这个隶属入里面，我们是提前把这个们在在这个地方里面的话，注意这个点击事件是我点的时候才触发呀。但一执行后是这里面是是先加载数据啊。好，我们在这个地方里面要设置我们的适配器，那适配器的话现有数据啊。好，那这个地方里面我们历史预算要准备数据啊，准备数据，然后再次说一下是不是啊，好，那数据我特简单。

这是什么数据啊，是文本的，好，我们定义一下数据集合，然后list。泛型时间就行，Message mass message对吧。然后把它给616616好，然后有了过后这个负心反应该写I等于零，I小于这个这个这个啊500条数据。哎，加加好，这地方里面的话呢，然后过后我们就是messages，然后AD61个十句，其实不60句也可以，这样子也是一个十俊呐，好，你比如说这个前面加上一个I。哎，然后这里面呢，我们就是下划线AA条线，然后这里面再加上一个，哎，是不是两边都有数字，好，那这个呢，可能有点多。

好，这个数据数据有了，有有多少条数据啊，来调数据一有，我们接下来就是是不是很简单了。好，那接下来MY。好，继承我们的被子，可这样看对吧，然后在我们地方里面把它给。实向下好，这个时候呢，把它录进去对不对。好，那同学们在我们这地方把它做了过后，注意这个就是我们的一个总大小吧，好的一个债子对不对，好。那么有了过后，接下来我们要实现我们这样的一个效果。所以先选这个布局啊，这个布局的话可以用相对布局，用线象布局，其实我们用线性布局更好，为啥？因为它可以把这个给占满嘛，是权重啊。

是不是权重大家知道吧，知道对不对，好，那么这个时候我们要去做这样一个事情呢？怎么做呢？首先这哥们它如果等于，那我们就要去，它就是等于U，然后音类的把一个布局加进来啊啊上下文，上下文的话就是may，我们点点类似，然后r.lay out对应的就是我们就叫做啊it may对吧，最后参数为多少那。然后把这个布局给创建出来，好就用线的布局，好咱们期待已久的。高包裹类型很包类型吗？高包裹类型方向是什么？水平方向，然后左边是一个什么呢？图片是一个小人对吧？好，那这个时候呢，Marking左边。

五个DP吧，然后安迪。3DP，然后它是在副窗体的竖直方向居中。对吧，然后去引用我们图片好有。然后这个有了过后呢，我们在这个地方里面就可以看到。这样的一个效果。好，把它给小点。好，刷新一下。是有了注意以后大家看不到，要学会什么刷新。对吧，好，这个时候有了，当然这个空间呢，我们给判定十个DP。是吧？好，那么这个小人人是吧，就在这了。

对不对，好，接下来有了过后在这个地方里面的话呢。我们最好这个marking到marking到四周有个五个DP，那有点距离得了是吧。那接下来。我们在这个地方里面，好，里面是一个text文本吧，好我把它给复制过来，然后改为text u，但是U的话，它就没有这个。这哥们了对吧，这个还是有的，但是我们权重。对吧，一对不对，好，那这个时候文字要试一下对吧。好，然后我们就叫三个火枪手是吧。火枪手，好，那这个文字是不是有了文字的话，内部居中。

是吧？好，内部居中。然后在我们这个地方里面的话呢，文字的颜色应该是什么颜色啊。好，颜文字的颜色是黑色，123456。是是。这样的话呢，就是黑色，然后有了过后这个文字一会要动态的需要啊，不要去设置啊，啊ID加上那就是TV，然后message。接下来右边是不是有一张图片呢？好，这图片这个时候呢，就是delete。删除欧耶搞定，是不是看到这样的效果？这图片。那么在我们这个地方里面有了过后呢，ID要得用一下，因为我们要是用到删除啊IV，然后D好，大家看到的是就是这样的一个效果，看到没有了。

好，那这个时候有了过后，那同学们在我们这个地方里面的话呢，当然我们可以把这个高度设置为50DP呢。TP，好，这个时候。是吧，固定的也行是吧，OK，好，那这个时候我们在地方里面呢，就可以这样的效果了，它内部。内部它可以是垂直是吧，让这里面的孩子垂直好。那么接下来就开始去选一个，选一个什么呢？Hold了吧，Class车选静态啊好U的，然后呃，不需要继承什么吧，好不需要，然后在地方里面的话。我们关心两个空间，一个特殊，用TV，然后是message。

还有一个是image I delete是不是好把它给溜出来？这个这个这个一术用的思维性我们是做了好多遍了，对吧，所以的话呢，对大家一样应该是弄破了对吧？好这话里面呢，这个TV messageage，然后把发给find于ID r.ID点我们的TV messageage。然后把它给强制类型转换一下。好，然后接下来这地方里面呢，就是I delete，然后把它给的VD r.ID点这个IV。这地方里面呢，把它给。强制行转换好在我们这地方里面呢，去设注意talk用谁呀，对，Come back to you好，Set我们的T，然后就是什么be hold耶，有set就应该有什么get，对吧，这时be厚它就等于。

啊，以后就等于我们的这个you，然后去get要强转。是吧，看出，然后注意要到上面这条得到数据吧，好，那么这个时候我们就根据位置得到数据吧，根据位置得。到数据好，那这个数据其实就是一个文本吧，那这个时候messages，然后get到我们的根据配制去得到这个数据，放在这地方里面注意了。这个时候我就要去设置这一个text文本对吧，好我们的text，然后就是就差，然后千万不要忘了把这个什么返回，然后接下来我顺便把这个给做了。

这个哥们是要点击要把给删除啊，看到没有。那这个时候怎么做啊，设置我们的删除。对吧，好，那就是找到I，我们直接累不累是不是可以啊。好在某个地方里面一删除怎么做呢。第一，从集合删除，第二。移出后是刷新我们的UI啊，刷新UI，刷UI是本质上是刷新适配器啊，适配器刷新。

好，那这个时候移出怎么移出呢？是从这个结合里面移出啊好。对不对，你点击移除好，那移除就这个去移除啊，好要把它变为什么final。好，那有中学会说，诶老师你find我不是不可修改的呀，但是我跟你说在点击这一刹那是吧，这个时候他是不修改的，那刷UI适配器刷新是不是我要把它刷新一下，这个适配器我们能这么写吗。它显成什么内的程序变量啊。好类的成员变量。对不对，然后在电话里面。这样啊，然后把它给传到里面去，这个时候我就刷新就可以了吧。好诶，好，我们来玩一玩，一起来。

好。这个时候就刷新了，但这个时候相对重新刷新了。这没问题吧，刷新过后，它其实执行的是get什么count，再执行哪个他就重新。重新渲染。好。那这个时候我们地方里面的话，大家想想我们的历属入里面隶属于我们六了吗。我们是没有六地属域啊，看一下啊，这里定义出来是没有六地属域啊，所以我们在这话里面呢，还需要六地属域，我们说了隶属用通常在布局文件里面去写，但是是也可以六出来啊，大家要注意是吧。好在地方里面的话呢，我们可以给大家看看一点击适配器的时候，就弹出这些U来，我们做出来，好，我们在地方设置适配器，好运行起来。

一起来。好，大家看好。诶。在我们这个地方里面的话。他。白的。顶这一进来。点击这设置它，然后设置里点击创建器。呃，收集过后，然后在这个地方里面。下了。那是太多了，也不会影响好，然后这地方里面。

把把它挨个加到里面去。把他给。这样子。有。录出来，然后一点适配器填到这里面去，OK。刚好。应该是，那是条数太多了，好，我们去一起来。啊，应该是没问题，挂了好开启一下。是不是好把它给。开启。起来。好，稍等片刻是吧。好，我们继续起来。是吧，大家困难的话可以扭扭脖子是吧，扭扭脖子扭扭屁股是吧。

好，大家好，我们去把它运行起来可以了。点击。然后在地方里面。好。然后你看是有了吗？是模拟器有问题吗？所以大家以后注意出现莫名其妙的问题。重启是法宝是吧，所以的话呢，确实你看这搞定了，好，但是我删除这个你看好。算出了吧，算出了当我点击某个条数没有做啊。是吧，还有这这个隶属于背景，我可以设置一下吧，点击可以了，然后你点击某一条这条选中啊好，我们尽快快速来做一做，首先隶属于背景很简单。历史的背景set我们的点job。它这里面是这个背景呢，这很简单，就变成白色了，就变成是我们这样的效果啊，然后我点击某一条，你所用有的点击某一条是不是仍然和我们之前的一样啊，好设我们的O是不是这样的，好直接写累不累也可以啊。

好，那这个时候我们要选择某一条，是首先要得到某一条，然后是设置到文本去就可以了，第一得到数据。得到数据，对对，设置到什么输入框吧，好，得到数据特简单。好message，然后再message，然后get我们的这个就可了，然后得到过后text send我们的text对吧。然后设置过后注意输入我们的window是要消掉啊好衣window。如果他。

OPPO window这哥们，如果不等于空。并且并且这哥们他是。点1Q看得见的，这个时候我们怎么办呢。就是把它什么意思，然后作为他就那的话，下一次的话，让我重新创建对吧，好释放资源，好我们去运行起来。一起来。好，大家看一下在我们地方里面的话呢，我们这个时候一点的话，看到没有点击某条是可以了某条。啊就可以了，然后删除没条就可以了，是不是可以删出啊，你看比如说把我把这个。三给删了，就剩下二八了，对不对，一点可以行动了，好，但是有一个问题。

在这样的模拟器，我们来试一试它是否韧呢？还这么高呢。就是一个适配的问题。好，大家来看一看。啊。再给我两分钟。好，大家好啊，这个时候。我们模拟器来了，拎起来。好。你起来。这个模拟器在它。啊，这个大家好。我们看一看。点击，当然这个时候大家可能看到的，呃，效果其实不是很好啊，但是如果如果我们开这样的一个模拟器，那我们现在开，然后我们再去做啊，在地方里面开一个很大的模拟器，大家可以看看，呃，我们可以打这个。它分辨率就是它的这个密度比特别大的一个手机，大家可以看一下啊，然后也就是说同学们。

我们在这个地方里面，刚才我们设置了它的高是多少啊。是200个什么？DP啊，注意，只要是在代码中去创建单位的都是什么像素，这个时候我们是不应该直接写像素的，因为在像素在所有的屏幕它都是200像素，就会导致一个问问题，大屏幕上它显示这么一点点，小屏幕上显示这么大。明白吧，好，那接下来我们要把它转换用什么呢？用个工具。这里面可以转换好这个工具的话呢，可以把它转换，转换成什么像素，就是你把它当成是DP，因为DP平时我们在布局里面。选20个DP或者DPDP和点P是一样的吧，他会总在根据不同的手机会总会不同的项目，所以感觉诶它能够很好的适配。

知道吧，很好的适配，但是这个时候。如果你什么像素在所有的手机上都显示这个效果。就是都是大，在大屏幕上也显示这么小，就图如果显示这么小，数字显示到就反而小了。因为大屏幕嘛，你显示还这么大，但小屏幕也这么大，就感觉很大对不对，好大家先感受一下。在地方里面，我们去把这个大屏幕给大家看看啊。在地方里面。看看，在大字屏幕上一点。看到没有，只有一行了。对不对，好怎么办呢？好用这个工具呗，是吧，它就可转换了，好啊它。过来。那么这个地方里面。那。好把这个卡背一下。粘贴好，这个时候注意我们把它当成是。

DP，好，这个时候我们呢。顺便写一下这个值，可以把打印出来给大家看好。然后。然后200这个首先是一个三角纹点类似，然后接下来这一块里面的话呢，就是我们的200。然后把它。改一下，那也就是我把这个200当成是什么DP了，它其实转换成对应的。明白吧？那也就是说它就可以很好的这样效果了啊，我可以主食给大家看看。是吧？好，然后可以。到这个地方里面的话呢，就是非常。

是吧，好，那么我们去运行起来给大家看看啊。啊，现在的话呢，就把所有的问题就解决了，这个屏幕上。然后呢，主要是在这个大的屏幕上看一下，我们来看看这个大的屏幕，一会的话呢。好我一点啊，我用了两次运行两次，好，这个时候你看是变成多少啊，600了，没写200，怎么变成600了咋回事。为什么要？是因为呀，它根据这个屏幕的密度。是吧，然后总合成对应的什么，因为因为它密度比特别高，然后这个时候呢，它就总和，就在这样总合成600的时候，刚好就形这样的效果，那我们再看一下这些它都能够完美的显示了，就是说在这个屏幕上啊，这个它就不会变得很丑，对不对。

明白吧，好，就是这样的一个效果，那不光如此，大家也可以把刚才这个工具放到我们的这个广告条，广告条这里面，大家有没有印象，就是在我们这个地方里面，我是把这个。这个点呐。的这个点的这个高和宽是我们写了八呀，是不也要转换一下，同学们哦，这个要转换，否则的话就是在这个模拟下没问题，但是你们前在小米手机或者是密度比很高的，或者分辨率极高的，那屏幕上会变得点就变成小不点看不见了。知道吧，你把它转换就可以了，知道吧，但知道这个回事啊，假如说你运到首先发现，诶老师怎么这么小了，就是因为没有把它转换啊，没有是非，那用这个工具你转换就可以了，好，那同学们这就是我们所讲的下拉框，大家休息。