你可以指定立方体中每一面骰子的点数,颜色和背景,同时也可以指定执行的动画时间和动画插值器
使用
在根目录的build.gradle添加这一句代码:
allprojects { repositories { //... maven { url 'https://jitpack.io' } }}复制代码
在app目录下的build.gradle添加依赖使用:
dependencies { implementation 'com.github.samlss:DiceLoadingView:1.0'}复制代码
在开始介绍DiceLoadingView之前,先看一下骰子即DeiceView的组成
DiceView
在DiceLoadingView中应用的骰子view
以下为效果图:
使用
布局中:
复制代码
代码:
diceView.setNumber(2); //设置骰子点数,必须为1-6diceView.setPointColor(Color.RED); //设置点的颜色diceView.setBgColor(Color.RED); //设置背景颜色diceView.setBorderColor(Color.RED); //设置边界颜色复制代码
属性说明:
开始描述效果图之前,先看一张说明图:
attr | description |
---|---|
number | 骰子点数 one(1), two(2), three(3), four(4), five(5), six(6) |
pointColor | 点的颜色 |
bgColor | 背景颜色 |
borderColor | 边界颜色 |
DiceLoadingView
使用
布局中使用:
复制代码
代码中使用:
diceLoadingView.start(); //开始动画diceLoadingView.stop(); //停止动画diceLoadingView.pause(); //暂停动画diceLoadingView.resume(); //恢复动画diceLoadingView.release(); //不需要使用该loading view的时候可手动释放,例如在activity的ondestroy()中diceLoadingView.setDuration(3000); //设置动画时间diceLoadingView.setInterpolator(new AnticipateOvershootInterpolator()); //设置动画插值器diceLoadingView.setFirstSideDiceNumber(2); //设置第一面骰子点数(1-6)diceLoadingView.setFirstSidePointColor(Color.parseColor("#FF7D81")); //设置第一面骰子点的颜色diceLoadingView.setFirstSideDiceBgColor(Color.WHITE); //设置第一面骰子背景颜色diceLoadingView.setFirstSideDiceBorderColor(Color.GRAY); //设置第一面骰子边界颜色diceLoadingView.setSecondSideDiceNumber(3); //设置第二面骰子点数(1-6)diceLoadingView.setSecondSidePointColor(Color.BLUE); //设置第二面骰子点的颜色diceLoadingView.setSecondSideDiceBgColor(Color.WHITE); //设置第二面骰子背景颜色diceLoadingView.setSecondSideDiceBorderColor(Color.BLUE); //设置第二面骰子边界颜色diceLoadingView.setThirdSideDiceNumber(4); //设置第三面骰子点数(1-6)diceLoadingView.setThirdSidePointColor(Color.GREEN); //设置第三面骰子点的颜色diceLoadingView.setThirdSideDiceBgColor(Color.WHITE); //设置第三面骰子背景颜色diceLoadingView.setThirdSideDiceBorderColor(Color.GREEN); //设置第三面骰子边界颜色diceLoadingView.setFourthSideDiceNumber(5); //设置第四面骰子点数(1-6)diceLoadingView.setFourthSidePointColor(Color.RED); //设置第四面骰子点的颜色diceLoadingView.setFourthSideDiceBgColor(Color.WHITE); //设置第四面骰子背景颜色diceLoadingView.setFourthSideDiceBorderColor(Color.RED); //设置第四面骰子边界颜色复制代码
属性说明:
开始描述效果图之前,先看两张张说明图:
针对立方体而言
针对每一个骰子面而言:
attr | description |
---|---|
animDuration | 动画时间 |
animInterpolator | 动画加速器 |
firstSideDiceNumber | 第一面骰子点数(1-6) |
firstSideDicePointColor | 第一面骰子点的颜色 |
firstSideDiceBgColor | 第一面骰子背景颜色 |
firstSideDiceBorderColor | 第一面骰子边界颜色 |
secondSideDiceNumber | 第二面骰子点数(1-6) |
secondSideDicePointColor | 第二面骰子点的颜色 |
secondSideDiceBgColor | 第二面骰子背景颜色 |
secondSideDiceBorderColor | 第二面骰子边界颜色 |
thirdSideDiceNumber | 第三面骰子点数(1-6) |
thirdSideDicePointColor | 第三面骰子点的颜色 |
thirdSideDiceBgColor | 第三面骰子背景颜色 |
thirdSideDiceBorderColor | 第三面骰子边界颜色 |
fourthSideDiceNumber | 第四面骰子点数(1-6) |
fourthSideDicePointColor | 第四面骰子点的颜色 |
fourthSideDiceBgColor | 第四面骰子背景颜色 |
fourthSideDiceBorderColor | 第四面骰子边界颜色 |