http://blog.csdn.net/wangjinyu501/article/details/19164655

http://blog.csdn.net/wangjinyu501/article/details/19164655

http://blog.csdn.net/wangjinyu501/article/details/19164655

http://blog.csdn.net/wangjinyu501/article/details/19164655

http://blog.csdn.net/wangjinyu501/article/details/19164655


Android 自定义UI--电池

分类：Android 2014-02-13 16:29 1176人阅读 评论(3) 收藏 举报

首先看一下效果图，


下面看代码：

[html] view plain copy
  1. /**
  2. *
  3. */
  4. packagecom.example.batterydemo;
  6. importandroid.content.Context;
  7. importandroid.graphics.Canvas;
  8. importandroid.graphics.Color;
  9. importandroid.graphics.Paint;
  10. importandroid.graphics.Paint.Style;
  11. importandroid.graphics.RectF;
  12. importandroid.util.AttributeSet;
  13. importandroid.view.View;
  15. /**
  16. *@authorkince
  17. *@category自定义View电池
  18. *@time2014.2.13
  19. *@qq543781062
  20. *
  21. */
  22. publicclassBatteryViewextendsView{
  24. /**
  25. *画笔信息
  26. */
  27. privatePaintmBatteryPaint;
  28. privatePaintmPowerPaint;
  29. privatefloatmBatteryStroke=2f;
  30. /**
  31. *屏幕高宽
  32. */
  33. privateintmeasureWidth;
  34. privateintmeasureHeigth;
  35. /**
  36. *
  37. *电池参数
  38. */
  39. privatefloatmBatteryHeight=30f;//电池的高度
  40. privatefloatmBatteryWidth=60f;//电池的宽度
  41. privatefloatmCapHeight=15f;
  42. privatefloatmCapWidth=5f;
  43. /**
  44. *
  45. *电池电量
  46. */
  47. privatefloatmPowerPadding=1;
  48. privatefloatmPowerHeight=mBatteryHeight-mBatteryStroke
  49. -mPowerPadding*2;//电池身体的高度
  50. privatefloatmPowerWidth=mBatteryWidth-mBatteryStroke-mPowerPadding
  51. *2;//电池身体的总宽度
  52. privatefloatmPower=0f;
  53. /**
  54. *
  55. *矩形
  56. */
  57. privateRectFmBatteryRect;
  58. privateRectFmCapRect;
  59. privateRectFmPowerRect;
  61. publicBatteryView(Contextcontext){
  62. super(context);
  63. initView();
  64. }
  66. publicBatteryView(Contextcontext,AttributeSetattrs){
  67. super(context,attrs);
  68. initView();
  69. }
  71. publicBatteryView(Contextcontext,AttributeSetattrs,intdefStyleAttr){
  72. super(context,attrs,defStyleAttr);
  73. initView();
  74. }
  76. publicvoidinitView(){
  77. /**
  78. *设置电池画笔
  79. */
  80. mBatteryPaint=newPaint();
  81. mBatteryPaint.setColor(Color.GRAY);
  82. mBatteryPaint.setAntiAlias(true);
  83. mBatteryPaint.setStyle(Style.STROKE);
  84. mBatteryPaint.setStrokeWidth(mBatteryStroke);
  85. /**
  86. *设置电量画笔
  87. */
  88. mPowerPaint=newPaint();
  89. mPowerPaint.setColor(Color.RED);
  90. mPowerPaint.setAntiAlias(true);
  91. mPowerPaint.setStyle(Style.FILL);
  92. mPowerPaint.setStrokeWidth(mBatteryStroke);
  93. /**
  94. *设置电池矩形
  95. */
  96. mBatteryRect=newRectF(mCapWidth,0,mBatteryWidth,mBatteryHeight);
  97. /**
  98. *设置电池盖矩形
  99. */
  100. mCapRect=newRectF(0,(mBatteryHeight-mCapHeight)/2,mCapWidth,
  101. (mBatteryHeight-mCapHeight)/2+mCapHeight);
  102. /**
  103. *设置电量矩形
  104. */
  105. mPowerRect=newRectF(mCapWidth+mBatteryStroke/2+mPowerPadding
  106. +mPowerWidth*((100f-mPower)/100f),//需要调整左边的位置
  107. mPowerPadding+mBatteryStroke/2,//需要考虑到画笔的宽度
  108. mBatteryWidth-mPowerPadding*2,mBatteryStroke/2
  109. +mPowerPadding+mPowerHeight);
  110. }
  112. @Override
  113. protectedvoidonDraw(Canvascanvas){
  114. super.onDraw(canvas);
  115. canvas.save();
  116. canvas.translate(measureWidth/2,measureHeigth/2);
  117. canvas.drawRoundRect(mBatteryRect,2f,2f,mBatteryPaint);//画电池轮廓需要考虑画笔的宽度
  118. canvas.drawRoundRect(mCapRect,2f,2f,mBatteryPaint);//画电池盖
  119. canvas.drawRect(mPowerRect,mPowerPaint);//画电量
  120. canvas.restore();
  121. }
  123. @Override
  124. protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){
  125. measureWidth=MeasureSpec.getSize(widthMeasureSpec);
  126. measureHeigth=MeasureSpec.getSize(heightMeasureSpec);
  127. setMeasuredDimension(measureWidth,measureHeigth);
  128. }
  130. /**]
  131. *@category设置电池电量
  132. *@parampower
  133. */
  134. publicvoidsetPower(floatpower){
  135. mPower=power;
  136. if(mPower<0){
  137. mPower=0;
  138. }
  139. mPowerRect=newRectF(mCapWidth+mBatteryStroke/2+mPowerPadding
  140. +mPowerWidth*((100f-mPower)/100f),//需要调整左边的位置
  141. mPowerPadding+mBatteryStroke/2,//需要考虑到画笔的宽度
  142. mBatteryWidth-mPowerPadding*2,mBatteryStroke/2
  143. +mPowerPadding+mPowerHeight);
  144. invalidate();
  145. }
  147. }
代码已经注释得比较清楚了，大家自己看吧，不懂的方法可以去看一下api。

更多相关文章

  1. Android电池电量更新 - BatteryService
  2. Android(安卓)获取电池电量
  3. android典型代码系列(六)------drawable图片转换为48dip的bitmap
  4. android获取屏幕信息
  5. android 小米时钟的实现
  6. Android(安卓)获取手机的IMEI等设备信息
  7. Android(安卓)Dialog 使用 ConstraintLayout 约束布局宽度异常原
  8. Android之UI学习篇七：ImageView实现适屏和裁剪图片的功能
  9. Android实时绘制效果（二）

随机推荐

  1. Android消息处理机制——AsyncTask 源码
  2. Android基于Cling开发DLNA应用
  3. ListView的优化就这么多了
  4. Android(安卓)判断网络是否可用、网络类
  5. Android取消RecyclerView、ListView、Scr
  6. Android CountDownTimer带有动画的倒计时
  7. Android修改最小SDK版本(minSdkVersion)
  8. Android 自定义阴影效果详解及实例
  9. Android调试桥－Android Debug Birdge详解
  10. android 的事件分发从源码分析