Android学习笔记第2章 Android应用的界面编程 2.1 界面编程与视图(View)组件 2.1.1 视图组件与容器组件

﹏ヽ暗。殇╰゛Y 2024-03-26 21:03 52阅读 0赞

#### Android学习笔记 ####

#### 文章目录 ####

*   *   *  Android学习笔记
         *  第2章 Android应用的界面编程
         *   *  2.1 界面编程与视图(View)组件
             *   *  2.1.1 视图组件与容器组件

> 疯狂Android讲义

#### 第2章 Android应用的界面编程 ####

##### 2.1 界面编程与视图(View)组件 #####

Android应用是运行于手机系统上的程序，这种程序给用户的第一印象就是用户界面。

从市场的角度来看，所有开发者都应充分重视Android应用的用户界面。Android提供了非常丰富的用户界面组件，借助于这些用户界面组件，开发者可以非常方便地进行用户界面开发，而且可以开发出非常优秀的用户界面。

###### 2.1.1 视图组件与容器组件 ######

Android应用的绝大部分UI组件都放在android.widget包及其子包、android.view包及其子包中，Android应用的所有UI组件都继承了View类，它代表一个空白的矩形区域。

View类还有一个重要的子类：ViewGroup,但ViewGroup通常作为其他组件的容器使用。

Android的所有UI组件都是建立在View、ViewGroup基础之上的，Android采用了“组合器”设计模式来设计View和ViewGroup：ViewGroup是View的子类，因此ViewGroup也可被当成View使用。

对于一个Android应用的图形用户界面来说，ViewGroup作为容器来盛装其他组件，而ViewGroup里除可以包含普通View组件之外，还可以再次包含ViewGroup组件。

Android图形用户界面的组件层次：

![在这里插入图片描述][e75c6aa8ab594091b7f6776a02e78aea.png_pic_center]

查看Android 提供的官方文档：

现在的本地文档好像都没了，笔者反正没找到，有大佬说都是用的在线版本，也有人说是集成到源码里面去了

罢了，官网文档好吧：[https://developer.android.google.cn/docs?hl=zh-cn][https_developer.android.google.cn_docs_hl_zh-cn]

![在这里插入图片描述][b8f9d67982324b13813f875517ce6608.png_pic_center]

对于View类而言，它是所有UI组件的基类，因此它包含的XML属性和方法是所有组件都可使用的。

如下是View类常用的XML属性、相关方法及简要说明。

![在这里插入图片描述][0da7b4998a1d483c9bff5b244080c9a1.png_pic_center]

![在这里插入图片描述][4c6d36e89c1e4f57a7c8a0761868aab9.png_pic_center]

![在这里插入图片描述][49580801a45441eb90c70fdc4c80193a.png_pic_center]

![在这里插入图片描述][c3867aad85ba49e6a13dadba38a85f7a.png_pic_center]

> 【小贴士】
> 
> Drawable是Android提供的一个抽象基类，它代表了“可以被绘制出来的某种东西”，Drawable包括了大量子类，比如ColorDrawable代表颜色Drawable,ShapeDrawable代表几何形状Drawable。.各种Drawable可用于定制UI组件的背景等外观。

ViewGroup继承了View类，当然也可以当成普通View来使用，但ViewGroup主要还是当成容器类使用。但由于ViewGroup是一个抽象类，因此在实际使用中通常总是使用ViewGroup的子类来作为容器，例如各种布局管理器。

ViewGroup容器控制其子组件的分布依赖于ViewGroup.LayoutParams、ViewGroup.MarginLayoutParams两个内部类。

这两个内部类中都提供了一些XML属性，ViewGroup容器中的子组件可以指定这些XML属性。

如下ViewGroup.LayoutParams所支持的两个XML属性。

![在这里插入图片描述][c2331ea1095a433396bbf3e7a4f5281a.png_pic_center]

android:layout\_height和android:layout\_width两个属性支持如下两个属性值。

*  match\_parent（早期叫fill parent).：指定子组件的高度、宽度与父容器组件的高度、宽度相同（实际上还要减去填充的空白距离）。
 *  wrap\_content:指定子组件的大小恰好能包裹它的内容即可。

ViewGroup.MarginLayoutParams用于控制子组件周围的页边距(Margin,也就是组件四周的留白)，它支持的XML属性及相关方法如下所示。

![在这里插入图片描述][50d6d3ebb73e479d88939450c4e44949.png_pic_center]

[e75c6aa8ab594091b7f6776a02e78aea.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/9ffd0fdd68e840f7b1d27a42c40a9757.png
[https_developer.android.google.cn_docs_hl_zh-cn]: https://developer.android.google.cn/docs?hl=zh-cn
[b8f9d67982324b13813f875517ce6608.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/4acb04a2319a45c4bfd973f75e6d5c3d.png
[0da7b4998a1d483c9bff5b244080c9a1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/c79577a35851401ea6d1197c35e5b65e.png
[4c6d36e89c1e4f57a7c8a0761868aab9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/c8689cc93ae9405a81fb969f09f481df.png
[49580801a45441eb90c70fdc4c80193a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/4396d3caa1d34c08bca43c767bfd37fb.png
[c3867aad85ba49e6a13dadba38a85f7a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/811d3af4944b440db5ffd7653326dc6a.png
[c2331ea1095a433396bbf3e7a4f5281a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/50eee43ed05f4f0aa5c32f63a690fd6d.png
[50d6d3ebb73e479d88939450c4e44949.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/2b2ac01c760043dfb5d1631c5146cb19.png