CHNG

Menu

「个人作品」客制化的多人共享屏幕便签APP《尺素》

操作指南

软件的用户界面可分为:注册界面、登陆界面、主页、白板详情页、邀请页和个人信息页。

5.2.1  注册界面

首次打开App,将进入注册界面。如图5-2所示

图 5-2 注册页

注册页面如左图所示,包含四个输入框(手机号码、用户名、姓名、密码)和一个按钮(图中未显示)。

手机号码输入框采用正则匹配的方式对输入的手机号进行校验;

用户名输入框要求输入至少4个字符;

姓名输入框要求输入至少两个字符;

密码输入框要求输入至少6个字符。

所有校验通过后,将出现“立即注册”按钮,点击按钮即可完成注册并自动登陆。

右上角有“直接登陆”按钮,点击可跳转至登陆界面。

5.2.2  登陆界面

登陆页面为一个sheet页,向下滑动即可回到注册界面。如图5-3所示。

图 5-3 登陆界面

登陆界面包含两个文本框和一个按钮。

用户名输入框要求输入至少4个字符;

密码输入框要求输入至少6个字符。

所有校验通过后,将出现“登陆”按钮。

点击按钮,若登陆成功,将进入主页;否则,将提示错误。

5.2.3  主页

主页为一个NavigationView。展示了登陆用户当前订阅的所有白板。如图5-4所示。

图 5-4 首页

白板以卡片(Card)的形式展现,包括内容、订阅用户、标签以及最新编辑时间。点击白板主体,可以跳转至对应的详情页。点击标签或用户姓名,可以开启筛选功能。如图5-5所示。

图5-5 筛选功能演示

点击右上角“+”图标,弹出菜单栏,包含“创建”、“邀请”、“筛选”、“个人信息”四个菜单项。如图5-6所示。

图5-6 弹出式菜单栏

5.2.4  白板详情页

白板详情页展示了当前白板,白板样式(类型、背景、颜色、字体、字号等),和谁共享(订阅该白板的用户)以及用户标签。如图5-7所示。

图 5-7 白板详情页

点击右上角的“编辑”按钮,即可进入编辑模式。如图5-8.

图 5-8 编辑白板

编辑模式下,可以选择白板的类型。

共有两种类型:图案、图片。图片模式下,用户可以上传本地图片作为背景。点击“选择图片”按钮,将弹出图片选择器,用户点击图片即可完成选择。

图案模式下,用户无需上传图片,可以直接使用软件预设制作出好看的白板。如图5-11所示。

图5-11 图案模式

点击背景样式,从软件预设中选择喜欢的背景图案。如图5-12所示。

图5-12 图案选择器

接着可以设置“背景颜色”、“图案颜色”、“文字颜色”、“文字字体”、“文字字号”。如图5-13所示。

图 5-13

在“内容”文本框中输入文本,即可显示在白板上,文本框支持多行文本。如图5-14所示。

图 5-14 多行文本演示

随后点击“完成”,即可保存该白板。

5.2.5  邀请其他用户订阅白板

在白板详情页,点击“和谁共享”条目,即可弹出邀请列表。如图5-15所示。

图 5-15 邀请列表

点击右上角的“邀请”按钮,显示文本框。如图5-16.

图 5-16

输入待邀请用户的用户名或手机号,点击“发送邀请”按钮,即可完成邀请。如图5-17所示。

图 5-17 发送邀请

随后只需要等待用户同意邀请便可与其共享当前白板。点击“取消”按钮可以取消邀请。

5.2.6  为白板添加标签

在编辑模式下,点击“标签”条目,弹出标签选择页。如图5-18所示。

图 5-18

默认情况下,标签列表为空,点击右上角“添加”按钮,弹出文本框,输入标签名,随后点击完成。如图5-19所示。

图 5-19

这样就可以在标签页选择标签了,点击相应的标签,便可以在“选中”和“未选中”状态切换。如题5-20所示。

图 5-20 标签被选中(左)标签未选中(右)

回到主页,便可看到白板上出现了相应的标签。点击标签可以筛选处所有同标签的白板。如图5-21所示。

 

图5-21

5.2.7  置顶白板

在编辑模式下,点击“置顶”,即可为白板添加“置顶”标签,在首页中将置顶显示。如图5-22所示。

 

图 5-22 置顶功能演示

5.2.8  邀请页

点击首页右上角的“+”按钮,在弹出式菜单中选择“邀请”,即可打开邀请页。如图5-23所示。

图 5-23 邀请页

点击“同意并订阅”按钮即可订阅该白板;点击“忽略”按钮将不再显示。

5.2.9  个人信息页

点击首页右上角的“+”按钮,在弹出式菜单中选择“信息”,即可打开个人信息页。如图5-24所示。

 

图 5-24 个人信息页

用户可以在此修改信息,或者退出登录。

5.2.10  在屏幕添加便签

长按屏幕,点击左上角“+”,弹出小组件选择器,选择“尺素”,随后选择合适的小组件尺寸(有小、中、大三种尺寸,在iPad上还有特大尺寸),如图5-25所示。

图 5-25

之后,屏幕上会出现一个小组件,器内容为最新的白板,点击小组件,可以更换要显示的白板。如图5-26所示。

图 5-26

小组件添加完成,用户可以像拖放桌面图标一样,将小组件放在合适的位置。

 

📎附件:基于IOS的客制化共享屏幕便签制作软件设计说明书

— 于 共写了1937个字
— 文内使用到的标签:

评论已关闭。