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

这篇博客记录了中山大学智慧健康服务平台应用的UI设计实验。内容包括实验要求、使用的组件、实验结果展示以及实验过程中的困难和解决思路。作者通过ConstraintLayout、Button等组件实现了启动界面,重点描述了标题、图片、搜索框和单选按钮的设计细节,并分享了布局设计和尺寸调整的体会。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、实验题目

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

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

二、实现内容

实现一个Android应用,界面呈现如图中的效果。
在这里插入图片描述

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

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


三、课堂实验结果

(1)实验截图

实验结

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值