功能描述
1.同步活动计划
2.查看好友的活动计划
3.新建活动计划
界面
界面元素
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
页面标题 |
展示 |
文本“BUCKETLIST” |
无 |
标签页 |
同步活动计划; 查看好友的活动计划; 新建活动计划 |
“Sync”标签页、 “Discover”标签页、 “Create”标签页 |
a.点击选项,高亮显示,下方显示对应的标签页 |
界面元素-“Sync”标签页
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
同步源 |
获取活动计划 |
“Eventbrite”按钮、 “Google Places”按钮、 “Yelp”按钮 |
a.点击按钮,列表显示该同步源的活动计划 |
活动计划列表 | 展示 |
显示指定同步源的活动计划,默认排序; 未同步时,无活动计划 |
无 |
活动计划 |
同步活动计划 |
活动计划封面、 活动计划名称、 活动计划描述 |
a.点击活动计划,将该活动计划添同步到OpenInvite,同步成功后右侧显示“✔”图标 |
界面元素-“Discover”标签页
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
活动计划列表 |
展示 |
显示好友的活动计划列表,按照新建时间从大到小显示 |
a.滚动到最下方时,上滑页面,继续加载活动计划 |
活动计划 |
查看活动计划详情 |
属性待定 |
a.点击活动计划进入【活动计划详情】页面 |
界面元素-“Create”标签页
名称 | 用途 |
显示规则 |
交互 |
---|---|---|---|
活动计划名称 |
填写活动计划名称 |
输入框,默认为空,必填 |
a.点击输入框,输入活动计划名称; a.未填写名称,点击“→”按钮,APP弹框提示:“Bucketlist name is empty.” |
上传图片 | 上传活动计划封面 |
“![]() |
a.点击“上传图片”按钮显示底部弹框,选择“Select form gallery”按钮,选择一张照片上传(限制5mb以下,格式:png、jpg); b.点击“上传图片”按钮显示底部弹框,选择“Take a photo”按钮,拍照上传; c.点击“上传图片”按钮显示底部弹框,“Recommended photos”按钮调用组件随机上传推荐图片; c.点击按钮检查本机摄像机是否可用,不可用弹框提示:Camera unavailable ; d.拍照时检查储存空间是否充足 |
活动计划描述 |
填写活动计划描述 | 文本框,默认为空,必填 |
a.点击文本框,输入活动计划描述 a.未填写名称,点击“→”按钮,APP弹框提示:“Bucketlist description is empty.” |
计划时间 |
选择计划时间 |
单选,必选,默认为“6 months”,选项包括:6 months、1 year、before i die |
a.点击选项,选择计划时间 |
提交 |
提交表单,新建活动计划 |
“→”按钮 |
a.点击“→”按钮提交表单,新建活动计划成功,返回【我的活动计划】页面 |