Android 自定义View (五)——实践

前言:

前面已经介绍了《Android 自定义 view(四)—— onMeasure 方法理解》,那么此次咱们就来小实践下吧html

任务:

公司现有两个任务须要我完成字体

(1)监测液化自然气液压罐的液位设计

(2)监测液化自然气液压罐的压力3d

UI设计师给个人设计截图以下:htm

{58C36C9D-763E-6B28-8376-A9B42A11E2AD}{4A5F1F21-46E8-50C5-32E3-536368FB8EE9}

 

任务一实践开始

第一步:先来看看总体结构组成

]FM~}6TE`VAF7CMBO4HS{`3

第二步:绘制底部文字

(1)咱们将底部的文字、颜色,大小都是能够灵活自定义的,因此先得申明底部文字相关属性参数,方便根据需求进行设置blog

(2)总体上来看各个区域的颜色,文字画笔的相关属性都是能够根据用户设置进行绘制,为了思路清晰方便设置互不影响,我将新建三支画笔各类负责相关区域绘制get

(3)文字的位置距离底部距离就不进行申明参数了,就直接默认是半个字体高度it

 

先绘制底部文字方法

{681A8D62-8FC1-1615-28FD-14DDF78BF9A5}

第三步:绘制上面液压罐

(1)绘制液压罐相关颜色等如底部的文字,进行相关申明和画笔设置im

(2)须要液压罐和左边的文字当作一个总体来计算居中

(3)液罐就是一个圆角矩形

先绘制罐子

{B50DCBA4-E0C5-A675-4587-26B6E324382F}

第四步:绘制管子

(1)须要按照上面液罐的相对位置来计算管子的位置,否则就会出现适配问题

(2)管子的绘制过程当中我计算了不少,没有找到相关水平翻转的方法,我用的最笨的方法一个个绘制,顶部的两个圆角我实在是心累无力绘制了,求知道的同窗科普

{AD12708A-E50E-E711-516E-71B564934397}

第五步:再次绘制刻度

(1)要用到平移

{B354E2C3-E9B9-C193-C692-8E8C4A2C5E1A}

第六步:绘制左边文字

(1)绘制左边的文字标示居右对齐

(2)我在主刻度(每5个刻度为一个主刻度)上进行绘制

相关文章
相关标签/搜索