创建、运行、设置Android 样式

淩亂°似流年 2024-04-06 12:44 47阅读 0赞

**目录**

一、创建安卓应用

二、运行安卓应用

三、设置屏幕标签

1、切换视图

2、设置标签字号和颜色

3、修改应用程序标题

四、修改主布局并设置布局属性

1、将约束布局改成线性布局

2、设置线性布局属性

（1）设置背景图片

（2）设置子控件对齐方式

（3）设置线性布局方向

--------------------

## 一、创建安卓应用 ##

*  新建安卓项目，新建一个APP
 *  配置项目基本信息
 *  ![3336d676234d4eb3871fea8b3105107b.png][]
 *  单击【Finish】按钮，进入界面

## 二、运行安卓应用 ##

*  运行查看程序运行结果
 *  ![2ccac21d59c1484fa58c626ae8879ac4.png][]

## 三、设置屏幕标签 ##

### 1、切换视图 ###

*  打开res\\layout目录，打开主布局文件activity\_main.xml，默认是Design视图
 *  ![3bb34a6c7f6c4f16a91b3143c3052601.png][]
 *  切换到Code视图
 *  修改`android:text`属性值
 *  ![33a4fe0b23124703ad055d2a5515a84d.png][]
 *  在`res/values`里的`strings.xml`文件中定义一个字符串变量`welcome`
 *  ``

### 2、设置标签字号和颜色 ###

*  textSize - 文本字号；textColor - 文本颜色
 *  ![e3c1285857cd410889b4aef5206cd9ea.png][]

### 3、修改应用程序标题 ###

*  在应用列表里找到我们创建的安卓应用 - `Test`
 *  程序运行，活动栏上的标题也是应用程序的名称 - `Test`
 *  在字符串资源文件里修改字符串变量`app_name`的值
 *  ![21a0c17e773445068bf482a6bbd4f7e6.png][]

## 四、修改主布局并设置布局属性 ##

### 1、将约束布局改成线性布局 ###

*  将ConstraintLayout改成LinearLayout
 *  ![adcf8667134e4b779eeb1175cced2b6d.png][]

### 2、设置线性布局属性 ###

#### （1）设置背景图片 ####

*  官方文档：普通图片放在drawable目录，icon图标放在mipmap目录
 *  将背景图片background.jpg拷贝到drawable目录里
 *  设置线性布局的`background`属性
 *  ![8dc4fbff01324ef699cb2a44a18c33ee.png][]

#### （2）设置子控件对齐方式 ####

*  设置线性布局的`gravity`属性为`center`
 *  ``

#### （3）设置线性布局方向 ####

*  如果要在线性布局里添加多个标签控件，默认的情况是水平排列，即线性布局的orientation属性默认是horizontal。如果要垂直排列，那么线性布局的orientation属性要设置vertical。
 *  ![f6110d2d39824ca48748225f57eb86c4.png][]
 *  再添加一个标签，设置相关属性
 *  运行程序，查看效果
 *  如果希望两个标签隔开一点，那就是设置外边距属性（marginLeft、marginRight、marginTop、marginBottom）
 *  ![752a2d9806224f3a81f78cf1b320bc0e.png][]

[3336d676234d4eb3871fea8b3105107b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d1fcf1ac448a4120b3cf479c01e628ac.png
[2ccac21d59c1484fa58c626ae8879ac4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/ba100f8f16e14619a815925e9cbad943.png
[3bb34a6c7f6c4f16a91b3143c3052601.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/49bf442f39c2473496d2c8ac30754450.png
[33a4fe0b23124703ad055d2a5515a84d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d30f7688c51d4a72a82c1d9897990244.png
[e3c1285857cd410889b4aef5206cd9ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d2fd6bfc7e184f56af90b29c83c71e81.png
[21a0c17e773445068bf482a6bbd4f7e6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a62c74076e4247ba98cb81b49c165e1f.png
[adcf8667134e4b779eeb1175cced2b6d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f9efc6d344204077857cdd9d84dc915c.png
[8dc4fbff01324ef699cb2a44a18c33ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/fa52c88557004f0db0da6dbeaf610ca9.png
[f6110d2d39824ca48748225f57eb86c4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4ec6aa35e43748e9af8a1d7f020e989d.png
[752a2d9806224f3a81f78cf1b320bc0e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/12f0c6bb5baa464bae0762079c5a26b4.png