第四组用例文档+功能说明书+技术说明书：查看导入的图片，工作序号：001，2017/7/11

Posted 2020-09-27 Tony竹

 

用例
标题：查看照片
角色：用户
主要成功场景：
1. 打开软件
2. 进入设置界面
3. 添加照片文件夹
4. 返回图库界面
5. 等待图片扫描完成
6. 查看图片
扩展场景：
5.1. 添加的文件夹中没有图片
5.2. 图片个数过多，导入失败
6.1. 查看的图片过大，加载失败

 

功能说明书
目标：用户能查看到他指定的文件夹的照片
用户：希望查看照片的人
术语：
1. 图库：按时间顺序显示所有图片的界面
如何使用：
1. 打开软件
2. 进入设置界面
3. 添加照片文件夹
4. 返回图库界面
5. 等待图片扫描完成
6. 查看图片
边界条件：
1. 界面暂时只支持中文
2. 初版不做软件优化，所以文件夹内的图片个数不能太多
3. 同理，每张图片不能太大
测试目标：
1. 软件查看用户添加的所有文件夹内的内容
2. 软件能识别出文件夹内的所有图片
3. 图库界面能显示所有图片
4. 所有图片能按照时间的顺序显示
数据收集：
1. 导入图片需要的时间
2. 添加文件夹功能的使用频度
3. 文件夹内的文件类型
4. 导入图片的大小

 

技术说明书
1. 界面
a. 汉堡菜单 MainPage
i. 左侧有一个SplitView，利用VisualStateManager可以根据窗口大小实现自动显示隐藏
ii. SplitView中的Pane分为4行，分别为汉堡菜单button，主选项的ListView，一个分隔符，次选项（如设置等）的ListView
iii. SplitView的Content放一个frame控件，用于页面切换
iv. 页面切换时，如果要跳转的page等于当前page，则不跳转
b. 图库 GalleryPage
i. 顶部有一个CommandBar，显示标题
ii. 包含一个girdview，gridview里一行默认有4个item，每个item里显示一张图片
iii. Gridview可以根据窗口大小实现自动切换里面item的大小和个数
iv. 所有图片来自于文件夹内扫描的图片
2. 类
a. 汉堡菜单项 HambugerMenuListItem
i. 属性：图标、名字、跳转的page
b. 图片 Image
i. 属性：图片路径 ImageUrl
1. 图片在磁盘中存放的位置，绝对路径
2. 文件夹扫描出的所有图片，把路径赋值给ImageUrl
3. 算法
a. 扫描文件夹内的图片
i. 第一版只扫描文件后缀为.jpg .jpeg .png的图片
ii. 扫描时记录这些图片的绝对路径
iii. 将这些路径记录在本地存储里