当前课程知识点：移动快速应用开发 > 第四章 我的词典 > 我的词典界面设计 > 我的词典界面设计
大家好
在前一讲里
我们进行了音乐播放器APP的开发
学习了音频播放器等组件的使用
从这一讲开始
我们将制作一个新的APP我的词典
通过这个事例
我们主要学习以下这些内容
第一掌握Yandex语言翻译器的用法
第二
掌握文本语音转换器的用法
第三
掌握语音识别器的用法
让我们先来看一下APP最后的界面
当用户输入单词或者语句后
可以翻译成英语
汉语 法语 日语 韩语等五种语言
能够对英语 法语 汉语文字进行朗读
可以将汉语或者英语的朗读进行识别
转换成文字
下面我们就将完成语言翻译器的功能
一
用户界面设计
新建一个项目
dictionary
拖动水平布局
设置它的高度为80像素
宽度充满
选择一个文本框
高度充满 宽度比例的80%
文本的内容为空
选择一个水平布局
高度自动 宽度充满
在水平布局二里面
我们将放入五个按钮
那么我们拖入五个按钮到其中一二三四五
我们设置五个按钮的属性
高度设为40像素 宽度为自动
形状为圆角
文本第一个按钮的文本内容为法语
第二个按钮根据上面的一样
圆角
文本内容为英语 高度40
形状圆角
第三个按钮的文本为汉语
第四个按钮为日语
最后一个
韩语
五个按钮我们设计好了
但是我们要注意一下这五个按钮
距离比较近
我们希望它有风格
那么怎么办
我们可以拖入标签
我们拖入四个标签到这
其中标签一
我们把高度设为40
宽度设为10
内容是为空
这时候我们可以看到法语和英语之间
有了一个间隔
按照这样的一个过程
我们完成剩下的间隔
这时候我们的五个按钮已经完成
下面我们要给它有一个提示符
我们拖一个标签上去
把它的内容改为翻译结果
下面最后我们再拖一个水平布局
它的高度我们设为100像素
宽度我们设为充满
那么我们的翻译结果放在哪呢
我们放选择一个标签
放入到水平布局3当中
它的文本内容是空 高度是充满
宽度
我们这是保留了是80
我们后面会还会添加其他的空间
最后我们再拖入Yandex语言翻译器进来
界面设计我们完成了
界面设计好以后
我们要给所有的一些按钮控件重新命名
按钮1
我们命名为按钮法语
按钮2
我们重命名为英语
按钮3
我们重命名为汉语
按钮4我们重命名为日语
按钮
我们从命名为韩语
最后的标签
我们重命名为结果
第一个文本框
我们重命名为文本输入框原文
这样我们所有的界面设计到此结束
谢谢各位同学的收看
在这一章里
我们主要学习了Yangdex语言翻译器的界面设计
在下一节课当中
我们将进行逻辑代码设计
谢谢大家的收看
再见
-App Inventor简介
-第一个应用-喵喵叫的小猫
--喵喵叫的小猫
-App Inventor的调试方法
-作业--作业
-拓展练习
-石头剪刀布界面设计
-选择结构
--选择结构
-组件介绍
--组件介绍
-石头剪刀布逻辑设计
-作业--作业
-计算器的界面设计
--计算器的界面设计
-过程的定义
--过程的定义
-实现整数运算的计算器
-带小数点的计算器
--带小数点的计算器
-代码测试
--代码测试
-作业--作业
-我的词典界面设计
--我的词典界面设计
-语言翻译
--语言翻译
-文字朗读
--文字朗读
-语音识别
--语音识别
-作业--作业
-绘图板界面设计
--绘图板界面设计
-手指作画
--手指作画
-精灵画圆
--精灵画圆
-绘图的保存
--绘图的保存
-作业--作业
-社交应用界面设计
--社交应用界面设计
-拨号并收发短信
--拨号并收发短信
-短信的分类保存
--短信的分类保存
-短信的选择与删除
--短信的选择与删除
-作业--作业
-条码扫描器
--条码扫描器
-申请Web-API的步骤和调试方法
-Web客户端
--Web客户端
-JSON格式数据的解析方法
-扫码识物
--扫码识物1
--扫码识物2
-作业--作业
-人工智能技术介绍
--人工智能技术介绍
-扫描仪界面设计
--扫描仪界面设计
-百度AI 函数介绍
-扫描仪的代码实现
--扫描仪的代码实现
-作业--作业
-拓展练习
