2022年夏季《移动软件开发》实验报告
一、实验目标
1、学习使用快速启动模板创建小程序的方法;2、学习不使用模板手动创建小程序的方法。
二、实验步骤
1、首先我们创建他们的父布局,新建ScrollView,创建ScrollView 内部父布局。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2y20enD1-1661400517133)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821142324113.png)]
2、设置宽高、文字、字体样式、字体颜色,使字体居中。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WwS25FiR-1661400517134)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821143315241.png)]
3、创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iHSGBNSP-1661400517135)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821151242238.png)]
5、创建一个LinearLayout作为单个按钮的父布局。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y5ut3hwG-1661400517136)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821151408926.png)]
6、创建上边的图片按钮,并设置其属性,设置按钮底部文字并赋予其属性。
当时我把这一部分的代码放在了ScrollView 内部,发现 不对,ScrollView 内部只能有一个线性布局,所以应该放在最里层。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SxA1e4wi-1661400517137)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821151820280.png)]
7、创建一个横向的LinearLayout来作为菜单栏的父布局。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OTBaD1XJ-1661400517138)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821153605844.png)]
8、创建Textview。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XoaZuj4n-1661400517139)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821153749755.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4TBQmsSV-1661400517140)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821154019114.png)]
9、创建一个横向的LinearLayoutLinearLayout来作为菜单栏的父布局,再次创建一个LinearLayout作为单个按钮的父布局,按钮这个地方使用RelativeLayout布局编写。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rzShFVUI-1661400517141)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220821154943291.png)]
10,因为任务是用相对布局来写,需要将线性布局都改为相对布局。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Gh1IXDZN-1661400517142)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824181652640.png)]
最外层用一个相对布局来作为父布局。
11、新建ScrollView。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bil5fRlZ-1661400517142)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824181943381.png)]
12、创建ScrollView 内部父布局。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cNRnkOKc-1661400517143)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824182023192.png)]
13、创建一个相对布局,在内部创建TextView组件,这一部分应该放在相对布局的最上方。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9rmBZ8bG-1661400517143)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824182142155.png)]
14、在内部再创建ImageView组件,这个组件应该放在首页文字下方。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HifhHTse-1661400517144)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824182359988.png)]
15、在创建一个相对布局,用来存放验房钥匙管理等按钮。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wuXu069h-1661400517145)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824182613175.png)]
16、内部创建文字和图片等组件,设置长度和宽度,图片应该放在相对布局的最上方,并距离最左端10dp,文字应该放置在图片正下方。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7y95iETH-1661400517145)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824182659274.png)]
17、创建一个相对布局来存放待办和更多这个菜单栏,并在相对布局内部创建TextView组件。
“待办”应该放置在距布局最左端10dp处。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gB0DZShE-1661400517147)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824182909619.png)]
18、“更多”应该放置在距离最右端10dp处。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u91pNVTG-1661400517148)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824183225677.png)]
19、再创建一个相对布局,用来放置页面最下端的首页、验房等按钮。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BjAUgCnN-1661400517149)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824183302865.png)]
20、在内部创建ImageView和TextView组件,与上面的布局同理,图片放置在布局最左端10dp处,文字在其正下方。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zarqxosk-1661400517149)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220824183358725.png)]
三、程序运行结果
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ogeMkd7F-1661400517150)(C:\Users\华为\AppData\Roaming\Typora\typora-user-images\image-20220823165925703.png)]
四、问题总结与体会
1、因为相对布局的基本用法与线性布局有较大的不同,所以对线性布局的代码修改起来是有些困难的。
2、相对布局中组件的位置需要用组件在布局中的相对位置来描述,比如
android:layout_centerHrizontal 水平居中
android:layout_centerVertical 垂直居中
等用来描述组件在布局中的相对位置,
3、还有组件之间的相对位置
android:layout_below 在某控件下方
android:layout_above 在某控件上方
这里的属性值必须为id的引用名“@id/id-name”,所以在创建组建的时候应该设置一下id。
,
3、还有组件之间的相对位置
android:layout_below 在某控件下方
android:layout_above 在某控件上方
这里的属性值必须为id的引用名“@id/id-name”,所以在创建组建的时候应该设置一下id。
4、组件在相对布局中的位置可以通过设置组件距离布局边缘的距离来设定。