13_常用UI组件_进度条.avi原创

我们开始啊。来，我们把这个功能完成一下。这是我们的第三个测试把。那个。界面给写一下叫。进度。来把它创建一下。右键右一个。现在我们把布局写一下。

这里面呢，最外围用的是一个。垂直的线性布局。嗯，在垂直布局的最上面。啊，大家看到是个左右结构。所以我们应该用一个水平的信心布局。好在它的左边。是一个进度条，圆形的进度条。嗯。大家看啊，有有大的还有一个。常规的罗某啊，给我推一个塔板。可以吧，好，接着它的右边。You，这样有一个小问题，它是不是跟我们真实要的效果有点区别啊？你看呢？这个视图是不是正常这么大呀，它是不是有水平居中和垂直居中两个概念？比对吧，整体从水平方向来看，是不是是个水平居中啊。

从垂直方向看是一个什么？垂直于中。那这一个该怎么做呢？其实它有对应的属性，只是我们还没有学。提前给大家用一下，叫gravity。是用来控制我的孩子在跟我之间的一个关系。这个用什么呢。Center。啊，居中。你们来看一下。是不是过去了？这个呢是一个假的，我们不需要操作它啊，这个我们也不需要操作，我们来写一下叫正在加载中点点点啊，而外面的这一个需要有ID。为什么说需要有ID呢？是因为我们是不是有显示和隐藏的概念呢？嗯，所以需要去给他操作一下啊，给他指定一个ID啊I。

再加一个。我们取一个概念叫loading，诶前面还要加上一个东西。他呀。好。来下面呢，是一个水平的进度条。水平的镜条咋看呢？这个吧。嗯，水平的拖一下。但是这个地方显示的时候看到完啊，我这个需要操作的，我来写一下PB。Progress。那我也点个loading嘛。啊。来看它。它是不是这个宽度是不是有点小啊。这个怎么做呢？我要充啊。

什么？Fair。可以啊，嗯。而且譬如说我想指定开始就有一定的进步。啊，写什么progress啊，譬如说30吧，随便写一个啊。诶，这个看起来样子好像挺怪的对吧，但实际真实的样子比这个要好啊，你刚看它们看起来像两根线。啊，不用管它都会显示是好的啊下面。需要有一个。Think about？能看到吧。好。大家看啊。这一个来。去写一下CB。嗯，Progress又来CB了啊。是吧？好，我这个也加个loading嘛。

好。来啊，整个界面我们写差不多，还有下面一点点。还有一个什么。是文本呢？啊，文本来这个文本呢，不需要更新，只是展示而已，宽度了。充满文本的内容。这一个。能看到吧，就他。我们有两个功能。能看到吧。好，来，我给它运行一下，看看整体的一个界面显示效果。点一下。就不可以啊啊，我可以对它来进行什么呢拖动。嗯，大家看啊，它的这它的它的这个这个东西这个你看左边是不是没有啊，是因为为什么呢？是因为我我的这个地方最多也就嗯只能到这它的左边是不是我是一个很大的相对很大一个圆呢。

很大一个圆，那个圆那个进度呢，是是已经到这里了啊。这是它的它的一个设计啊。其实我的我我到货的时候，货的时候我的进度已经已经是在这来了啊。在这里呢？嗯，好。他不可能再再往再往那边靠了，靠不过去了啊。来。下面。我们要实现两个功能，这里面已经看到了，就我滑动这个滑关啊，当我一停下来啊，我的要求是当我一停下来。那他。进度就要跟我什么。同步啊。我不是实时同步，我是一放下来就同步。嗯，再一个如果划到了。那个进度的最大值。

那他叫。消失是吧，它就消失好了，当我它一旦消失了，我再划过来了。是不是要出现了？能看到吧，好。来，我们先说。实现第一个。啊，首先第一个看看怎么做啊，这里面呢，有三个需要操作的视图，我们先把它都定义好。第一个是一个线性布局。第二个是一个S吧。这一个。啊，第三个是一个。好吧，那我们先呢，你不管别的什么功能，先把初始化再说二点ID点。

嗯，把这些复制一下。对吧，好了下面我们就要看了。我要想实现，我一拖动离开以后，它就要去有一个变化的话，我是不是得加监听了。那我得加一个什么监听呢，我们来看一下。这里。是不是也会这样的监听？对吧，好来试一下。给sob。

设置监听试一下啊叫。点set on。啊，哪个呢，都要找到一个合适的。这个吧。好了，这个时候我要说一下了啊，看到这个地方啊，我们是不是要传一个监听器过去啊。那到底我是选择六呢，还是选择Z呢？还是选择我的成员变量呢？六啊，最不该选择的是this。为什么这不关选择，这是我写一下啊，给大家让大家看到，大家看我A选它以后是不是要实现这几个这个接口吧。接着。我要去实践它里面的方法。大家想当我的这里面代码写多了。你哪知道哪个方法是属于这个监听器的呀？是不是搞不清楚了。因为我还有别的回调方法对不对。

啊，你咋知道，你怎么就知道，一看出来这三个是属于这个监听器的呢。这种方式一旦你的回调方法比较多，超你看超过一个。就不应该用this了。如果是是只有一个回调方法，那可以。什么uncle这都可以对吧。一旦超过一个就别用了。这是一个，还有一个。好，你说this不行是吧，咱再换一种。我们刚才说了是六。又一个sick吧。好了吧，点。大家可以看一下这种方式。这么好吗？其实也不是特别好，因为方法多了吧，你就这里面就代码就特别臃肿。对吧，你没说完全不行啊，不是说哪，其实哪种方法都是可以的，懂我意思吧。

我们会去选择一种。相对来说更好一点的，嗯。如果一旦方法多了，我倾向于啊去选择成员变量。啊，这个倒不是绝对的啊，第一第二种和第三种其实都可以。啊，我选择我写了一个这样的一个成员变量。好了，接着CTRL加一。我选择哪一个？手机二个吧。第二个。能看到吧，好了，这又干嘛，又一个。啊，就用了一个这个。第二个第二个差不多，它的区别在哪呢？就在于我我在这个里面从六的时候，是不是在这个方法里面六的一个匿名内部对象啊。

儿子和这个是不是外部内六的呀。就有第二种方式和第三种方式相差不是特别大。啊，你两种呢都可以选择，只是我我比较习惯于，如果方法比较多，我就用成用变量的方式去写。啊。来，我们来看一下这三个方法。刚才说了这一个什么色调啊。是吧，是不是离开呀啊离开离开滑竿的时候掉啊。嗯，滑动。嗯，干好下面一个。下面这一个是什么？是不是按一下呀，我们等会能够测试啊，最后一个。

什么意思？滑杆相当于在什么，是不是在移动啊，啊，滑杆在移动啊，也就进度在变化，滑杆在移动是不是进度就在变化呀。好了，下面我在这里面呢，写上一些log日志，来去看一下。看看是不是我们那样的，我先把这个log呢给它写上。啊，这个是离开滑竿，我故意用一下啊。这样一个方法好。这个啦，滑竿移动。下面一个是按一下滑杆。而我们当前应该在哪个方法进行处理？是不是离开呀，啊离开华冠，那离开华冠我得做什么事情呢。你在想吗？我们最终要做的事情就是希望。

上面的这个进度条的进度跟我同步。那就是把我的进度设置，为什么。是不是上面的这个金条的进度。啊。其实就这几部大家看啊。第一步，得到C8的进度。记得第二步啊，设置为什么谁的进度。是不是我们的这个pro的进度。这是它的进度吧，设置为进度没对吧。好，我们来试一下。第一个得到进度。啊，这么得吧。其实你可以用它，也可以用它吧。就他们俩是什么？是不是等同的呀，啊，等同的一个我就用它吧，来点get progress。

得到进度了吧。下面。就是设置为。Prob进度。这个也非常简单，点色的。来一个progress好了吧。这时候呢，我们要完成第一个功能。然后我们把第二个功能也给它完成掉，看看行不行。滑到最大值时，最上面那个镜条要消失。是吧，就这一个上面这整个要消失啊。这个怎么做呢？是不是这个时候我得判断了吧？什么意思？第三步判断。是否达到？最大值好，那就判断是不是两个结果呀。大家看啊，如果达到了干什么事？

设置谁消失啊，是不是它呀。是，他叫。啊，不可见吧，是意思吧，消失不就不可见吗？下面如果没有达到了设置什么。是不是要显示啊。就有可能已经消失了，你要把它设置显示出来呀。来看一下是否达到最大进度啊，我怎么看呢？我怎么知道有没有达到最大进度啊。当前的进度我是不是已经得到了？如果它等于。那写100，那那要不是100了。对吧，这个事情不是那么固定的，是不是动态去取啊。如果等于max，那说明达到了最大进度，那我们就可以做下面的这一个是。对吧，来做一下。

把当前的这一个视图。给它设置，它不可见，怎么说呢，Set visibility好，下面。就值了对吧，哎，这个地方呢，这个V它是不是说有one of其中的某一个呀。嗯。那我们是选择invisible呢，还是选择刚呢，对不对？啊，我们可以来看一下它们俩的区别，先测试一个好，我先呢用一下点invisible。看一下是一个什么效果啊。等会你就能看的出来好了，Health。二了就做它，嗯，做它怎么做，我们看一下啊啊L它点s visibility点。VI宝吧。

好了，是这样的吧，嗯。来，现在我们来看一看是一个什么样的效果啊，1.1来看。走。来试一下，走。好啦，我要滑到了，按下去。哎，怎么没有没有动静来看着啊。我们先看一下。按下滑干，这是什么？刮杆在移动。最后。离开滑竿。这样一个意思吧，好，那接下来看一下啊。下面就要看一下我们这个里面，你说他有跟我去在动吗。有吗？是不是有洞啊？好，那说明我们的第一个功能已经好了。主要看我们的第二个部分。走。是不是消失了？

小道笑死了。那这边是不是出现了一片空白区域啊？啊，那下面啊，我们来看一下，这是用的invisible吧，也就它消失以后吧，这一片空间是不是还占据着呀。如果我不希望这样呢？嗯，大家看他现在是不是可以还可以出来呀，可以出来，只是我消失以后呢，还占据着这片区域来改一改。把这个注释一下，说一下。就是。啊，不可见，占什么呢？占用空间是吧，占用空间好下面这一个改改叫。杠。啊，一看你就能知道怎么回事走。是吧，那我们来写一下。

不可见。啊，要加一个，且不占用空间。这样呢，我们就把关于进度条和啊。给大家测了一下，大家下游呢，给他做一下啊，现在都可以对吧？嗯，没有问题。