android 上下扫描动画,android扫描雷达动画 -尊龙游戏旗舰厅官网
很简单的一个组合动画，用好基本动画啥子效果都不怕
老规矩先上图
效果图.gif
ok 来 既然往下翻那就看看如何实现的吧
首先效果分为两部分
第一部分中间指针(其实这里就是一张图片)
第二部分就是波纹，哈哈 也是图片
给中间图片一个旋转动画，一直转的那种
波纹设置放大和渐变的组合动画，然后中间指针执行一次则波纹动画跟着执行一次
这里我把他自定义为一个scanningview，直接可拿去使用
public class scanningview extends framelayout {
private static final string tag = "scanningview";
/**
* 指针
*/
private imageview ivneedle;
/**
* 波纹
*/
private imageview ivripple;
/**
* 中间文字
*/
private textview tvtitle;
/**
* 装波纹的容器
*/
private framelayout fl_move_circle;
private context context;
public scanningview(context context) {
super(context);
this.context = context;
initview();
}
public scanningview(context context, attributeset attrs) {
super(context, attrs);
initview();
}
private handler handler = new handler() {
@override
public void handlemessage(message msg) {
switch (msg.what) {
case 1:
ivripple.setvisibility(visible);
startoutcircleanim();
break;
case 2:
addmovecircle();
break;
}
}
};
/**
* 设置标题
* @param txt
*/
public void settitle(string txt){
tvtitle.settext(txt);
}
private void initview(){
view v = layoutinflater.from(getcontext()).inflate(r.layout.rotate_view,null);
ivneedle = v.findviewbyid(r.id.iv_btn);
ivripple = v.findviewbyid(r.id.iv_out_circle);
tvtitle = v.findviewbyid(r.id.tv_title);
fl_move_circle = v.findviewbyid(r.id.fl_move_circle);
addview(v, layoutparams.match_parent, layoutparams.match_parent);
startoutcircleanim();
}
/**
* 发散波纹
*/
private void addmovecircle() {
final imageview imageview = new imageview(getcontext());
layoutparams lp = new layoutparams(dip2px(getcontext(), 100), dip2px(getcontext(), 100));
lp.gravity = gravity.center;
imageview.setlayoutparams(lp);
imageview.setimageresource(r.mipmap.outcircle);
fl_move_circle.addview(imageview);
objectanimator outcircleanimx = objectanimator.offloat(imageview, "scalex", 1f, 5f);
objectanimator outcircleanimy = objectanimator.offloat(imageview, "scaley", 1f, 5f);
objectanimator alphaanim = objectanimator.offloat(imageview, "alpha", 0.6f, 0);
outcircleanimx.setduration(5000);
outcircleanimy.setduration(5000);
alphaanim.setduration(5000);
animatorset animatorset = new animatorset();
animatorset.playtogether(outcircleanimx, outcircleanimy, alphaanim);
animatorset.addlistener(new animator.animatorlistener() {
@override
public void onanimationstart(animator animation) {
}
@override
public void onanimationend(animator animation) {
//移除掉刚才添加的波纹
fl_move_circle.removeview(imageview);
}
@override
public void onanimationcancel(animator animation) {
}
@override
public void onanimationrepeat(animator animation) {
}
});
animatorset.start();
}
/**
* 开始循环的放大缩小波纹
*/
private void startoutcircleanim() {
objectanimator outcirclealpha = objectanimator.offloat(ivripple, "alpha", 0.2f, 0.6f);
outcirclealpha.setduration(1000);
objectanimator outcircleanimx = objectanimator.offloat(ivripple, "scalex", 1f, 1.18f, 1f);
objectanimator outcircleanimy = objectanimator.offloat(ivripple, "scaley", 1f, 1.18f, 1f);
outcircleanimx.setduration(2000);
outcircleanimy.setduration(2000);
outcircleanimx.setrepeatcount(valueanimator.infinite);
outcircleanimy.setrepeatcount(valueanimator.infinite);
outcircleanimx.setinterpolator(new linearinterpolator());
outcircleanimy.setinterpolator(new linearinterpolator());
animatorset animatorset = new animatorset();
animatorset.playtogether(outcircleanimx, outcircleanimy, outcirclealpha);
animatorset.start();
}
/**
* 根据手机的分辨率从 dip 的单位 转成为 px(像素)
*/
public static int dip2px(context context, float dpvalue) {
final float scale = context.getresources().getdisplaymetrics().density;
return (int) (dpvalue * scale 0.5f);
}
/**
* 指针转动
*/
private void pressstart() {
animatorset animatorset = new animatorset();
objectanimator scaleyin = objectanimator.offloat(ivneedle, "rotation", 0f, 360f);
scaleyin.setduration(1800);
scaleyin.setinterpolator(new linearinterpolator());
scaleyin.setrepeatcount(valueanimator.infinite);
animatorset.play(scaleyin);
animatorset.start();
}
/**
* 模拟开始
*/
public void onceclick(){
//取消掉循环的波纹
ivripple.setvisibility(gone);
pressstart();
new timer().schedule(new timertask() {
@override
public void run() {
handler.sendemptymessage(2);
}
},0,1800);
}
}
布局文件 rotate_view.xml
android:layout_width="match_parent"
android:background="#69c8fa"
android:layout_height="match_parent">
android:id="@ id/fl_move_circle"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#69c8fa" />
android:id="@ id/iv_out_circle"
android:layout_width="110dp"
android:layout_height="110dp"
android:layout_gravity="center"
android:background="#69c8fa"
android:alpha="0.6"
android:src="@mipmap/outcircle" />
android:id="@ id/iv_btn"
android:layout_width="120dp"
android:layout_height="120dp"
android:layout_gravity="center"
android:src="@mipmap/circle" />
android:id="@ id/tv_title"
android:layout_width="wrap_content"
android:textcolor="#ffffff"
android:layout_gravity="center"
android:text="扫描中"
android:textsize="@dimen/sp_10"
android:layout_margintop="@dimen/dp_13"
android:layout_height="wrap_content" />
直接在布局使用即可
android:id="@ id/scanning"
android:layout_width="match_parent"
android:layout_height="match_parent">
java代码中在调用 onceclick()方法可启动动画
scanningview.onceclick();
如果图片也要的话那就拿去吧
中间的指针
circle.png
波纹
outcircle.png
ok 回手掏，鬼刀一开看不见 ，走位，走位
总结
以上是尊龙游戏旗舰厅官网为你收集整理的android 上下扫描动画,android扫描雷达动画的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 友盟统计封装android,react
- 下一篇： android 方向控制界面,andro