皮皮网

1.uiimageview和uiimage的区别
2.【Android】UI（二）Android常用的基础布局容器
3.App UI（四）：从CircleImageView理解：如何自定义UI插件

uiimageview和uiimage的区别

       ç›¸åŒç‚¹ï¼šUIImageView和UIButton都能显示图片

       ä¸åŒç‚¹å¦‚下：1.UIButton能处理点击事件, UIImageView不能处理点击事件

        2.UIButton既能显示图片, 又能显示文字

        3.UIButton能同时显示两张图片

        4.UIButton继承自UIControl, 因此默认就能处理事件（UIButton继承自UIControl，UIControl继承自UIView）

        5.UIImageView继承自UIView, 因此默认就不能处理事件（UIImageView继承自UIView）

       ä½¿ç”¨åœºåˆ ：如果仅仅显示图片,不需要监听图片的点击就使用UIImageView，又要显示图片,又要监听图片的点击就使用UIButton。

【Android】UI（二）Android常用的基础布局容器

        Android 的UI 可以分为两类，一类叫做ViewGroup容器,一类叫做View视图

        View视图：(TextView,Button,ImageView)都是常用常见的视图.

        ViewGroup容器：内部可以承载、放置、添加View视图

        线性布局就是从左到右或从上到下按顺序排列的一种布局。下面讲一讲LinearLayout的基础属性。

        相对布局在摆放子视图位置时，按照指定的参考系来摆放子视图的位置，默认以屏幕左上角(0,0)位置作为参考系摆放位置

        使用layout_below使得后面一个组件位于前面一个组件的下方

        配合layout_toRightOf使得后面一个组件位于前面一个组件的右方

        组件的默认位置都是左上角，组件之间可以重叠。像千层饼一样，一层压着一层 可以设置上下左右的对齐、水平垂直居中、设置方式与线性布局相似

        参考： Android从零入门到实战(Kotlin版)

App UI（四）：从CircleImageView理解：如何自定义UI插件

       CircleImageView

       作为一款小巧的UI插件，专为展示圆形图案设计，cadvisor 源码解析如头像等。pip安装源码

       引入方式:

       通过以下步骤集成CircleImageView:

       1. 查看SDK包结构

       2. 共有四个关键文件

       3. 包括AndroidManifest.xml、伪装定位源码values.xml、凝思内核源码BuildConfig和CircleImageView

       核心代码解析:

       1. 继承自ImageView的安装pyaudio源码CircleImageView

       2. 构造函数初始化

       3. 读取values.xml中的styleable定义并赋值

       4. Override onDrawn函数

       5. 通过设置画笔过滤模式，仅保留圆圈内的图像

       使用方法:

       1. 在layout文件中引用CircleImageView

       2. 引入civ_border_color和civ_border_width在values.xml中定义，自定义样式

       图像加载:

       1. 利用Glide从网络下载图像

       2. 将图像加载至R.id.ivHead对应的CircleImageView

       总结:

       自定义UI插件的核心在于：

       1. 选择合适的继承结构

       2. 合理配置构造函数

       3. 实现图像处理逻辑以满足需求

       4. 优化用户体验与样式