periscope点赞效果用css3怎么写

html-css014

periscope点赞效果用css3怎么写,第1张

可以使用Random类,这里我只准备了3种不同的爱心,来看看代码如何实现吧:

//首先定义 3个代表不同爱心的drawable,以及他们的和drawables

private Drawable red

private Drawable yellow

private Drawable blue

private Drawable[] drawables

//接下去我们初始化:

//初始化显示的图片

drawables = new Drawable[3]

red = getResources().getDrawable(R.mipmap.red)

yellow = getResources().getDrawable(R.mipmap.yellow)

blue = getResources().getDrawable(R.mipmap.blue)

//赋值给drawables

drawables[0]=red

drawables[1]=yellow

drawables[2]=blue

这样,下次取值时候只要使用如下代码,就能随机获取到爱心了:

drawables[random.nextInt(3)]//表示0-2的随机数,注意,3是取不到的。

一.使用 transition 实现

会用到 steps(count, position) 方法,它是一个 timing function ,会把过渡分成 count 步 position 的默认值是 end ,还可以为 start 。假如现在有一个动画分成5段, end 会在第一段的时间执行完后才到第一段的终点即第二段的起点,一次类推执行动画,当执行到最后一段时,到达不了最后一步的终点就会到回到起点重新开始执行动画;而 start 是先到第一段的终点,等第一段的时间执行完后,到达第二段的终点,以此类推,能到达最后一段的终点。

具体实现如下:

效果图:

未完待续。。。