常规 & 高级 UI 编程 | 青训营笔记

123 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的第3天

今天我将着重记录Android开发的单个UI组件基础到多个UI组件排版相关知识,同时也会涉及到静态页面绘制到动态页面的设计、从系统组件应用到自定义组件等多个维度、由浅及深的阐述常规&高级UI编程的相关知识。

笔记将重点整理以下几个方面的内容:

  • UI组件:Android UI组件相关知识
  • 布局:将多个UI组件排版成想要的界面
  • 渲染:Android UI渲染流程及原理
  • 交互:Android常规的交互知识及原理
  • 动画:Android动画相关知识

UI组件

Android UI介绍: Android系统是图形用户界面操作系统,UI界面由多个不同功能的UI组件构成,而Android SDK则提供了大量的UI组件供开发者使用。

常用的UI组件:有文本组件、图片组件、按钮组件、输入框组件、复选框组件、单选按钮等 UI组件间的关系:

image.png

image.png

布局

LinearLayout

image.png

RelativeLayout

image.png

FrameLayout

image.png

ConstraintLayout

image.png

渲染

在Activity中设置布局文件:

image.png

布局完成之后则会调用LayoutInflater的相关方法。

交互

常用的交互事件监听器:

image.png

动画

分为帧动画、补间动画和属性动画三类

帧动画

image.png

补间动画

image.png

属性动画

image.png


总结

本次我主要对于Android UI编程的组件、布局、绘制、交互、动画这五个方面进行了总结,其中大部分还是理论性的内容,之后我也会结合课堂笔记所涉及到的代码部分进行实操练习,加以巩固。