栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 移动开发 > Android

Android仿微信雷达扫描效果的实现方法

Android 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Android仿微信雷达扫描效果的实现方法

本文主要给大家介绍的是关于Android实现微信雷达扫描效果的相关内容,分享出来供大家参考学习,下面来看看详细的介绍:

废话不多说 先上图(用AS录制的 转换工具不是很好 所以看得效果不是很好)

效果图


示例代码

Activity 代码

public class ShapeDrawableActivity extends AppCompatActivity {
 private ImageView ivLightbeam;

 private ObjectAnimator radarScanAnim; // 扫描动画

 private int width;
 private int height;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);

  setContentView(R.layout.activity_shape_drawable);
  ivLightbeam = (ImageView) findViewById(R.id.ivLightbeam);
 }


 @Override
 protected void onResume() {
  super.onResume();
  startScan();
 }

 @Override
 public void onWindowFocusChanged(boolean hasFocus) {
  super.onWindowFocusChanged(hasFocus);
  if (height == 0 || width == 0) {   //获取屏幕长、宽
   width = ScreenUtils.getScreenWidth(this);
   height = ScreenUtils.getScreenHeight(this);   //根据屏幕长、宽计算扫描圆的直径
   int diameter = (int) Math.sqrt(Math.pow(height, 2) + Math.pow(width, 2));   //修改光束的大小,使光束可以扫描到整个屏幕
   frameLayout.LayoutParams layoutParams = new frameLayout.LayoutParams(diameter, diameter);
   ivLightbeam.setLayoutParams(layoutParams);   //将扫描光束的中心移至屏幕内容中心
   int offsetX = (width - diameter) / 2;
   int offsetY = (height - diameter) / 2 + ScreenUtils.getStatusHeight(this) / 2;
   ivLightbeam.setX(offsetX);
   ivLightbeam.setY(offsetY);
  }
 }

 @Override
 protected void onPause() {
  super.onPause();
  stopScan();
 } // 开始扫描

 private void startScan() {
  radarScanAnim = ObjectAnimator.ofFloat(ivLightbeam, "rotation", 0f, 360f);
  radarScanAnim.setDuration(2000); //2秒扫描一圈
  radarScanAnim.setInterpolator(new LinearInterpolator());
  radarScanAnim.setRepeatCount(ObjectAnimator.INFINITE);//循环扫描

  ivLightbeam.setVisibility(View.VISIBLE);
  radarScanAnim.start();
 } // 停止扫描

 private void stopScan() {
  ivLightbeam.setVisibility(View.GONE);
  radarScanAnim.end();
 }
}

Activity 布局文件



 

 

绘制扫描光束



 

 

绘制雷达波纹


 
  
  
   
   
   
  
 

 
  
  
   
   
  
 

 

  
  
   
   
  
 

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对考高分网的支持。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/158556.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号