自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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(3)

通过前两期的学习,相信大家已经掌握基础的功能,今天让我们继续学习吧!

2024-04-15 22:25:42 1258 1

原创 UI设计之Adobe XD(2)

双击我们想要上色的区域,此时右侧出现选项栏,找到中间“填充”选项(如下图二),出现调色板,选择喜欢的颜色进行填充,调色板右侧的两个条状柱,左侧用来选颜色,右侧用来调“浓度”或者说“明暗”,如果有“锁”型图标证明此图标已经上锁,无法更改,此时需要点击“锁”型图标,使操作对象解锁。(PS:如果想做出好看的效果,请点击“纯色”选项,选择自己喜欢的类型,如下图四)打开Adobe XD后,利用上节课所绘制的图形来完成本节课的作业。(如果需要调整亮度、透明度等请在右侧选择栏中自行选择)恭喜,你已经完成一半了。

2024-04-13 21:42:11 922 1

android 移动应用与开发3

配合所示课程,用于练习所用

2024-10-15

android 移动应用与开发 实验2

使用操作手册让自己更快更熟练掌握android studio这个设计工具

2024-09-28

android 移动应用与开发 实验2

使用操作手册让自己更快更熟练掌握android studio这个设计工具

2024-09-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除