安卓开发笔记1.2测试开发环境

朱雀 2024-05-07 17:02 58阅读 0赞

#### 安卓学习笔记1.2 ####

*  一
 *   *  （一）创建安卓应用
     *  （二）运行安卓应用
     *  （三）设置屏幕标签
     *   *  1、修改标签文本属性
         *  2、设置标签字号和颜色
         *  3、修改应用程序标题
     *  （四）修改布局并设置布局属性
     *   *  1、将约束布局改成线性布局
         *  2、设置线性布局属性
         *   *  （1）设置背景图片
             *  （2）设置子控件对齐方式
             *  （3）设置线性布局方向
 *  二、上机操作
 *   *  （一）编写主布局文件
     *  （二）编写字符串资源文件
     *  （三）运行程序查看效果

## 一 ##

*  安装好安卓集成开发环境之后，我们就要学会创建安卓应用，并且了解安卓应用的MVC架构——控制层：MainActivity里写代码控制程序逻辑，视图层：activity\_main里设计用户界面，模型层：strings.xml里定义字符串数据。

### （一）创建安卓应用 ###

*  新建安卓项目  
    ![在这里插入图片描述][02f446cfff194d98b5587252a574a284.png]
 *  基于 `Empty Activity` 模板![在这里插入图片描述][753fbc29718a41eeb814c35df012d430.png]
 *  配置项目基本信息  
    ![在这里插入图片描述][d5b2742debea4c95bc7e7e1aa91138dd.png]
 *  单击【Finish】按钮  
    ![在这里插入图片描述][e92ce49a3c6142e1a3075e30b9dad68e.png]

### （二）运行安卓应用 ###

*  单击工具栏上的绿色运行按钮  
    ![在这里插入图片描述][be41aab77a204b7590a1c18a4479546f.png]
 *  启动模拟器，查看程序运行结果  
    ![在这里插入图片描述][1e68d18d85ab4e08a24ea2d89bfbf366.png]
 *  屏幕正中央有一个标签 - `Hello World`

### （三）设置屏幕标签 ###

#### 1、修改标签文本属性 ####

*  打开res\\layout目录，打开主布局文件`activity_main.xml`，默认是Design视图  
    ![在这里插入图片描述][4dea6086e86c4ea09e8105d3f23f6b4e.png]
 *  切换到Code视图  
    ![在这里插入图片描述][ced8a9f219a84b90ab37fb3485bcee68.png]
 *  修改`android:text`属性值  
    ![在这里插入图片描述][d59f5916c1eb42f7be6b33ad7311d594.png]
 *  重启应用,查看效果  
    ![在这里插入图片描述][5eb5ad398c284858b2ee61386781a301.png]
 *  看屏幕提示,建议不使用硬编码字符串(Hardcoded string),应该使用@string资源  
    ![在这里插入图片描述][881e4a01dfc946b69d234b54e8e0c59d.png]
 *  所以我们要在`res/value`目录里的`strings.xml`文件中定义一个字符串变量`welcome`  
    ![在这里插入图片描述][eb8b64f368bd4a71b6a3210716a8561d.png]
 *  在布局配置文件`activity_main.xml`里调用该字符串变量`welcome`  
    ![在这里插入图片描述][657b9128512e406095afaa5f754ab5b2.png]

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

*  修改标签字号和颜色，textSize - 文本字号；textColor - 文本颜色  
    ![在这里插入图片描述][e001e061e4e241218c45dfc7e43b8404.png]
 *  重启应用，查看效果  
    ![在这里插入图片描述][760eaa21e51b4deaaef04e4cee0b2239.png]

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

*  在应用列表里找到我们创建的安卓应用 - `Test`  
    ![在这里插入图片描述][10f1cd813be7409498d622861d2aa011.png]
 *  程序运行，活动栏上的标题也是应用程序的名称 - `Test`
 *  在字符串资源文件里修改字符串变量`app_name`的值  
    ![在这里插入图片描述][416bfdd1c52c4121b99ff48121c9b58e.png]
 *  重启应用，查看效果  
    ![在这里插入图片描述][8d4f321c45e4423da238a42f9299ec1d.png]
 *  关闭应用，查看应用列表  
    ![在这里插入图片描述][f5881688ea7e4576885ebbfce0cc465b.png]

### （四）修改布局并设置布局属性 ###

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

*  将ConstraintLayout改成LinearLayout  
    ![在这里插入图片描述][7bc9a65ff33c4efe8cc13b7b8be295c4.png]

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

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

*  官方文档：普通图片放在drawable目录，icon图标放在mipmap目录  
    ![在这里插入图片描述][4e3ba842558e4aaeb67895fcecb49d4f.png]
 *  将背景图片background.png拷贝到drawable目录里  
    ![在这里插入图片描述][e7d8c2910f394a34b64c0f0cfb553a08.png]
 *  设置线性布局的`background`属性  
    ![在这里插入图片描述][4d4280aed6034faebb809a329539ff33.png]
 *  运行程序,查看效果  
    ![在这里插入图片描述][eb232469ab1044baaa483f771f4c6cb0.png]

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

*  设置线性布局的`gravity`属性为`center`  
    ![在这里插入图片描述][31942cb35f244f3da5ac72bfe47e29e3.png]
 *  运行查看效果  
    ![在这里插入图片描述][5a51834b19e7482092226dd6b86b07a4.png]

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

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

## 二、上机操作 ##

### （一）编写主布局文件 ###

![在这里插入图片描述][3722f14dd7204c0ca56182ceec9c9483.png]

### （二）编写字符串资源文件 ###

![在这里插入图片描述][174ae5afc2234148947e374295687678.png]

### （三）运行程序查看效果 ###

![在这里插入图片描述][cf4146664eab4749b0e209f6d5b3f617.png]

[02f446cfff194d98b5587252a574a284.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/2cf2d50d53b3437e9b73660d50258515.png
[753fbc29718a41eeb814c35df012d430.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9295e582b1474e27a437f2b6492bd6ef.png
[d5b2742debea4c95bc7e7e1aa91138dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/73e0774917f947789b356a2d557d0ab0.png
[e92ce49a3c6142e1a3075e30b9dad68e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/6550927ec8664815ac90fd4bd998b8ff.png
[be41aab77a204b7590a1c18a4479546f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b091d1783acb49c68a485eb58d4ec63f.png
[1e68d18d85ab4e08a24ea2d89bfbf366.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/6a083d413bee43e784df81c0a2fbd5d1.png
[4dea6086e86c4ea09e8105d3f23f6b4e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/1e09227c952e47bca98ae29f2b0736a1.png
[ced8a9f219a84b90ab37fb3485bcee68.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/607095e0bbf648b9b4f8fbb0dfac6456.png
[d59f5916c1eb42f7be6b33ad7311d594.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/eef2ad8e45a043c584123b17ca8af6cc.png
[5eb5ad398c284858b2ee61386781a301.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/e53e7bdc14e848bd91e318d30ecbb9d4.png
[881e4a01dfc946b69d234b54e8e0c59d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5660b4c43910469aad77c2db56d1cf18.png
[eb8b64f368bd4a71b6a3210716a8561d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/44668ad007824a1caac5551dd6ed1247.png
[657b9128512e406095afaa5f754ab5b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5764a4e81d9d4bcd97311c79d9ff26c3.png
[e001e061e4e241218c45dfc7e43b8404.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/8311adfe70574ae5b2772363ca107b13.png
[760eaa21e51b4deaaef04e4cee0b2239.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5d509b0f0af449808c77a09ffa1a7600.png
[10f1cd813be7409498d622861d2aa011.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/673b4581a58248faa461024e79aa7e8b.png
[416bfdd1c52c4121b99ff48121c9b58e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/3b59ea10db974410a1de60d749e470a5.png
[8d4f321c45e4423da238a42f9299ec1d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/204b7940d5514c6ebc1975227639bd69.png
[f5881688ea7e4576885ebbfce0cc465b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/b818aff69a164cb29c61c500a3a2b371.png
[7bc9a65ff33c4efe8cc13b7b8be295c4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/f91198f4b7594e3d9960eca41b357d0b.png
[4e3ba842558e4aaeb67895fcecb49d4f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/a5eff776864b4b4a9b2b431db443d871.png
[e7d8c2910f394a34b64c0f0cfb553a08.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/a7e15dbd4c2349ea9f539321a73e626c.png
[4d4280aed6034faebb809a329539ff33.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/06b468385f0e4ca094b0009f9aa58f69.png
[eb232469ab1044baaa483f771f4c6cb0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/4fe37b95151547f29a929ba9d98746ba.png
[31942cb35f244f3da5ac72bfe47e29e3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/cbb94e31080145d79adf741f8d70cf0b.png
[5a51834b19e7482092226dd6b86b07a4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9d4e883cee1a4599b69beb84237f7337.png
[70410778ab844b65bed86b35cdcffecb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/83db30fab6614afebf017d12877611f0.png
[c1754390f64f4a539acf4964e94fd912.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/5153b84d21a74e75853378fd38af544a.png
[4ee49dc78ab944ce95a4a55df6bc07b8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/7e33cf0d8a294522b09f3b4e150d13bd.png
[6c28fa25672f45efbf377da2dc49c7ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/9a2b33c9d5624184b0dcc5f522102510.png
[3722f14dd7204c0ca56182ceec9c9483.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d887d19224564dad9647901b8b230390.png
[174ae5afc2234148947e374295687678.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/18578f171ac646deaab785d66074d97b.png
[cf4146664eab4749b0e209f6d5b3f617.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/7e5ac98e66b3439493f1bc9dab93228f.png