SeniorUI02_UI绘制流程分析二(View的绘制过程)

一、 Demo地址

FlowLayout

二、Effect picture

SeniorUI0201_UI绘制流程分析二应用(自定义标签流式布局)

三、requireMent

1) 定义一个容器,可以添加标签
2) 标签高度不确定,左对齐,上对齐
2) 每个标签可以自定义大小、背景,可以点击

四、Theory

1) 自定义ViewGroup实现容器
2)通过自定ViewGroup的onMesure和onLayout方法,来控制容器的大小和标签的位置
3)一个标签表示一个View,可以addView或xml中设置;ViewGroup中遍历获取,并设置点击事件

五、CoreCode

SeniorUI0201_UI绘制流程分析二应用(自定义标签流式布局)

通过child,设置容器的大小,并记录View的摆放信息
SeniorUI0201_UI绘制流程分析二应用(自定义标签流式布局)
根据View的摆放信息,设置View的位置
SeniorUI0201_UI绘制流程分析二应用(自定义标签流式布局)
SeniorUI0201_UI绘制流程分析二应用(自定义标签流式布局)

摆放:
SeniorUI0201_UI绘制流程分析二应用(自定义标签流式布局)
SeniorUI0201_UI绘制流程分析二应用(自定义标签流式布局)
使用

SeniorUI0201_UI绘制流程分析二应用(自定义标签流式布局)

相关文章:

  • 2022-01-18
  • 2021-11-13
  • 2021-12-22
  • 2021-10-11
  • 2021-12-05
  • 2021-12-07
  • 2021-09-25
  • 2021-06-22
猜你喜欢
  • 2021-04-10
  • 2021-11-04
  • 2021-06-12
  • 2021-11-27
  • 2022-01-10
  • 2022-01-19
  • 2021-12-06
相关资源
相似解决方案