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"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  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">  
  11. <TextView  
  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" />  
  22. <RelativeLayout  
  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">  
  31. <Button  
  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" />  
  40. <Button  
  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. </RelativeLayout>  
  52. <TextView  
  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" />  
  64. <EditText  
  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" />  
  76. <TextView  
  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" />  
  88. <EditText  
  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. </RelativeLayout>  

 

 

buttr.xml 设置button的变色

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3. <item android:state_pressed="true">  
  4. <shape android:shape="rectangle">  
  5. <solid android:color="#E12626"/>  
  6. <corners android:radius="10dp"/>  
  7. </shape>  
  8. </item>  
  9. <item android:state_pressed="false">  
  10. <shape android:shape="rectangle">  
  11. <corners android:radius="10dp"/>  
  12. <stroke android:color="@color/black"/>  
  13. <stroke android:width="2dp"/>  
  14. <solid android:color="#FFFFFF"/>  
  16. </shape>  
  17. </item>  
  18. </selector>  

 

 

 

 

 

textedit_2.xml 文本框变色

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3. <item android:state_pressed="true">  
  4. <shape android:shape="rectangle">  
  5. <stroke android:width="5dp"/>  
  6. <corners android:radius="10dp"/>  
  7. <solid android:color="@color/white"/>  
  8. <stroke android:color="#03A9F4"/>  
  9. </shape>  
  10. </item>  
  11. <item android:state_pressed="false">  
  12. <shape android:shape="rectangle">  
  13. <corners android:radius="6dp"/>  
  14. <solid android:color="@color/white" />  
  15. <stroke android:color="#B1B0B0"/>  
  16. <size android:width="2dp"/>  
  17. </shape>  
  18. </item>  
  19. </selector>  

 

tectcolor.xml 按钮中颜色的改变

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3. <item android:state_pressed="true" android:color="@color/yellow"/>  
  4. <item android:color="@color/black"/>  
  5. </selector>  

 

 

 

 

 

 

 

 

 

 

 

 activity_main2.xml

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  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">  
  10. <LinearLayout  
  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. >  
  20. <View  
  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" />  
  28. <View  
  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" />  
  36. <View  
  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. </LinearLayout>  
  45. <LinearLayout  
  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">  
  52. <View  
  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" />  
  60. <View  
  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. </LinearLayout>  
  67. </LinearLayout>  

 

radiusrl.xml

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3. android:shape="rectangle">  
  4. <corners android:topRightRadius="50dp"  
  5. android:bottomLeftRadius="50dp"/>  
  6. </shape>  

 

      

 

3.

 

 

 

 

 

 

activity_main3.xml

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  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">  
  10. <TextView  
  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" />  
  21. <EditText  
  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"/>  
  29. <TextView  
  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" />  
  40. <TextView  
  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"/>  
  52. <TextView  
  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"/>  
  63. <TextView  
  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" />  
  75. <TextView  
  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. </androidx.constraintlayout.widget.ConstraintLayout>  

 

 

edit.xml

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3. android:shape="rectangle">  
  4. <stroke android:width="2dp"  
  5. android:color="#9F9E9E"/>  
  6. <size android:height="50dp"/>  
  7. <corners android:radius="30dp"/>  
  9. </shape>  

 

 

tv_3.xml

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3. android:shape="rectangle">  
  4. <size android:height="100dp"  
  5. android:width="100dp"/>  
  6. <corners android:radius="20dp"/>  
  8. </shape>  

 

 

pup.xml

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
  3. android:shape="rectangle">  
  4. <corners android:topLeftRadius="50dp"  
  5. android:bottomRightRadius="50dp"/>  
  6. <solid android:color="#9C27B0"/>  
  7. <size android:height="260dp"/>  
  9. </shape>  

 
posted @ 2022-03-08 17:11  Eveeee  阅读(411)  评论(0)    收藏  举报