gridbaglayout布局（gridbagconstraints布局）

大家好，我是讯享网，很高兴认识大家。
 <p id="06BOJC1S">点击上方蓝字关注我，知识会给你力量</p><p id="06BOJC1V">相对于一般布局方式的笛卡尔坐标系，MotionLayout还拓展了ConstraintLayout中的相对中心布局方式，我们暂且称之为「极坐标布局」方式。</p><p id="06BOJC20">极坐标布局方式在某些场景下，比笛卡尔坐标系的建立更加方便，特别是涉及到一些圆周运动和相对中心点运动的场景。</p><p>Rotational OnSwipe</p><p id="06BOJC21">在OnSwipe的基础上，极坐标方式拓展了运动的方向，给dragDirection增加了dragClockwise和dragAnticlockwise参数，用于设置OnSwipe的顺时针滑动和逆时针滑动，这两个属性，在设置rotationCenterId后才会生效。那么借助这个，就可以很方便的实现一些圆形路径的滑动效果和动画。</p><p id="06BOJC22">通过下面这个例子，我们来看下Rotational OnSwipe的使用方法。</p><p id="06BOJC23">首先，极坐标的布局还是借助ConstraintLayout，代码如下所示。</p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p id="06BOJC2B">极坐标布局就是借助layout_constraintCircle、layout_constraintCircleAngle、layout_constraintCircleRadius来确定圆心、角度和半径，从而实现极坐标的布局，接下来，再通过OnSwipe来实现圆形滑动效果。</p><p></p><p></p><p></p><p></p><p></p><p></p><p id="06BOJC2I">核心就在OnSwipe中，设置rotationCenterId后，再设置滑动的方向为顺时针即可，展示如下所示。</p><p class="f_center"><img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0814%2F035665adp00qxtlmb0005d2007u007vg007u007v.png&thumbnail=660x&quality=80&type=jpg"/><br/>image-20302 Relative Animation<br/></p><p id="06BOJC2J">在MotionLayout中，它进一步加强了在动画中对极坐标运动的支持，特别是一些极坐标的相对运动动画，可以通过MotionLayout，以非常简单的方式表现出来。我们举个简单的例子，一个行星环绕的动画，如下所示。</p><p class="f_center"><img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0814%2F7a9cceb7p00qxtlmb000vd200fw00f5g00fw00f5.png&thumbnail=660x&quality=80&type=jpg"/><br/>image-<br/></p><p id="06BOJC2K">我们可以发现，这个动画的轨迹是非常复杂的，太阳以自己为中心自传，地球绕着太阳旋转的同时还在自传，月球绕着地球旋转，卫星绕着地球旋转的同时，逐渐远离地球，靠近月球。</p><p id="06BOJC2L">这样一个复杂的极坐标动画效果，虽然借助ConstraintLayout可以很方便的实现定位布局，但是运动时，却无法继续保持极坐标的依赖关系，所以，这里需要使用MotionLayout来维持运动时的极坐标约束关系。</p><p id="06BOJC2M">首先，使用ConstraintLayout来完成起始布局的建立，代码如下所示。</p><p></p><p></p><p></p><p></p><p></p><p></p><p id="06BOJC2T">接下来，在Scene文件中，设置相对运动关系，代码如下所示。</p><p></p><p></p><p></p><p></p><p></p><p id="06BOJC33">借助animateRelativeTo来实现Motion中的相对中心点，使用motionPathRotate来设置旋转的角度。</p><p><blockquote id="06BOJC42">❝ Motion标签中的motionPathRotate和Constraint标签中的transitionPathRotate的作用，都是让其相对于Path旋转一定角度。 ❞</blockquote></p><p id="06BOJC34">MotionLayout中新增的属性非常多，大家可以参考我的这些文章，从各个方面，逐个击破MotionLayout的各个难点。</p><p id="06BOJC37">向大家推荐下我的网站 https://xuyisheng.top/ 点击原文一键直达</p><p id="06BOJC38">专注 Android-Kotlin-Flutter 欢迎大家访问</p><p><ul><li id="06BOJC3U"></p><p></li><li id="06BOJC3V"></p><p></li><li id="06BOJC40"></p><p></li><li id="06BOJC41"></p><p></li></ul></p><p id="06BOJC3P"><strong>本文原创公众号：群英传</strong><strong>，授权转载请联系微信(Tomcat_xu)</strong><strong>，授权后，请在原创发表24小时后转载。</strong></p><p id="06BOJC3Q">&lt; END &gt;</p><p id="06BOJC3R">作者：徐宜生</p><p id="06BOJC3S"><strong><strong>更文不易，点个“三连”支持一下</strong></strong><br/></p>
讯享网
gridbaglayout布局（gridbagconstraints布局）

相关推荐
