bstcine / cine-tasklist

8 stars 0 forks source link

UI-词汇学习-卡片式学习 -Mobile版 #425

Closed Anawangqi closed 5 years ago

Anawangqi commented 6 years ago

词汇学习-卡片式-手机版

<界面:功能简介>

  1. 功能引导: 进入卡片式学习,首先出现界面功能提示,简要引导介绍各区域按钮功能

  2. 单词发音: 点击单词,及周边区域,立即有单词发音

  3. 单词字体大小: 单词字体尽量往大显示,当单词或词组较长时,字体随界面区域自动调整大小(在一定的大小区域间适应), 中文释义同

  4. 左右单词切换: 左右划动词汇学习界面,则切在单词之间切换(学习上一个单词,或学习下一个单词)

  5. 上划操作: 在单词下方,界面中间上划时,表示用户已认识此单词,同时弹出单词不再显示对话框,确认或取消此操作

  6. 菜单设置: 点击词汇学习右下角的菜单按钮,则弹出设置:

    • 英音,美音切换,打开英音的开关时,美音的开关自动关上,反之相同
    • 自动播放,打开自动播放时,可设置单词习学的间隔秒数(UI部分需再调整)
    • 随机播放,界面默认为顺序播放,打开随机播放,则切换到随机播放,关上,则默认顺序播放
  7. 夜晚模式: 词汇学习界面随白天或晚上,自动切换屏幕的亮度<亮或暗>

  8. 单词图片: 默认大图显示,当单词没有图片时,显示默认已设置好的一些图片,随机显示;单词图片较小时,可考虑将默认图片模糊处理,单词图片显示在单词下方;

9.其他,待补充……

426

Anawangqi commented 6 years ago

词汇学习-卡片式

  1. 功能引导页

ip- -0

2.单词学习-默认背景-正面(单词及发音)

ip- -1 -1

  1. 单词学习-默认背景-背面(中文释义)+弹出设置

ip- -1 -2

  1. 单词学习-单词图片-正面(单词及发音)

ip- -2 -1

5.单词学习-单词图片-背面(中文释义)

ip- -2 -2

6.单词学习-上划弹出提示(不再显示已认识单词)

Style1 ip- -2 -3 Style2 ip- -2 - -2

7.单词学习-夜晚模式

ip- -3

  1. 单词学习-结束

ip- -4

9.其他单词图片背景,示例:

ip- -5