android 按钮绚丽样式,Android 自定义绚丽的进度条(类似H5实现的一种效果)

HTML5与CSS3做出来的特效让我很着迷，平时做Android开发，用惯了一些常用的加载进度框，今天看了HTML5的实现方式，于是想自己动手实现一下Android同样的效果，首先我先把HTML5的代码贴出来，然后分析HTML5的动画原理，然后用Android来实现，代码如下：

[html]  view plain copy

Chasing Dots

.spinner {

margin: 100px auto;

width: 40px;

height: 40px;

position: relative;

text-align: center;

-webkit-animation: rotate 2.0s infinite linear;

animation: rotate 2.0s infinite linear;

}

.dot1, .dot2 {

width: 60%;

height: 60%;

display: inline-block;

position: absolute;

top: 0;

background-color: #333;

border-radius: 100%;

-webkit-animation: bounce 2.0s infinite ease-in-out;

animation: bounce 2.0s infinite ease-in-out;

}

.dot2 {

top: auto;

bottom: 0px;

-webkit-animation-delay: -1.0s;

animation-delay: -1.0s;

}

@-webkit-keyframes rotate {

100% {

-webkit-transform: rotate(360deg)

}

}

@keyframes rotate {

100% {

transform: rotate(360deg);

-webkit-transform: rotate(360deg);

}

}

@-webkit-keyframes bounce {

0%, 100% {

-webkit-transform: scale(0.0)

}

50% {

-webkit-transform: scale(1.0)

}

}

@keyframes bounce {

0%, 100% {

transform: scale(0.0);

-webkit-transform: scale(0.0);

}

50% {

transform: scale(1.0);

-webkit-transform: scale(1.0);

}

}