好久没写文章了,一来感觉自己技术没啥进步,二来各种杂事繁忙,以至于拖了许久。正好这个版本产品需求需要做一个九宫格样式的转盘抽奖机,感觉是个挺有意思的东西,把我的解决方案和中间遇到的问题发出来,供大家参考哈~
两种方案,先看成品的效果

开始做这个功能的时候,跟产品确定效果,要求动画是先慢后快再变慢,我第一时间想到的就是插值器。AccelerateDecelerateInterpolator就是属于开始和结束很慢,中间速度较快的那种插值器,完美符合需求。接下来需要考虑怎么来实现九宫格。
第一种实现
我第一版的实现是使用ConstraintLayout,根据约束条件来进行九宫格的布局,这样的缺点是布局文件难看,过多的include,实现起来倒是不怎么复杂。先来看下方案的代码
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<include
android:id="@+id/include_lottery0"
layout="@layout/layout_lottery_item"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintDimensionRatio="1"
app:layout_constraintWidth_percent="0.33"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<include
android:id="@+id/include_lottery1"
layout="@layout/layout_lottery_item"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintDimensionRatio="1"
app:layout_constraintWidth_percent="0.33"
app:layout_constraintLeft_toRightOf="@+id/include_lottery0"
app:layout_constraintRight_toLeftOf="@+id/include_lottery2"
app:layout_constraintTop_toTopOf="parent" />
<include
android:id="@+id/include_lottery2"

&spm=1001.2101.3001.5002&articleId=113946422&d=1&t=3&u=c0fd7e9e99b045f0bd591d3f623ead65)
1643

被折叠的 条评论
为什么被折叠?



