zoukankan      html  css  js  c++  java
  • Android 自定义View (五)——实践

    前言:

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

    任务:

    公司现有两个任务需要我完成

    (1)监测液化天然气液压罐的液位

    (2)监测液化天然气液压罐的压力

    UI设计师给我的设计截图如下:

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

    任务一实践开始

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

    ]FM~}6TE`VAF7CMBO4HS{`3

    第二步:绘制底部文字

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

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

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

    先绘制底部文字

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

    第三步:绘制上面液压罐

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

    (2)需要液压罐和左边的文字看成一个整体来计算居中

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

    先绘制罐子

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

    第四步:绘制管子

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

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

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

    第五步:再次绘制刻度

    (1)要用到平移

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

    第六步:绘制左边文字

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

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

  • 相关阅读:
    第五周总结
    第四周总结
    第三周总结
    第二周总结
    第一周总结
    暑假学习进度八
    使用nmtui文本框方式修改IP
    Linux 忘记密码配置
    关于公网IP和内网IP
    常见API编写方式(三种)
  • 原文地址:https://www.cnblogs.com/yishujun/p/5563000.html
Copyright © 2011-2022 走看看