android的爱粤语app开发
目 录
一 、引言 1
（一）APP开发背景 1
（二）APP应用意义 1
二、开发工具 1
（一）Photoshop 1
（二）Eclipse 1
三、概要设计 1
（一）系统流程和基本设计 1
（二）数据库设计 2
（三）界面设计 3
四、界面UI设计 3
（一）交互流程设计 3
1、侧滑菜单界面交互流程图 3
2、欢迎界面交互流程图 3
3、用户登录界面布局图 4
4、主界面交互流程图 5
5、学模块界面交互设计 6
6、语音听写界面交互设计 7
7、听模块界面交互设计 8
（二）界面效果 11
1、Logo设计 11
2、 欢迎页面整体视觉效果 11
3、登录界面整体效果 12
4、主界面整体效果 12
5、学模块整体效果 14
6、听写模块整体效果 14
7、听模块整体效果 15
五、界面UI具体实现 16
（一）欢迎页三秒自动跳转跳转登录界面 16
（二）主界面侧滑效果实现 17
（三）TAB切换实现 19
（四）双击退出程序 19
六、APP功能具体实现 20
（一）用户登录验证及记住密码 20
（二）用户注册 21
（三）语音识别 23
（四）听模块实现 23
（五）语音合成实现 24
七．总结 26
致谢 27
参考文献 28
一 、引言
（一）APP开发背景
目前市场上的关于粤语的APP系统少之又少，这样对于粤语的认知就会越来越少，久而久之，粤语也许会无人知晓的，爱粤语APP目的是为了让每个人都能更好的了解粤语，同时也能弘扬中国的文化知识。
（二）APP应用意义
市面上的关于粤语方面的APP主要是为了让人们查询
*好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
27
参考文献 28
一 、引言
（一）APP开发背景
目前市场上的关于粤语的APP系统少之又少，这样对于粤语的认知就会越来越少，久而久之，粤语也许会无人知晓的，爱粤语APP目的是为了让每个人都能更好的了解粤语，同时也能弘扬中国的文化知识。
（二）APP应用意义
市面上的关于粤语方面的APP主要是为了让人们查询一些粤语知识，然而缺少了娱乐性，这样不能增加用户的娱乐体验，用户所希望的是能在娱乐中学到知识，而不是为了学而学，这样种方式可以大大加大用户对于粤语的喜爱程度，添加了粤语的听歌学粤语功能，这样也会使学习不再那么枯燥。爱粤语系统的平台是基于Android的开发平台，主要的语音系统采取网上的讯飞科技语音系统来实现。实现必要的基础性的查询和听读功能和听歌学粤语的功能。
二、开发工具
（一）Photoshop
爱粤语APP在UI采用Photoshop进行设计，它是一款功能强的的作图软件。通过Photoshop可以对APP的界面进行配色，布局，以及最初的框架设计。采用渐变、裁剪、选择、颜色填充以及滤镜通道的运用可以使APP的界面的到充分的渲染。Photoshop还可以用来设计Logo和APP中的小控件图标。
（二）Eclipse
Eclipse是用来进行Android软件开发的工具，用eclipse可以进行APP的开发，包括UI的页面布局，JAVA信息处理。
三、概要设计
（一）系统流程和基本设计
爱粤语APP的设计流程先是欢迎页跳转、登录注册，然后主要是学、练、听三个功能模块。如图3-1所示。
图3-1 系统流程图
（二）数据库设计
本系统的主要数据表如下所示：
表3-2用户表
字段名称
数据类型
长度
约束
含义
ID
整形
字长（4）
主键
用户编号
username
字符串类型
字长（50）
不允许
用户姓名
password
字符串类型
字长（50）
不允许
用户密码
（三）界面设计
1、欢迎界面
App欢迎界面，缓冲加载时间，提供更好的用户体验。
2、登录界面
包括用户的登录注册，记住密码。
3、主页面类型选择
学，练，听三个模块
四、界面UI设计
（一）交互流程设计
侧滑菜单界面交互流程图
侧滑菜单主要有展示用户信息按钮，包括用户头像，功能选项中包括了用户个人设置，版本信息，退出设置。如图4-1。
图4-1 侧滑菜单界面交互流程图
欢迎界面交互流程图
用户进入App的时候最先跳转的就是欢迎页面，所以欢迎页面至关重要。APP的欢迎页面主要展示了用户的头像和应用信息，如图4-2所示。
图4-2 APP欢迎界面布局图
用户登录界面布局图
用户界面主要用来实现用户的登录注册验证，其内容包括用户头像、用户名、密码、记住密码、登录注册按钮。如图4-3所示。
图4-3 登录界面交互流程图
主界面交互流程图
App主界面左上角进入侧滑按钮，中间部分是爱粤语APP的学、练、听三个模块。最下方是Tab按钮，通过点击下方的三个按钮可以实现对应的页面的切换。如图4-4所示。
图4-4 主界面模块界面交互
学模块界面交互设计
语音合成界面可进行语音合成右上角设置按钮可以对语音合成进行相关的设置，文本框用于输入用户
一 、引言 1
（一）APP开发背景 1
（二）APP应用意义 1
二、开发工具 1
（一）Photoshop 1
（二）Eclipse 1
三、概要设计 1
（一）系统流程和基本设计 1
（二）数据库设计 2
（三）界面设计 3
四、界面UI设计 3
（一）交互流程设计 3
1、侧滑菜单界面交互流程图 3
2、欢迎界面交互流程图 3
3、用户登录界面布局图 4
4、主界面交互流程图 5
5、学模块界面交互设计 6
6、语音听写界面交互设计 7
7、听模块界面交互设计 8
（二）界面效果 11
1、Logo设计 11
2、 欢迎页面整体视觉效果 11
3、登录界面整体效果 12
4、主界面整体效果 12
5、学模块整体效果 14
6、听写模块整体效果 14
7、听模块整体效果 15
五、界面UI具体实现 16
（一）欢迎页三秒自动跳转跳转登录界面 16
（二）主界面侧滑效果实现 17
（三）TAB切换实现 19
（四）双击退出程序 19
六、APP功能具体实现 20
（一）用户登录验证及记住密码 20
（二）用户注册 21
（三）语音识别 23
（四）听模块实现 23
（五）语音合成实现 24
七．总结 26
致谢 27
参考文献 28
一 、引言
（一）APP开发背景
目前市场上的关于粤语的APP系统少之又少，这样对于粤语的认知就会越来越少，久而久之，粤语也许会无人知晓的，爱粤语APP目的是为了让每个人都能更好的了解粤语，同时也能弘扬中国的文化知识。
（二）APP应用意义
市面上的关于粤语方面的APP主要是为了让人们查询
*好棒文|www.hbsrm.com +Q: 3 5 1 9 1 6 0 7 2
27
参考文献 28
一 、引言
（一）APP开发背景
目前市场上的关于粤语的APP系统少之又少，这样对于粤语的认知就会越来越少，久而久之，粤语也许会无人知晓的，爱粤语APP目的是为了让每个人都能更好的了解粤语，同时也能弘扬中国的文化知识。
（二）APP应用意义
市面上的关于粤语方面的APP主要是为了让人们查询一些粤语知识，然而缺少了娱乐性，这样不能增加用户的娱乐体验，用户所希望的是能在娱乐中学到知识，而不是为了学而学，这样种方式可以大大加大用户对于粤语的喜爱程度，添加了粤语的听歌学粤语功能，这样也会使学习不再那么枯燥。爱粤语系统的平台是基于Android的开发平台，主要的语音系统采取网上的讯飞科技语音系统来实现。实现必要的基础性的查询和听读功能和听歌学粤语的功能。
二、开发工具
（一）Photoshop
爱粤语APP在UI采用Photoshop进行设计，它是一款功能强的的作图软件。通过Photoshop可以对APP的界面进行配色，布局，以及最初的框架设计。采用渐变、裁剪、选择、颜色填充以及滤镜通道的运用可以使APP的界面的到充分的渲染。Photoshop还可以用来设计Logo和APP中的小控件图标。
（二）Eclipse
Eclipse是用来进行Android软件开发的工具，用eclipse可以进行APP的开发，包括UI的页面布局，JAVA信息处理。
三、概要设计
（一）系统流程和基本设计
爱粤语APP的设计流程先是欢迎页跳转、登录注册，然后主要是学、练、听三个功能模块。如图3-1所示。
图3-1 系统流程图
（二）数据库设计
本系统的主要数据表如下所示：
表3-2用户表
字段名称
数据类型
长度
约束
含义
ID
整形
字长（4）
主键
用户编号
username
字符串类型
字长（50）
不允许
用户姓名
password
字符串类型
字长（50）
不允许
用户密码
（三）界面设计
1、欢迎界面
App欢迎界面，缓冲加载时间，提供更好的用户体验。
2、登录界面
包括用户的登录注册，记住密码。
3、主页面类型选择
学，练，听三个模块
四、界面UI设计
（一）交互流程设计
侧滑菜单界面交互流程图
侧滑菜单主要有展示用户信息按钮，包括用户头像，功能选项中包括了用户个人设置，版本信息，退出设置。如图4-1。
图4-1 侧滑菜单界面交互流程图
欢迎界面交互流程图
用户进入App的时候最先跳转的就是欢迎页面，所以欢迎页面至关重要。APP的欢迎页面主要展示了用户的头像和应用信息，如图4-2所示。
图4-2 APP欢迎界面布局图
用户登录界面布局图
用户界面主要用来实现用户的登录注册验证，其内容包括用户头像、用户名、密码、记住密码、登录注册按钮。如图4-3所示。
图4-3 登录界面交互流程图
主界面交互流程图
App主界面左上角进入侧滑按钮，中间部分是爱粤语APP的学、练、听三个模块。最下方是Tab按钮，通过点击下方的三个按钮可以实现对应的页面的切换。如图4-4所示。
图4-4 主界面模块界面交互
学模块界面交互设计
语音合成界面可进行语音合成右上角设置按钮可以对语音合成进行相关的设置，文本框用于输入用户
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1559.html
