android studio实验1

实验名称

资源文件的使用

实验序号

实验一

姓    名

系院专业

软件工程

班    级

学    号

实验日期

2022/3/7

指导教师

一、实验目的和要求

1.  掌握资源文件的定义

2.  掌握资源文件的两种使用方法（XML和Java）

二、实验内容

1. 给定App界面和要求，设计布局文件，灵活运用资源文件，实现不同效果。

三、实验项目

1. 根据下图，设计布局文件:
   （1） 界面元素的效果如图所示。包括字体大小、对齐方式、控件的间隔、按钮的外观。
   （2） 点击按钮时，要求按钮的底色是红色，字体颜色是黄色。
   （3） 点击输入框时，要求它的边框线颜色是加粗的蓝色圆角框。不点击输入框时，要求它的边框线是细的灰色圆角框。如图1所示。

（4） 要求分别用相对布局来实现。

提交的内容为：

（1） 新建代码文件、修改的代码文件内容列在实验报告的“四、实验结果”处

（2） 运行初始界面截图，点击按钮时的截图、点击输入框时的截图列在实验报告的“四、实验结果”处

   图1

1. 根据下图，设计布局文件

（1） 界面元素的效果如图2所示，包括形状、间隔、对齐方式。

（2） 要求分别用线性布局来实现。

提交的内容为：

（1） 新建代码文件、修改的代码文件内容列在实验报告的“四、实验结果”处。

（2） 运行初始界面截图，点击图片时的截图列在实验报告的“四、实验结果”处。

图2

1. 根据下图，设计布局文件

(1) 界面元素的效果如图3所示，包括字体大小、形状、间隔、对齐方式。

(2) 要求用约束布局来实现

提交的内容为：

(1) 新建代码文件、修改的代码文件内容列在实验报告的“四、实验结果”处。

(2) 运行画面的截图列在实验报告的“四、实验结果”处。

图3

四、实验程序、结果

1．

activity_main.xml

1. <?xml version="1.0" encoding="utf-8"?>  
3. xmlns:app="http://schemas.android.com/apk/res-auto"  
4. xmlns:tools="http://schemas.android.com/tools"  
5. android:layout_width="match_parent"  
6. android:layout_height="match_parent"  
7. tools:context=".MainActivity"  
8. android:background="#DDDBDB"  
9. android:padding="10dp">  
12. android:id="@+id/tv_es"  
13. android:layout_width="wrap_content"  
14. android:layout_height="wrap_content"  
15. android:layout_centerHorizontal="true"  
16. android:layout_marginVertical="100dp"  
17. android:text="你确定要退出吗？"  
18. android:textColor="#9E9898"  
19. android:textSize="30sp"  
20. android:textStyle="bold" />  
23. android:id="@+id/relaout"  
24. android:layout_width="match_parent"  
25. android:layout_height="wrap_content"  
26. android:layout_below="@id/tv_es"  
27. android:background="#00BCD4"  
28. android:gravity="center_horizontal"  
29. android:padding="15dp">  
32. android:id="@+id/bt_1"  
33. android:layout_width="wrap_content"  
34. android:layout_height="wrap_content"  
35. android:background="@drawable/buttr"  
36. android:text="确定"  
37. android:textColor="@color/tectcolor"  
38. android:textSize="30sp" />  
41. android:id="@+id/bt_2"  
42. android:layout_width="wrap_content"  
43. android:layout_height="wrap_content"  
44. android:layout_marginLeft="50dp"  
45. android:layout_toRightOf="@id/bt_1"  
46. android:background="@drawable/buttr"  
47. android:text="取消"  
48. android:textColor="@color/tectcolor"  
49. android:textSize="30sp" />  
50.   
53. android:id="@+id/tv_1"  
54. android:layout_width="wrap_content"  
55. android:layout_height="wrap_content"  
56. android:layout_below="@id/relaout"  
57. android:layout_marginStart="15dp"  
58. android:layout_marginTop="50dp"  
59. android:text="旧密码："  
60. android:textColor="#9E9898"  
61. android:textSize="30sp"  
62. android:textStyle="bold" />  
65. android:id="@+id/et_1"  
66. android:layout_width="match_parent"  
67. android:layout_height="wrap_content"  
68. android:layout_below="@id/relaout"  
69. android:layout_alignBaseline="@id/tv_1"  
70. android:layout_marginTop="50dp"  
71. android:layout_toEndOf="@id/tv_1"  
72. android:background="@drawable/textedit_2"  
73. android:minHeight="55dp"  
74. tools:ignore="SpeakableTextPresentCheck" />  
77. android:id="@+id/tv_2"  
78. android:layout_width="wrap_content"  
79. android:layout_height="wrap_content"  
80. android:layout_below="@id/relaout"  
81. android:layout_marginStart="15dp"  
82. android:layout_marginTop="125dp"  
83. android:text="新密码："  
84. android:textColor="#9E9898"  
85. android:textSize="30sp"  
86. android:textStyle="bold" />  
89. android:id="@+id/et_2"  
90. android:layout_width="match_parent"  
91. android:layout_height="wrap_content"  
92. android:layout_below="@id/relaout"  
93. android:layout_alignBaseline="@id/tv_2"  
94. android:layout_marginTop="50dp"  
95. android:layout_toEndOf="@id/tv_2"  
96. android:background="@drawable/textedit_2"  
97. android:minHeight="55dp"  
98. tools:ignore="SpeakableTextPresentCheck" />  
99.   

buttr.xml 设置button的变色

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3.   
4.   
5.   
6.   
7.   
8.   
9.   
10.   
11.   
12.   
13.   
14.   
16.   
17.   
18.   

textedit_2.xml 文本框变色

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3.   
4.   
5.   
6. 10dp"/>  
7.   
8.   
9.   
10.   
11.   
12.   
13.   
14.   
15.   
16.   
17.   
18.   
19.   

tectcolor.xml 按钮中颜色的改变

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3.   
4.   
5.   

 activity_main2.xml

1. <?xml version="1.0" encoding="utf-8"?>  
3. xmlns:app="http://schemas.android.com/apk/res-auto"  
4. xmlns:tools="http://schemas.android.com/tools"  
5. android:layout_width="match_parent"  
6. android:layout_height="match_parent"  
7. tools:context=".MainActivity2"  
8. android:orientation="horizontal">  
11. android:layout_width="match_parent"  
12. android:layout_height="match_parent"  
13. android:orientation="vertical"  
14. android:layout_marginRight="10dp"  
15. android:layout_weight="2"  
16. android:padding="5dp"  
18. >  
21. android:layout_width="match_parent"  
22. android:layout_height="match_parent"  
23. android:layout_weight="1"  
24. android:layout_marginBottom="10dp"  
25. android:backgroundTint="@color/purple_700"  
26. android:background="@drawable/radiusrl" />  
29. android:layout_width="match_parent"  
30. android:layout_height="match_parent"  
31. android:layout_weight="1"  
32. android:backgroundTint="#4CAF50"  
33. android:background="@drawable/radiusrl"  
34. android:layout_marginBottom="10dp" />  
37. android:layout_width="match_parent"  
38. android:layout_height="match_parent"  
39. android:layout_weight="1"  
40. android:backgroundTint="#61E8C1"  
41. android:background="@drawable/radiusrl" />  
43.   
46. android:layout_width="match_parent"  
47. android:layout_height="match_parent"  
48. android:layout_weight="2"  
49. android:orientation="vertical"  
50. android:padding="5dp">  
53. android:layout_width="match_parent"  
54. android:layout_height="match_parent"  
55. android:backgroundTint="@color/yellow"  
56. android:background="@drawable/radiusrl"  
57. android:layout_marginBottom="10dp"  
58. android:layout_weight="2" />  
61. android:layout_width="match_parent"  
62. android:layout_height="match_parent"  
63. android:backgroundTint="#E44338"  
64. android:background="@drawable/radiusrl"  
65. android:layout_weight="1" />  
66.   
67.   

radiusrl.xml

1. <?xml version="1.0" encoding="utf-8"?>  
3. android:shape="rectangle">  
5. android:bottomLeftRadius="50dp"/>  
6.   

3.

activity_main3.xml

1. <?xml version="1.0" encoding="utf-8"?>  
3. xmlns:app="http://schemas.android.com/apk/res-auto"  
4. xmlns:tools="http://schemas.android.com/tools"  
5. android:layout_width="match_parent"  
6. android:layout_height="match_parent"  
7. tools:context=".MainActivity3"  
8. android:padding="30dp">  
11. android:id="@+id/tv_1"  
12. android:layout_width="wrap_content"  
13. android:layout_height="wrap_content"  
14. android:text="说走就走的旅行"  
16. android:textSize="35sp"  
17. android:textStyle="bold"  
18. android:textColor="#817F7F"  
19. android:paddingVertical="10dp"  
20. tools:ignore="MissingConstraints" />  
22. android:id="@+id/ed_1"  
23. android:layout_width="match_parent"  
24. android:layout_height="wrap_content"  
25. android:layout_marginTop="10dp"  
26. app:layout_constraintTop_toBottomOf="@+id/tv_1"  
27. android:background="@drawable/edit"/>  
30. android:id="@+id/tv_3"  
31. android:layout_width="wrap_content"  
32. android:layout_height="wrap_content"  
33. android:text="欧洲"  
34. android:gravity="center"  
35. android:layout_marginTop="20dp"  
36. android:backgroundTint="#2196F3"  
37. android:background="@drawable/tv_3"  
38. app:layout_constraintTop_toBottomOf="@+id/ed_1"  
39. tools:ignore="MissingConstraints" />  
41. android:id="@+id/tv_4"  
42. android:layout_width="wrap_content"  
43. android:layout_height="wrap_content"  
44. android:text="欧洲"  
45. android:gravity="center"  
46. android:layout_marginTop="20dp"  
47. android:layout_marginStart="25dp"  
48. app:layout_constraintStart_toEndOf="@+id/tv_3"  
49. android:backgroundTint="#FFEB3B"  
50. android:background="@drawable/tv_3"  
51. app:layout_constraintTop_toBottomOf="@+id/ed_1"/>  
53. android:layout_width="wrap_content"  
54. android:layout_height="wrap_content"  
55. android:text="欧洲"  
56. android:gravity="center"  
57. android:layout_marginTop="20dp"  
58. android:layout_marginStart="25dp"  
59. app:layout_constraintStart_toEndOf="@+id/tv_4"  
60. android:backgroundTint="#9C3515"  
61. android:background="@drawable/tv_3"  
62. app:layout_constraintTop_toBottomOf="@+id/ed_1"/>  
64. android:id="@+id/tv_5"  
65. android:layout_width="wrap_content"  
66. android:layout_height="wrap_content"  
67. android:text="受欢迎的旅游景点"  
68. android:textSize="35sp"  
69. android:textStyle="bold"  
70. android:textColor="#817F7F"  
71. android:paddingVertical="20dp"  
72. app:layout_constraintTop_toBottomOf="@id/tv_4"  
73. tools:ignore="MissingConstraints" />  
76. android:layout_width="match_parent"  
77. android:layout_height="wrap_content"  
78. app:layout_constraintTop_toBottomOf="@id/tv_5"  
79. android:background="@drawable/pup"/>  
80.   

edit.xml

1. <?xml version="1.0" encoding="utf-8"?>  
3. android:shape="rectangle">  
5. android:color="#9F9E9E"/>  
6.   
7.   
9.   

tv_3.xml

1. <?xml version="1.0" encoding="utf-8"?>  
3. android:shape="rectangle">  
5. android:width="100dp"/>  
6.   
8.   

pup.xml

1. <?xml version="1.0" encoding="utf-8"?>  
3. android:shape="rectangle">  
5. android:bottomRightRadius="50dp"/>  
6.   
7.   
9.