文章总结： 这篇Android开发教程介绍了资源文件与图像类组件的使用方法，包括如何添加注释提高代码可读性，如何使用Icon和Image组件显示图标和图片，以及如何管理和使用Android资源文件如drawable目录下的图片和values目录下的字符串颜色等。文章通过实际代码示例和截图展示了具体操作步骤，帮助开发者学习如何让Android应用界面更加丰富美观。
综合评分： 85
文章分类： 移动安全,应用安全,安全开发
【Android学习笔记】第4课 资源文件与图像类组件
原创
网安小杨
网络安全小杨
2025年12月10日 15:47
浙江
通过上节课的学习，我们已经掌握了Column布局及Text、TextField组件，知道了怎么显示及输入文字。这节课我们再前进一步，学习如何显示图像。Android的图像可以分两大类：一是Icon（图标），一是Image（图片），我们先来介绍Icon。
一、注释
为了界面清晰，我们可以把第3节课中Column布局中的Text及TextField组件注释掉，方法是：先用鼠标选中这些代码，然后点击菜单code，再点击“Comment with Block Comment”，所选中的代码前后两端就自动添加“ /*…………*/ ”，这就是可以跨行的块注释，如下图所示：
你还可以点击“ /* ”左侧的向下箭头，收起注释部分，让屏幕更清晰，如下图所示：
Android还有另外一种注释，即在需要注释的行前面添加“//”。这种注释不能跨行，称为“单行注释”。添加注释可增强代码的可读性，另外在调试代码时，暂时不用的代码也可以注释掉。
二、Icon图标
我们在Column布局里添加一个Row布局，也就是行布局。Row布局 的参数有两个：一个是修饰符modifier，设置该Row为最大宽度、边距为5dp，带有2dp的边框，边框颜色是Cyan。另一个是horizontalArrangement，即水平对齐方式，设置为SpaceAround，如下图所示：
在Row布局内，我们计划添加几个Icon图标，方法如下：
Icon图标有2个关键的参数，即imageVector和contentDescription，前者用于设置需要显示的图标，后者是对该图标的描述，这两个不能缺少。tint用于设置图标的颜色。
我们可以多添加几个图标，它们将在一行上平均分布：
显示效果如下:
三、Image图片
就目前所学，系统自带的图标基本上能满足需要，当然你也可以下载第三方的图标库，来丰富自己的应用程序。Image组件用来显示一张图片，图片格式可以是svg、jpg、png等。
我们找一张学校的logo图片，并将其粘贴到项目的drawable目录下，具体位置见下图：
然后在Column布局中，在Row下面，添加一个Image组件，参数设置如下：
与上面介绍的Icon组件的参数类似，painter用于加载所显示的图片，其实，还可以用ImageVector和ImageBitmap来加载图片，感兴趣的可以下行查阅官方提供的开发指南。
四、资源文件
细心的朋友可能注意到，上文中Icon组件加载的图标、Image组件加载的图片，都在本地，这些被称为资源文件。图片类的资源文件都在app\src\main\res\drawable目录下。
除了drawable资源文件外，在app\src\main\res\values目录下，有一些与字符、颜色、主题相关的资源文件。我们打开strings.xml，在里面添加一行，如下图红框所示：
我们在Image组件下面再添加一个Text组件，其中text参数的值引用了资源文件strings中的name，color参数值引用的是资源文件colors中的black，如下图所示：
充分利用这些资源文件，可以让程序代码更加规范统一，以后再修改也比较方便。本节课的最终实现的效果如下：
合理使用图像类组件可以让程序界面更加丰富美观，而Android加载图像的方式又有很多种，这里只介绍了几种常用的方法，算是抛砖引玉，希望朋友们在开发过程中，多参考官方文档。
免责声明：
本文所载程序、技术方法仅面向合法合规的安全研究与教学场景，旨在提升网络安全防护能力，具有明确的技术研究属性。
任何单位或个人未经授权，将本文内容用于攻击、破坏等非法用途的，由此引发的全部法律责任、民事赔偿及连带责任，均由行为人独立承担，本站不承担任何连带责任。
本站内容均为技术交流与知识分享目的发布，若存在版权侵权或其他异议，请通过邮件联系处理，具体联系方式可点击页面上方的联系我。
本文转载自：网络安全小杨 网安小杨《【Android学习笔记】第4课 资源文件与图像类组件》