15、Android 界面设计：从布局编辑器到代码实现

Android 界面设计：从布局编辑器到代码实现

1. Android Studio 布局编辑器 ConstraintLayout 教程

1.1 导入资源

在 Android Studio 中，可以通过以下步骤导入图片资源：
1. 显示资源管理器工具窗口：选择“View -> Tool Windows -> Resource Manager”。
2. 在操作系统的文件系统导航器中找到 GalaxyS23.webp 图片，将其拖放到资源管理器工具窗口。
3. 在弹出的对话框中，点击“Next”，然后点击“Import”按钮，将图片添加到项目中。

导入后，图片会出现在资源管理器以及项目工具窗口的 res -> drawables 部分。

1.2 添加小部件到用户界面

1.2.1 添加 ImageView

1. 从通用调色板类别中，将一个 ImageView 对象拖到显示视图的中心。此时会出现水平和垂直虚线，指示显示的中心轴。
2. 居中后，释放鼠标按钮将视图放置到位。
3. 放置后，会弹出资源对话框，在对话框顶部的搜索栏中输入“galaxy”，找到 galaxys6.png 资源，选择该图片并点击“OK”将其分配给 ImageView 对象。
4. 如有必要，使用调整大小手柄调整 ImageView 的大小，并将其重新定位到布局