中山大学智慧健康服务平台基本的UI界面设计

一、实验题目

中山大学智慧健康服务平台应用开发

第四周任务 基本的UI界面设计

---

二、实现内容

实现一个Android应用，界面呈现如图中的效果。

要求

• 该界面为应用启动后看到的第一个界面。
• 各控件的要求
  • 标题字体大小20sp，与顶部距离20dp，居中；
  • 图片与上下控件的间距均为20dp，居中；
  • 输入框整体距左右屏幕各间距20dp，内容（包括提示内容）如图所示，内容字体大小18sp；
  • 按钮与输入框间距10dp，文字大小18sp。按钮背景框左右边框与文字间距10dp，上下边框与文字间距5dp，圆角半径180dp，背景色为**#3F51B5**；
  • 四个单选按钮整体居中，与输入框间距10dp，字体大小18sp，各个单选按钮之间间距10dp，默认选中的按钮为第一个。

使用的组件

TextView、EditText、ConstraintLayout、Button、ImageView、RadioGroup、RadioButton。

---

三、课堂实验结果

(1)实验截图

实验结果截图如下：