Android 自定義View （五）——實踐

前言：

前面已經介紹了《Android 自定義 view（四）—— onMeasure 方法理解》，那麼此次咱們就來小實踐下吧

任務：

公司現有兩個任務須要我完成

（1）監測液化自然氣液壓罐的液位

（2）監測液化自然氣液壓罐的壓力

UI設計師給個人設計截圖以下：

 

任務一實踐開始

第一步：先來看看總體結構組成

第二步：繪製底部文字

（1）咱們將底部的文字、顏色，大小都是能夠靈活自定義的，因此先得申明底部文字相關屬性參數，方便根據需求進行設置

（2）總體上來看各個區域的顏色，文字畫筆的相關屬性都是能夠根據用戶設置進行繪製，爲了思路清晰方便設置互不影響，我將新建三支畫筆各類負責相關區域繪製

（3）文字的位置距離底部距離就不進行申明參數了，就直接默認是半個字體高度

 

先繪製底部文字

第三步：繪製上面液壓罐

（1）繪製液壓罐相關顏色等如底部的文字，進行相關申明和畫筆設置

（2）須要液壓罐和左邊的文字當作一個總體來計算居中

（3）液罐就是一個圓角矩形

先繪製罐子

第四步：繪製管子

（1）須要按照上面液罐的相對位置來計算管子的位置，否則就會出現適配問題

（2）管子的繪製過程當中我計算了不少，沒有找到相關水平翻轉的方法，我用的最笨的方法一個個繪製，頂部的兩個圓角我實在是心累無力繪製了，求知道的同窗科普

第五步：再次繪製刻度

（1）要用到平移

第六步：繪製左邊文字

（1）繪製左邊的文字標示居右對齊

（2）我在主刻度（每5個刻度爲一個主刻度）上進行繪製