ConstraintLayout 2，Android高级开发面试

class CircularRevealHelper @JvmOverloads constructor(
context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : ConstraintHelper(context, attrs, defStyleAttr) {

override fun updatePostLayout(container: ConstraintLayout) {
super.updatePostLayout(container)
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
val views = getViews(container)
for (view in views) {
val anim = ViewAnimationUtils.createCircularReveal(view, view.width / 2,
view.height / 2, 0f,
Math.hypot((view.height / 2).toDouble(), (view.width / 2).toDouble()).toFloat())
anim.duration = 3000
anim.start()
}
}
}
}

updatePostLayout会在 onLayout 之后调用，在这里做动画就可以。

有了CircularRevealHelper之后可以直接在 xml 里面使用,在CircularRevealHelper的constraint_referenced_ids里面指定需要做动画 view。

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:app=“http://schemas.android.com/apk/res-auto”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”>

<cn.feng.constraintLayout2.helps.CircularRevealHelper
android:id=“@+id/helper”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
app:constraint_referenced_ids=“img_mario”
tools:ignore=“MissingConstraints” />

</android.support.constraint.ConstraintLayout>

后面如果要对 view 做CircularReveal直接在 xml 里面指定就可以了，做到了很好的复用。

FlyinHelper

再来看看这个 Flyin 的飞入效果，view 从四周飞入到各自的位置。

这个动画的关键在于计算出每个 view 该从什么方向飞入。

红色边框的位置可以借助前面介绍的的Layer找到（当然也可以不借助Layer，自己算，稍显复杂），从而计算出红色框框部分的中间点位置， 再和图中每个 view 的中间点比较（图中每个白点的位置）从而得出每个 view 该从哪个方向飞入。

计算每个view 的初始位置代码如下，借助上面的图形应该很好理解。

for (view in views) {

val viewCenterX = (view.left + view.right) / 2
val viewCenterY = (view.top + view.bottom) / 2

val startTranslationX = if (viewCenterX < centerPoint.x) -2000f else 2000f
val startTranslationY = if (viewCenterY < centerPoint.y) -2000f else 2000f

view.translationX = (1 - animatedFraction) * startTranslationX
view.translationY = (1 - animatedFraction) * startTranslationY
}

FlyinHelper 的完整代码参考这里

ComposeMultipleHelper

每个 view 不但可以接受一个ConstraintHelper，还可以同时接受多个ConstraintHelper。

左边的四个 ImageView 和右下的 FloatingActionButton 都有 Flyin 的效果，同时左边的四个ImageView还在绕 Y 轴做 3D 旋转。上方的 Seekbar的背景在做CircularReveal的效果。有了前面编写的CircularRevealHelper以及 FlyInHelper 我们可以很方便做到这样的效果。

代码参考这里

Flow (VirtualLayout)

Flow 是 VirtualLayout，Flow 可以像 Chain 那样帮助快速横向/纵向布局constraint_referenced_ids里面的元素。 通过flow_wrapMode可以指定具体的排列方式,有三种模式

• wrap none : 简单地把constraint_referenced_ids里面的元素组成chain,即使空间不够

• wrap chain : 根据空间的大小和元素的大小组成一条或者多条 chain

• wrap aligned : wrap chain类似，但是会对齐

下面看下如何实现这个计算器布局：

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:app=“http://schemas.android.com/apk/res-auto”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
tools:context=“.activity.MainActivity”>

<android.support.constraint.helper.Flow
android:id=“@+id/flow”
android:layout_width=“match_parent”
android:layout_height=“wrap_content”
android:background=“#FFC107”
android:padding=“20dp”
app:constraint_referenced_ids=“tv_num_7,tv_num_8,tv_num_9,tv_num_4,tv_num_5,tv_num_6,tv_num_1,tv_num_2,tv_num_3,tv_num_0,tv_operator_div,tv_dot,tv_operator_times”
app:flow_horizontalGap=“10dp”
app:flow_maxElementsWrap=“3”
app:flow_verticalGap=“10dp”
app:flow_wrapMode=“aligned”
app:layout_constraintBottom_toBottomOf=“parent”
app:layout_constraintEnd_toEndOf=“parent”
app:layout_constraintStart_toStartOf=“parent” />

<TextView

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

总结

找工作是个很辛苦的事情，而且一般周期都比较长，有时候既看个人技术，也看运气。第一次找工作，最后的结果虽然不尽如人意，不过收获远比offer大。接下来就是针对自己的不足，好好努力了。

最后为了节约大家的时间，我把我学习所用的资料和面试遇到的问题和答案都整理成了PDF文档，都可以分享给有需要的朋友，如有需要私信我【资料】或者**【点这里】免费领取**

《Android面试复习资料汇总》

喜欢文章的话请关注、点赞、转发 谢谢！

不足，好好努力了。

最后为了节约大家的时间，我把我学习所用的资料和面试遇到的问题和答案都整理成了PDF文档，都可以分享给有需要的朋友，如有需要私信我【资料】或者**【点这里】免费领取**

《Android面试复习资料汇总》

喜欢文章的话请关注、点赞、转发 谢谢！