- 博客(7)
- 收藏
- 关注
原创 android 移动应用与开发3
新建线性布局文件布局文件 progressbar.xml,依次加入四个 不同风格的 progressbar (在左侧搜索 progressbar ),第四个组件设置 max 指最大进度值(100) 和 progress 指第一进度值(50),如图1,调整三个“环状进度条”的大小,调整最后一个条形进度条的大小,并调整其进度如图2。这里的“title”和“hello”可以理解为一种“只属于两个人的暗号”,我们设计的页面和后端(如图2所示)就是靠这种对应的“暗号”来联系的。修改布局配置,调整至任务要求的格式。
2024-10-17 14:28:21
917
原创 android 移动应用与开发 2
如图1.3,利用相同的添加组件的方式,在左侧的palette列表中找到common列表,向画布添加button组件;在左侧的palette列表中找到common列表,向画布先添加TextView组件然后再加入button组件如图2.2所示,修改button组件的text,如图2.3,一共插入17个button组件,将第一个“0”的layout_columnSpan组件占据的列数设置为3,并拉伸第一个“0”的大小,如图2.4;拉伸、调整textview的大小,如图2.5所示,具体大小根据个人调整。
2024-09-29 15:36:32
786
原创 android 移动应用与开发
这个代码是用来运行你设计的前端效果显现在模拟手机上的效果,要想看到模拟效果,你还要选择“手机”,如图1.2,在右上角选择AVD,点击“ create virtual devices ” 增加虚拟手机,如图1.4,选择想要实现的虚拟手机,然后就点击“ next ”完成下载,之后的设计运行就会由下载的这个虚拟手机来展现出来。首先,在进入软件后,我们需要观察页面布局,可以看到,android studio 的页面布局与Eclipse的布局极度相似,这里我们就不过多的赘述。并查看拉伸效果,如图4.5。
2024-09-28 19:35:35
1292
原创 UI设计之Adobe XD(5)
我们可以先制作一个低保真图,将我们需要的“框架元素”或要求元素进行补充、添加;然后,通过我们的设计进行上色、添加细节等后续工作,对部分矩形、圆形等元素进行添加阴影、添加渐变色、进行布局等工作。弹窗的制作就是在做好高保真图时,增加矩形,填充为黑色,透明度调整至50%,覆盖在高保真图片上,然后在添加所需元素即可。本次实验较为简单,经过前几次的学习,大家已经掌握了Adobe XD的基础使用,剩下的部分可以参考本次实验。
2024-05-14 18:09:38
610
2
原创 UI设计之Adobe XD(4)
同样,我们先制作一张卡片,将卡片上的元素存进一个文件夹中(打开图层界面,按住Ctrl连续点击需要的元素后,松开Ctrl,单击右键选择“组”)选择文件夹,找到右上方的“重复网格”选项,按照提示向下延伸。选取需要的卡片数量后,点击“取消网格编组”即可完成批量操作,如果需要调整卡片间距,可以将鼠标移动至相应位置,出现粉红色提示后可以单击鼠标左键进行移动调整操作。如果想在卡片背景插入图片,我们可以将XD还原(小框化),双击背景卡片,待图层界面显示到卡片时,找到想插入的图片,直接拖动即可。
2024-05-14 18:00:42
533
2
原创 UI设计之Adobe XD(2)
双击我们想要上色的区域,此时右侧出现选项栏,找到中间“填充”选项(如下图二),出现调色板,选择喜欢的颜色进行填充,调色板右侧的两个条状柱,左侧用来选颜色,右侧用来调“浓度”或者说“明暗”,如果有“锁”型图标证明此图标已经上锁,无法更改,此时需要点击“锁”型图标,使操作对象解锁。(PS:如果想做出好看的效果,请点击“纯色”选项,选择自己喜欢的类型,如下图四)打开Adobe XD后,利用上节课所绘制的图形来完成本节课的作业。(如果需要调整亮度、透明度等请在右侧选择栏中自行选择)恭喜,你已经完成一半了。
2024-04-13 21:42:11
922
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人