效果图
使用方法
<com.halohoop.rollsquareview.widgets.RollSquareView
android:id="@+id/rollSquareView1"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="3"
android:background="@drawable/default_bg"
app:half_rect_width="15dp"
app:rect_divier_width="8dp"
app:start_empty_position="3"
app:is_clockwise="false"
app:line_count="4"
app:roll_speed="250"
app:fix_round_cornor="10"
app:roll_round_cornor="30"
android:visibility="visible"
app:roll_interpolator="@android:anim/anticipate_overshoot_interpolator"
app:square_color="#ff820e" />
相关属性
half_rect_width:半个方块的宽度,单位dp
rect_divier_width:方块之间间隔宽度,单位dp
start_empty_position:初始空出的位置
is_clockwise:是否顺时针旋转
line_count:一行的数量,最少为3
fix_round_cornor:固定的方框的圆角半径
roll_round_cornor:旋转的方框的圆角半径,如果这两个圆角半径设置成不一样的值就会得到上面图1的效果,设置成一样就是图2.
square_color:方块的颜色。使用十六进制代码的形式(如:#333、#8e8e8e)
roll_interpolator:动画的插值器,不设置默认是线性。
roll_speed:滚动的速度。
网友评论