Android自定义View如何实现QQ运动积分转盘抽奖功能-创新互联-成都快上网建站

Android自定义View如何实现QQ运动积分转盘抽奖功能-创新互联

这篇文章主要讲解了Android自定义View如何实现QQ运动积分转盘抽奖功能,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

为汤阴等地区用户提供了全套网页设计制作服务,及汤阴网站建设行业解决方案。主营业务为成都网站设计、成都做网站、外贸网站建设、汤阴网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

因为偶尔关注QQ运动, 看到QQ运动的积分抽奖界面比较有意思,所以就尝试用自定义View实现了下,原本想通过开发者选项查看下界面的一些信息,后来发现积分抽奖界面是在WebView中展示的,应该是在H5页面中用js代码实现的,暂时不去管它了。

这里的自定义View针对的是继承自View的情况,你可以将Canvas想象为画板, Paint为画笔,自定义View的过程和在画板上用画笔作画其实类似,想象在画板上作画的过程,你要画一个多大图形(对应View的测量 onMeasure方法),你要画什么样的图形,比如圆形方形等等(对应View的onDraw方法),在掌握了View的一些基础概念(位置参数、触摸事件、滑动),测量模式、事件分发机制、绘制流程等知识后,自定义View的时候就不觉得复杂了。

不管是多么复杂的View,其内部基本都可以拆分至一个个小单元,比如如下的QQ运动积分抽奖画面,(QQ --> 动态 --> 运动 --> 我 --> 积分)

Android自定义View如何实现QQ运动积分转盘抽奖功能

  这里我们只关注抽奖的转盘,因为是截图没有动画效果,具体可以在自己的手机上查看下。这个抽奖的界面看似复杂,其实可以分为几个部分

  1. 最外层圆环,其中有小圆圈闪动

  2, 内部圆角矩形

  3.  内部圆角卡片(包含一个图片或说明文字)

第一步:我们要继承View类, 如果需要自定义属性则应该实现带三个参数的构造方法,这里将自定义View命名为 LotteryView

public LotteryView(Context context) {
  this(context, null);
 }

 public LotteryView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public LotteryView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  init(context, attrs);
 }

本文标题:Android自定义View如何实现QQ运动积分转盘抽奖功能-创新互联
链接地址:http://kswjz.com/article/pgjgs.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流