2017-2018-20172309 暑期编程作业:基于有道词典API的翻译软件的实现。

  • 写在前面:这个博客可以说是拖了很久了。因为做这个APP已经很久了,很多东西都已经忘记了,所以一直都懒得写。但是这个总是要做的,所以现在还是写一下吧。我觉得这个APP有点弱智,希望不要喷

作品展示:

整体展示:

  • 作品展示:



细节展示:

  • 首先我们可以看到的是这个app的图标:

    • 这个文件是配置在res/mipmap/icon.png下的,为了简便,我们直接把原来的图标替换掉.

    • 我们需要注意的是:因为在项目中引用这张图片的名字是原来图片的命名,所以我们必须把后面替换的图片名字也改成原来一样的.
    • 当然你可以选择用你喜欢的命名,只要把项目中引用的名字一同修改就OK啦。位置在这:

  • 然后我们点进去以后就可看到:进入动画~

    比如这样:



    我们多进去几次可以看到:



    和这样





    等等等等····实现方法下面说~

    不过我们得注意:需要隐藏状态栏。

  • 等进去动画完毕后,就进入主页面——翻译页面。

    • 首先看到的是背景图片:

    • 其次就是几个UI——输入框、按钮。
    • 待我们输入单词后,我们可以看到又出来一个动画:

  • 最后得补充几个细节:

    • 开局动画必须把状态框去掉,不然特别丑!!
    • 一开始出现气泡:此APP暂只支持英译汉
    • 当用户不输入数据直接点翻译按钮,将报错:输入不能为空。
    • 当用户输入的不是一个单词、或者是不完整的单词时,报错:暂未查到该单词!

制作之前的准备工作:

  • 制作前的准备工作大概就是思考应该制作一个什么样的APP啦,老师布置作业的时候说可以做一个表白样式的APP,然后去网上找了一下教程,上面有很多

    • 像这样:

    • 像这样

    真的是太多了,但是之后仔细去深究,发现对我来说是有点难的,再说,我做一个这个也没啥用啊.

  • 因此我就准备找一个简单的,适合我的来做。之后在慕课网上,找到了一个做词典的,感觉这个不错,但是那上面做的太复杂,很多东西只要用Rxvolley网络框架就OK了。

制作过程

主功能的实现:

  • 我们的主功能当然还是实现翻译啦:

    • 嘿嘿,当初很多同学看到我这个APP问是不是写一个字典TXT文本存到手机里面去,然后翻译的时候选择搜索?现在统一回复,不是的
    • 这个软件是基于有道词典api,实现自动翻译的。
    • 首先我们得申请这么一个api:申请地址
    • 申请完api后我们得到这么个东西:"http://fanyi.youdao.com/openapi.do?keyfrom=aaa123ddd&key=336378893&type=data&doctype=json&version=1.1&q=" ,这是个什么东西呢?我们只要把要翻译的单词或句子放到后面在网页上搜索就OK啦。



      比如:“http://fanyi.youdao.com/openapi.do?keyfrom=aaa123ddd&key=336378893&type=data&doctype=json&version=1.1&q=”+“plot”

      得到了这个:
    {
    "translation": [
    "情节"
    ],
    "basic": {
    "us-phonetic": "plɑt",
    "phonetic": "plɒt",
    "uk-phonetic": "plɒt",
    "explains": [
    "n. 情节;图;阴谋",
    "vt. 密谋;绘图;划分;标绘",
    "vi. 密谋;策划;绘制",
    "n. (Plot)人名;(捷)普洛特;(法)普洛"
    ]
    },
    "query": "plot",
    "errorCode": 0,
    "web": [
    {
    "value": [
    "情节",
    "标绘",
    "密谋"
    ],
    "key": "Plot"
    },
    {
    "value": [
    "漏斗图",
    "倒漏斗图",
    "漏斗图"
    ],
    "key": "Funnel plot"
    },
    {
    "value": [
    "四大门派"
    ],
    "key": "Shaolin Plot"
    }
    ]

}

```

  • 之后我们所需要做的就是把这些数据转换成平常人可以看得懂的数据就行啦!
private void eJson(String json){

        try{
JSONObject jsonObject = new JSONObject(json);
JSONObject object = jsonObject.getJSONObject("basic"); String s="美式发音"+ object.getString("us-phonetic")+"\n"+
"英式发音"+object.getString("uk-phonetic")+"\n"+
"释义:"+"\n"+object.getString("explains")+"\n"+"网络释义:"+"\n"; JSONArray ja = jsonObject.getJSONArray("web");
for (int i = 0; i < ja.length(); i++) {
JSONObject jsonObject3 = (JSONObject) ja.get(i);
s=s+jsonObject3.getString("value")+"\n";
s=s+jsonObject3.getString("key")+"\n";
} if (s==null)
Toast.makeText(MainActivity.this, "暂未查询到该单词!", Toast.LENGTH_LONG).show();
//在顶部显示
mean.setText(s); }
catch (Exception e){
e.printStackTrace(); }
}

页面的美化:

  • 开启动画的添加:使用随机数,得到随机图片。

    • 首先得把图片加到文件夹里:

    • 然后创建一个startActivity:
      • 首先获取随机图片:
       int [] hhh ={R.drawable.start1,R.drawable.start2,R.drawable.start3,R.drawable.start4,R.drawable.start5,R.drawable.start6};
      Random random = new Random();
      int i =random.nextInt(6)+1;
      iv_start = (ImageView) findViewById(R.id.iv_start);
      • 然后对图片进行缩放:
      iv_start.setImageResource(hhh[i]);
      //进行缩放动画
      ScaleAnimation scaleAnimation = new ScaleAnimation(1.4f, 1.0f, 1.4f, 1.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
      scaleAnimation.setDuration(4000);
      //动画播放完成后保持形状
      scaleAnimation.setFillAfter(true);
      scaleAnimation.setAnimationListener(new Animation.AnimationListener() {
      @Override
      public void onAnimationStart(Animation animation) {
      //可以在这里先进行某些操作
      } @Override
      public void onAnimationEnd(Animation animation) {
      startActivity();//一进来就先自动显示这个activity
      } @Override
      public void onAnimationRepeat(Animation animation) { }
      });
      iv_start.startAnimation(scaleAnimation);
  • 第二部分就是,点击按钮后的动画。
    • 在点击事件中添加:
    // 能成功翻译时,启动动画。
    imageView.setVisibility(View.VISIBLE); Animation al = new AlphaAnimation(1.0f, 0.0f);
    al.setDuration(1500);//设置动画持续时间为500毫秒
    al.setFillAfter(false);//设置动画结束后保持当前的位置(即不返回到动画开始前的位置) al.setAnimationListener(new Animation.AnimationListener() { public void onAnimationStart(Animation animation) {
    // TODO Auto-generated method stub } public void onAnimationEnd(Animation animation) {
    // TODO Auto-generated method stub
    imageView.setVisibility(View.GONE); } public void onAnimationRepeat(Animation animation) {
    // TODO Auto-generated method stub } }); imageView.startAnimation(al);

后面想到待实现的一些功能:

  • 版本号,软件介绍。
  • 查单词的历史记录。
  • 实现账号登录。
  • 像扇贝单词一样的每日一句功能。

反思与总结

  • 通过实现这个APP我学会了很多,比如从最基本的怎么创建一个项目、怎么创建一个activity到后面的怎么设计UI,怎么让自己的软件更加美观等等等,做完这个APP很开心,毕竟作业是做完了。但这个人间有一个缺点就是没有与我们学过的结合起来。不过我现在想到一个可以运用到做完这个软件以后学到的东西——基于队列实现的历史记录,历史记录是有大小约束的,比如只能储存20个,那么那些最早的记录就应该被清除出去。

参考文献

# 2017-2018-20172309 暑期编程作业:APP的更多相关文章

  1. 2017-2018-20172311 暑期编程作业:APP

    2017-2018-20172311 暑期编程作业:实现一个简单倒计时APP 写在前面:暑假的时候就单纯的想要设计一个倒计时软件,然后就通过查阅资料等学了一些,包括实现倒计时功能及显示:背景音乐的添加 ...

  2. java数据结构和算法编程作业系列篇-数组

    /** * 编程作业 2.1 向highArray.java程序(清单2.3)的HighArray类添加一个名为getMax()的方法,它返回 数组中最大关键字的值,当数组为空时返回-1.向main( ...

  3. 20172321 20172333 2017-2018 暑假作业APP

    20172321 20172333 2017-2018 暑假作业APP 项目介绍 项目成员 吴恒佚 20172321 严域俊 20172333 项目简介 从理论上来说,这是一个贪吃蛇游戏. <贪 ...

  4. </2017><2018>

    >>> Blog 随笔原始文档及源代码 -> github: https://github.com/StackLike/Python_Note >>> 统计信 ...

  5. 【BUAA软工】结对编程作业

    项目 内容 课程:2020春季软件工程课程博客作业(罗杰,任健) 博客园班级链接 作业:BUAA软件工程结对编程项目作业 作业要求 课程目标 学习大规模软件开发的技巧与方法,锻炼开发能力 作业目标 完 ...

  6. Stanford coursera Andrew Ng 机器学习课程编程作业(Exercise 2)及总结

    Exercise 1:Linear Regression---实现一个线性回归 关于如何实现一个线性回归,请参考:http://www.cnblogs.com/hapjin/p/6079012.htm ...

  7. stanford coursera 机器学习编程作业 exercise 3(逻辑回归实现多分类问题)

    本作业使用逻辑回归(logistic regression)和神经网络(neural networks)识别手写的阿拉伯数字(0-9) 关于逻辑回归的一个编程练习,可参考:http://www.cnb ...

  8. (转)Android如何编程设置APP安装位置(外部存储或内部存储)?

    Beginning with API Level 8, you can allow your application to be installed on the external storage ( ...

  9. 10款无需编程的App DIY开发工具

    10款无需编程的App DIY开发工具 你有一个很棒的创意但不会编程怎么办?外包.合伙开发还是从零学编程?这里提供另外一种方式--使用无需编程的App  DIY开发工具.DIY开发工具不仅节省了开发时 ...

随机推荐

  1. 赫夫曼树JAVA实现及分析

    一,介绍 1)构造赫夫曼树的算法是一个贪心算法,贪心的地方在于:总是选取当前频率(权值)最低的两个结点来进行合并,构造新结点. 2)使用最小堆来选取频率最小的节点,有助于提高算法效率,因为要选频率最低 ...

  2. Redis五种数据结构(Windows Server)

    1.Redis的五种数据结构 这里推荐大家在命名redis的key的时候最好的加上前缀,并且使用 :来分割前缀 ,这里在使用可视化工具查看的时候就比较好区分,比如我的的前缀是 Demo:test:(一 ...

  3. C++--------------------------------指针和数组替换使用原因

    马上要考试了,复习数据结构中,对C的指针不太了解,在严蔚敏<数据结构(C语言版)>中,发现p22定义顺序存储结构: typedef srtuct{ ElemType *elem; //存储 ...

  4. Zookeeper笔记之quota

    一.节点配额概述 zookeeper中可以往节点存放数据,但是一般来说存放数据总是要有个度量的对吧,不然空间就那么大,如果某个节点将空间全占用了其它节点没得用了,所以zookeeper提供了一个对节点 ...

  5. 05 uni-app框架学习:uni-app设置全局变量的方法

    原文地址:https://ask.dcloud.net.cn/article/35021

  6. 让浏览器重新下载css文件,解决不刷新缓存的问题

    网站页面源代码中的css文件和js文件后面带一个问号,后面跟着一连串数字或字符,问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息 它的作用有:1.作为版本号,让自己方便记 ...

  7. lucene简介——(一)

    0.概念性东西 1.数据分类

  8. mysql 获取当月日期天数

    本月总共天数:SELECT  TIMESTAMPDIFF(day,CURDATE(),(DATE_add(CURDATE(),INTERVAL 1 month)))

  9. Win7下如何使用GCC编译器

    很多Linux的爱好者都很熟悉GCC编译器,但是对面初学者,如何去学习GCC使用GCC ,很多人都是直接在电脑上装一个虚拟机,这样不仅安装麻烦,而且占用了很多电脑资源,今天我来教大家如何在Win7使用 ...

  10. oracle中循环读出一个表的信息插入到另外一个表中

    declare cursor TAGENTMENUd is select * from TAGENTMENU where 1=1; -- 获取游标begin --遍历查询出的表 (注意 tn是整条记录 ...