37.尚硅谷_自定义控件_移动动画的三种方式

同学们，下午的课我们开始了。那么在进入下午的课之前呢，我们本来下午我们立刻就要讲这个策划删除。然后的话呢，嗯，在讲这个之前给大家看一个案例，然后。呃。再梳理一下我们之前的一些知识。好，那么我们之前所做的这些动画，比如说我们在地方里面。呃，滑动。滑动。诶，我看这都黑了。把它返回。啊，然后我们的这个。比如说我们这个实际动弹过程中用到我们的。那么这些移动注意。

那么这些移动我们都可以理解为动画吧，对不对，好，那这个时候移动动画有三种方式，一个是使用时就失败，对不对。它用来做view的移动，它可以比较方便实现滑动的效果。并且不影响内部元素的点击事件。它只能滑动U的内容。并不能滑动U的本身。好，想想。就说这个控件里面它有内容，我们把里面内容滑动了，但是这个控件它本身的坐标没有变化。它坐标没有变化，它变化是内容。啊，内容一会的话，我们会有一个叫X，那么这是。

内容距离我们当前控件左上方原点的一个偏移量，会打字给他看啊。好，现在现在大家先记一记这个概念啊，就是并不能滑动月的本身。那么调用。的注意这school和是谁的方法呀。的方法。是U的方法，调用U的school to school by用于滑动U的内容，而不是把而不是把某个U的位置进行改变。如果想改变U在屏幕的位置，可以使用如下方法。可以使用农药方法。那么可以什么呢？可以就是使用我们的一些动画，比如说我们的这个。比如说我们的这个3.0以上，3.0以上它的那个属性动画。可以解决，还有预动画是对预的影像做操作，它并不是真正改变的为的参数，包括空高，这是这是我们的。

这是我们的另外另外一种动画的方式啊，这里面如下方法，这个还还还还没有介绍，就是这是一种改变动画的方法吧。那么。让我们的这一个产生滑动，或者说这里也是一个动画吧，实现这样的动画可以产生这种，还有第二种实验动画，可以在。就是可以使用我们的这个位移动画，就是三零以上的这个这个属性动画也可以做移动吧。还记得我们讲优酷菜单吗？是用的属性动画，他属性动画可以改变位置参数，还有如我们普通的U的动画，对是引像做操作，并不能真正改变右的位置和参数或高和宽，那么之前我们用的那个旋转动画，普通的旋转动画是那隐藏了过后，旋转过后，隐藏过后是论坛可以点击，这时候并没有改变的的参数。

好，那就是这是一种，这是第二种做动画的方式，第三种改变布局的参数。就是说适用于对U有交互的。U什么意思呢？就是我们。后面会做一个红点，诶动态的移动，其实我们就是改改它的参数，它距离左边参数，也就是以后我们这个地方里面呢。在类似于广告条果这里就是说这个红点，到时候我们让红点移动起来，但是现在红点没有移动，后面呢，我会讲一个红点在配的这个啊，页面上来移动啊，就是我引导页面，到时候我们会讲我看看这里面有没有那个应该没有啊，然后呢，直接这个移动。后面也会用到，那就说这种我们讲了这两种讲了是吧，这种的话呢，后面还会接到。

OK，这是。一个基础，然后。我们平时的get X y，它是什么呢？其实它是以当前空间的。左上方为圆点。这个是距离X轴上的距离。这个呢是距离Y轴上的距离。这问题吧。在我们这个地方里面。有空。这是一个屏幕。然后呢？这面，那我们，虽然我们的坐标是在这。做的在这，但是我们按住这一点的时候。它是以这个为坐标，明白吧，这为坐标，这是给的。X get多少啊？Y是不是这样子？

这没问题吧？好，那还有。这个。他是什么呢？就是当年视图相对于屏幕圆点。Y轴上的偏移量。点亮。以当前视图左上角为原点的坐标。当然空间里的内容偏移坐标的距离，或者叫做偏移量。如果是从左往右得到的负值。左到右是负。负的代表内容距离左边的偏移量。从右到左是正直。好，给大家看一看这个案例。这个案例是什么一个案例呢？好给他看一下。

在我们这个地方里面，我们还是这个特这个价值集团改了。改了一点。在这里面。你看这是一个。出来。有劲了同学们啊，是这样的，我现在呢，是基于之前那个案例做了这么一个效果，就是你看啊，外面是我们的这个艾体是吧，咱们也传导日志，然后这里面呢，有一个信任布局线，布局里面再有一个。孩子。孩子里面呢，再有一个图片。好运起来。过后。是这样的一个效果。运起来。好。那么呢，把它干掉，重新打开一下。

把它开启。那这个呢，也开启。可以的是吧。好，展开。因为我们呢，把这哥们运行起来是吧，好这个呢，不在线了，怎么说呢，什么d a dbq。行了。是吧，ADB是吧。好，那这个时候如果出现这样的话。你看啊，出现这个ADB是出现这个问题啊，那怎么办，从进程这里面把它什么直接干掉对吧？好我们再去执行这个好所有了，对不对，大家以后遇到问题你就可以这么做了啊。

好。那么这个时候呢，我们去把它。你。用起来，你看现在可以了吧，好，那么这个时候我们做这样的一个事情，大家看好。就说这是一个HT。这是一个大布局，然后这里面是有一个孩子是吧，你再有一个图片看到没有。好，那也就是说什么一个一个功能呢，就是说在这个地方里面。这个颜色这里面是是有一个一个先布局吧，先布局里面，在里面再有一个丘陵是吧。兄弟。然后呢？就是一个这里面有个球，然后里面又有一个。啊，在这边呢，是一个图片，图片是右侧这个背景的。这背景是一个红色吧。

是个红色，看到没有。是有三个，所以大家看到啊。好，外面是一个心的布局是自定义一个，里面是也是一个。里面的就是一个丘陵。里面的这个部分，好，这个部分就是一个图片，我只是被图片设置了一个什么背景而已。准备题吧，好。那么也就是说这个图片是属于它的内容啊。对不对，好，那接下来我们给大家分析这个情况，什么情况呢？第一个知识点就是对于这个Galaxy c X。或者Y。这哥们是什么？我之前粗略的跟大家说了，这个是。当前视图相对于屏幕原点。在Y轴或者是X轴上的一个偏移量。

意思就是。当你。与当前视图左上角原点当前控件的内容偏离坐标的距离。或者交B量，那么如果是从左往右得到的是负，如果，那么以负数。代表的内容呢，是左边的偏移量，如果右到左的移动是正值，那也就是什么意思呢？好，大家看好我。对这个进行移动过后，这种移动和这种移动它带的值是不一样的，好，我们打印出来。在哪里打印呢？因为这个是谁的内容啊。是这个海子内容啊，是我们打印的，是谁打印它好，那这个时候大家好。我现在。把这些注释掉，细节先注释掉，我要先大家感受看一看，在我们移动的过程中。

啊，有一个叫。这个字。好，还有一个呢，叫做我们的丘底。啊，孩子。是孩子的好，那我问大家，在我们这个过程中。我们这个丘顶。它的偏移量有变化吗？你们觉得丘陵，也就是说这个一会它打印出来，你们觉得是什么？啊，然后这个打印出来，你们觉得应该是什么。注意，这个秋得注意了，是我们得到第零个孩子，第零个孩子是谁？就是这个图片呐，好，那么你会发现我们的丘顶的才会有变化。好。然后运起来。

大家看一下，这样的话，你就知道这个东西到底是什么东西了。滑动。在我们这个地方里面移动的过程中。啊。大家看一下X它等于多少零。为什么呀？也就是说这个这个背景是是是是秋瑾吧，那么这个背景是秋景的话，它我们在滑轮过程中，这个秋景的偏移量有变化吗。有变化吗？没有，但是秋景里面的这个视图。是属于它的内容啊，是云变化了，所以我们打印出来的时候，这个丘的内容你看。是有了吧，变化好大家再看一下啊，那这样我把这些把其他地方打字的地方都都都都干掉，要不然的话，这个我们，呃，我把这个打日志的地方。

为打日志的地方。导致的地方。这个这个这个现在所有的地方，我看我看打日地方都掉了，这里面这样我把这打日志的地方先先注释掉。啊，让他要不然特别丑啊好先注知道就不不让打其他地地方，好我再去运行大家看一下啊。啊，注意啊，要分析这个是45是专门给你加上的。好，大家好，我现在。往右滑。还有。没有运营起来吗？真形象。

诶，还有这么多，发这里我看看。Father。哦，他是调这个了，那那这样不个一，我叫LOG1的话，我把系统的。跟掉。哦，这个时候就是这个时候是掉闸了，对吧？好，我们继续运行起来。就不让他调它那个了，这样的话就他不就不会有日志。好，然后大家看一下，在我们这个地方里面。我们去要看我们这个打日志的。看我们这个。好，我们在移动的过程中。好。大家看好。但是我你看我用的是这个他呀，哦，DD不能做是不是，因为我用的都是D是不是好。

好，大概好，同学们别着急啊，一放。LA。好，看前面。这个时候同学们这个在这个过程中，我们的这个get始终是多少，证明它这个里面这个偏移量。是没有啊，就是。就是里面那个孩子没有没有移动啊，但是内容是移动啊好，所以你发现这个值的话，它就不断的变大，变大，注意它这个偏移从右。往左滑动产生的偏移是一个值，什么值啊，正。以前我们这个正直是刚好也是从右到左的滑动也是正值啊。

是不是好，大家先记住，然后再看一下。我现在要从。左往右滑，你们觉得是一个什么值啊，好，大家看好。大家看一下得到一个什么值啊，负值。好，那也就是说关于这个值是一个偏移量，现在大家明白了吧。明，明白了吗？打印出来的不明白吗。是不是你看。对不对，你看你们，你看我在这面打印的是这个。啊，求你是吧，好，打印出来得到这样一个值。对不对。你是说这个是吗？

它是从这里，比如说我们这地方里面划到这好，那么它呢，就是什么这一段的什么。距离。明白了吧，这个就是谁就是。秀的就是孩子。这个美女就是。那背景是什么呢？背景这个是什么就是什么这个空间吧。这个空间我们在移动的过程中，它没有变化嘛，是不是啊，它你看这个这个始终没有变化嘛，对不对。是不是啊，好。那么如果大家还不明白的话，我这样弄，我这个地方呢，让你让你让你有有一点有一点距离攀比。十个DP让它呢，有一个这样的一个效果，你就知道它是不是一块的了。但是它又属于什么？属于秋点的内容吧？好。

然后的话呢，我们去给他看一下了。好，那这个时候大家看好，现在是这样子，我现在往右移动一点点，从左到右移动是一个什么值啊负值好。大家看一下潍坊好，这个过程中。你看开始慢慢的有移动了，偏移量了吧，对不对，好是不是。好是不是是一样的好，然后有了过后在我们地方里面的话呢，因为移动的时候，它就产生这个值哈，我们再往右。啊，从右到左。从右到左。好，这个时候大家看好也是一个什么正值吧，可量这这这没问题了吧，好那接下来在我们地方里面的话呢。关于这两个值，比如start start end end才距离，它是什么呢？

好，大家来看一看，就是现在又不看这个参数了，看这个。在我们这个地方里面，我们一会也会用到这个参数，这两个参数呢，注意我先把它给阻死掉，那么也就是一会我们讲课的时候还会用到这是一个空间片，这个是刚才我们打印的是一直，其实一直是为零的。零，然后这个是偏移量，减掉它们产生的间距，其实就是对这个做一个取反。你可以这样去理解，对吧，然后它这里面产生的一个距离，然后我们就可以不断的对哥们进行移动，看到没有移动。然后这个D我们也给大家打出来。打开好这组数据，然后这一个start start，然后end end是吧，End。

然后这里面有距离，有晚上距离有这个DDXDX是不是就是我们的这个值啊。这个是最单纯进去移动啊。对不对，好，那这个时候我移动的是谁呀。是移动的，是我们的什么呀。是移动我们中间这张图片呐。因为这是秋天嘛。好，那么我们来看一下这个D和这个值，以及这些有什么规律。好运起来，这样的话你就知道他是做什么了。主要看这个啊这个。然后我从右往左滑动。一放好，我们随便看一组数据。假如说在我们这个地方里面，我们以目来特殊语这里大家好。

这个地方里面是起始的坐标吧。对不对，然后我们对着这个代码看，这是坐标，然后N。这一组是摁的吧。好，然后减掉star。这个214减到218等于多少？负的是是在A上产生距离是负的呀。负的，然后但是这个时候负的是就是我们这个值，这个不是负的啊，前面加上个负号变成什么正的，所以这个地方能变成一个正的对不对，那正的刚好正的这个值。在这里面如果是个正的代表是从右往什么。代表的是从右往左滑动。所以我们看到的效果是刚好确实是从右往左滑，看到没有。明白了吗？现在弄明白了吗？所以你自己的话，你要知道你再分第二组数据，这是按下的那一刹那。

然后这是N的211减掉214等于负三吧，然后用这个格们，这个哥们是相当于它没动啊，相当于是个零呐，它减到是量取反了。就是得到的刚好是相当于对它去取反，然后呢就可以刚好这样一个移动，所以我们现在得出这样的一个结论。就说如果是。从右往左移动得到的距离是负数。是不是以前从右往左之前那个偏移量从往右，从右往左，它是一个正值，但是现在是是负值了。是不是这距离是负值，注意啊，是距离是负值，但是我们在前面用一个起始位置减是又变成正值了，所以你理解为就是最终这个哥们识别的就是一个政治对不对，政治就是从右到往左嘛，所以是还是说的不通吧。

然后在我们这个地方里面呢，好，那你就这样吧，你如果有的同学怕落，你怕落的话，你就这样想，这个值如果是正从右到左。如果是负，从左到右，所以你只要看这个值，这个值大家看好这地方里面。我把它干掉，然后然后让它这个从右到左，它你看是是是一个什么正直吧，好你就不用它怎么来的好，然后从左到右，好它又是一个看到没有是负值吧，OK，搞定。是不是你就记到这个结论，因为我们之间这个结论我们记过吗？至于这个东西，你你你在私底再去消化这一节。好，那你就说你就这么去就了解了是不是，然后这里面你看D时就说大于零是从右到左，小于零是从左到右是不是。我们得出这样的结论呢，那也就是说，其实本质上就是对这个门进行取反，对不对，因为因为我们的是等于零的。

好，X等于零，OK，那就关于我们的start end以及距离全部搞定了。好，如果你还有疑问，你就看一下这个案例啊，好，那还有。还有早上的一位同学。他问我，老师啊，这个start start y还有这个距离。怎么得来的是吧，其实我们如果把上面掌握这个很简单了，大家看好啊。四个参数分别表示起点坐标和滑动的向量。分别表示起点坐标和滑轮的向量。滑动的向量就是我们要滑动在X和Y上滑，滑动多少距离，注意这距离有正负，但是正负代表的是方向，知道吧，本身距离是没有正负的吧，但是它有正负，证明是方向不一样啊。

然后。横向滑动DH距离，纵向滑向DY的距离正。值的话。四项。左。注意以前正值是从右向左这个距离的话，注意如果它是一个正值的话，是向左，如果负值向右。大家想一想。啊，是吧。对不对。还会用到它一会儿啊。然后我们用到后再一块来先，大家先有的结论先记下来。哎，这里是大的，就参照复视图左上，注意它参照的复视图左上角为原点的坐标系。滑屏经常使用get X y来代替在屏幕，在屏幕左边聚合这个上边就处于这个处于负数图坐标的具体位置公式，那么就说这个DX，它就注意这个公式后面我们用得着，就说这个DX就是我们刚才所讲的这个它公式就是什么呢？

就是get，就是就相当于是我们的一个什么，这里其实等于就是关于这个距离啊，关于这个距离它有个公式就是。目标。减掉X。就就是针对于这个这种情况啊，它有这么一个公式，就是目标你要移动到零点。你是个零。如果你是移动这个空间的宽，那就是空间的宽。就把这空间框写上，那这样呢，而然就得到这个DS就算出来了。所以我们之前与配角滑动这里。

这里的话呢，它这里面有一有有一个叫做这。这里面的话，也就是大家可以看一下这之前我们讲的这个部分，打开这个是起始，这没问题吧，关键是这个有的同学不明白。其实你可以理解为就是他这哥们。它等价的公式是等于目标。减掉这个啊，和我们这个一样，你看目标减掉这个，那目标现在这个目标这个是减掉，这个是减掉我们的偏移量啊。是不是量，因为我们要。为什么减到便宜呢？是我们要复位啊，复位到原始初始的位置啊，需要减掉我们的这个。

就偏移量，然后这个是目标，就是我们要到哪个地方去。就比如说我们地方里面的这个滑动。我要回到原点，那这个时候呢，这其实这个哥们就是一个零。知道吧，零就是我回到某个地方，所以这个地方那同样我们之前这个滑动。这个滑动。我们一点。要回到哪里啊？回到零，因为这个时候它是第零个页面对不对零的位置，所以的话呢，它会回到这个目标零。是不是啊，这个地方里面它相乘得到的是一个零，然后零减，它这个时候呢，就移到第零个页面对不对，所以其实这个地方里面得到的就是。其实这个值得到的是因为这个地方是零了，到这地方。

因为我们在这个地方的这个这个时候的偏移量。偏移量是个正值，正取反是个负的吧，刚好这个值是负的，负的。是和我们那个刚好是刚才我们说的就是就是相反的，你看嗯，在我们这个地方里面的话，如果是一个负值。啊，从右往左滑动是一个负值，现在。现在从现在一一回去，是不是从右往左啊，你看是这一放的时候是从右往左啊。那这个时候呢，它是一个什么。是从右往左滑动啊，是一个负字啊。放的时候，放的时候左左是是是我们的左往右吧，啊，那左往右啊，那左往右的话是一个。政治。

对吧。如果从左往右我们看啊呃啊哦，这个时候我们一滑动回来的时候，肯定是应该是一个正子吧。然后一放的时候，距离就是因为这因为这个值它应该得到是一个第，现在是第零个页面吧，它应该是一个零吧，然后减掉这个值的，现在偏向是这部分的，它要回去对不对。回去，那这个它得到的是一个正值，是不是正值一个零减零减掉这个是正值，比如说假如是十，最后得到的是一个值，负值吧，啊负的一个距离好，那负的距离的话，那负的距离的话，负的距离的话，也就是说我们的目标就得到的就是负负的，就最终这个是变成负的了吧，那负的啊，我们来对照了。

对的吗？啊，从右往左滑动，你看这就是腹子吧，看到没有就是从右。啊，从右从这个从右往左滑动，就是刚好我们刚好是计算式得到负值啊，所以这个时候刚好如果一放的话，是不是它就回去了，它就这样移动知道吧，因为我们这个时候用的是什么啊。啊，就是你你看是一个负值吧，刚说的负值，你看如果是从右左滑动是负值，是不是是负值啊OK，就这你你可以去算一下，好那么这样的话呢，我们就可以搞定了，好那有个后如果下巴是爱呢。二的话，注意二的话，那就是。这个页面对吧，然后脚在页面的情况下，好，这个时候盖的是个它的偏移量。

那就是那就那就是一个页面了吧，一个页面再加速更大了，它这个值那不是很大了，这个值。明白吧，它很大，那那这个时候的话，你们可以把它打印出来，就是这个值它就是偏移了，因为第二个页面了嘛，它很大了，对不对啊，因为那这个时候呢，它偏移量很大，再这个一减，那么它回推的就是你就要再去算了，就是那就比较特殊了。好，那么同学们在我们地方里面的话呢。好，这是一块，我们继续往下走啊。好，这个主要是这个值，然后我们的地方里面呢，就可以移动好，这个是什么呢？将整个视图，将整个复视图的左上角定位零，再移动到这个屏幕上的。那个。在移动这个屏幕上的左上角啊，到负视图的点处，注意了，此处的XY是根据负空间坐标定的啊，那这个代表的是X代表的是啊，横向移动距离，Y代表纵向移动距离啊。

那么那么也就是说大家要去理解一下，注意啊，这是啊。在这个地方里面呢，大家要要注意对吧，现在这地方里面就是就是这里面是用的是。吃苦呢？吃苦吃吃苦。对对，下面这方这个移动它是视图的，大家要要有区别啊，这里面它的距离，这里面的距离和那里的距离它。这里面的距离有目标点的这个啊，因为school都有目标点的这个，大家记一下这个这个这个东西就是你你你熟悉了过后，你就找到这么一个规律啊，这是规律。

而且而且的话呢，你们这种这种的话呢，你就。要去把它基本的这些掌握啊，就是我们的这个移动动画的三种方式，好把这个保存一下。