手把手教你做安豆计算器(八)-动画效果

第9节 动画效果

当用户点击了以后,为了让结果区域的显示和表达式区域的清空显得很优雅,我们可以为它们添加淡如淡出的效果:让结果区域的文字淡入,让表达式区域的文字淡出。

这种效果可以使用动画实现。

安卓系统的动画可以分成,

  1. 逐帧动画:就像电影胶片那样,通过连续放映一张一张差距不大的图片实现动画效果;
  2. 属性动画:一点点改变控件的某个属性值,从而产生动画的视觉效果;
  3. 渐变动画:产生控件的透明效果 平移效果 缩放效果或者旋转效果

我们准备加入的文字淡入淡出效果,就是渐变动画的透明效果

9.1 定义动画

  1. 项目浏览框,找到res目录,点击右键,选择new->android resource file;

  2. 在对应栏位按照下图填写,创建一个淡入动画;

  3. 打开刚创建好的xml文件,定义淡入动画;android:fromAlpha指定动画开始时,动画对象的透明度;android:toAlpha指定动画结束时,动画对象的透明度;android:duration指定了动画持续的时间,单位是毫秒;android:interpolator指定了动画显示过程中变化的速度;
    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
    
        <alpha
            android:fromAlpha="0.0"
            android:toAlpha="1.0"
            android:duration="1500"
            android:interpolator="@android:anim/linear_interpolator"/>
    </set>
  4. 根据前面的操作,继续创建一个淡出动画,叫做fade_out
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <alpha
            android:fromAlpha="1.0"
            android:toAlpha="0.0"
            android:duration="1500"
            android:interpolator="@android:anim/linear_interpolator"/>
    </set>

9.2 使用动画

9.2.1 使用淡入效果

  1. 在源码中,使用AnimationUtils.loadAnimation()函数加载我们定义的动画;
  2. 为要使用动画的对象通过startAnimation()方法设置对象;
public void onClick(View view)
    {
        switch (view.getId()) {
            ......
            case R.id.btn_equ: {
                TextView formula = (TextView) findViewById(R.id.formula_area);
                String strContent = formula.getText().toString();

                try {
                    Symbols s = new Symbols();
                    double res = s.eval(strContent);

                    TextView result = (TextView) findViewById(R.id.result_area);
                    result.setText(String.valueOf(res));

                    Animation fadeIn = AnimationUtils.loadAnimation(MainActivity.this, R.anim.fade_in);
                    result.startAnimation(fadeIn);
                    formula.setText("");

                } catch (SyntaxException e) {
                    ......
                }
            }
            break;
        }
    }

9.2.2 使用淡出效果

如果使用9.2.1中的方式,直接对对象使用淡出效果,会发现对象一开始就消失不见了,而不是逐步消失的。因为在动画开始之前,我们就已经通过formula.setText("");将表达式区域设置成空了。因此,需要在淡出动画完成后,再把表达式区域设置成空。

  1. 在源码中,使用AnimationUtils.loadAnimation()函数加载我们定义的动画;
  2. 为动画添加监听,掌握动画进行的过程;
  3. 在动画结束时,将表达式区域设置成空;
public void onClick(View view)
    {
        switch (view.getId()) {
            ......
            case R.id.btn_equ: {
                TextView formula = (TextView) findViewById(R.id.formula_area);
                String strContent = formula.getText().toString();

                try {
                    ......

                    Animation fadeOut = AnimationUtils.loadAnimation(MainActivity.this, R.anim.fade_out);
                    formula.startAnimation(fadeOut);
                    fadeOut.setAnimationListener(new Animation.AnimationListener() {

                    @Override
                    public void onAnimationStart(Animation animation) {

                    }

                    @Override
                    public void onAnimationEnd(Animation animation) {
                        TextView formula = (TextView) findViewById(R.id.formula_area);
                        formula.setText("");
                    }

                    @Override
                    public void onAnimationRepeat(Animation animation) {

                    }?});

                } catch (SyntaxException e) {
                    ......
                }
            }
            break;
        }
    }

至此,整个动画的添加就完成了,运行程序,开始计算操作,可以看到动画效果了。



/*******************************************************************/

* 版权声明

* 本教程只在CSDN安豆网发布,其他网站出现本教程均属侵权。

/*******************************************************************/


后记

经过前面的学习和实践,我们已经开发出了一款简单的计算器应用,对安卓应用开发有了整体的认识。

安卓开发的学习还有更多有趣好玩的道路需要走,下面给出一些学习的建议和方法:

  1. 安豆网上有配套的《开发手册》,会将这里没有深入展开的内容,按照知识体系进行进一步的讲解。当我们对安卓的开发有了大概的认识后,可以去看看成体系的介绍和学习,让我们对开发的认识和理解更进一步;
  2. 对于困惑或者根本没有任何头绪的问题,去搜索引擎上尝试寻找答案,也许别人也遇到过类似的问题,站在前人的肩上,总会节约不少时间;
  3. 在时间允许的情况下,多做测试程序,把从书上、网上看到的内容消化成自己知识体系的一部分;
  4. 常去安卓开发的官网看看,上面有很多关于安卓应用开发的第一首资料;
  5. 对网上看到的有矛盾的资料,去官网查看权威的API文档;
  6. 乐于与别人分享自己在学习或者实践中遇到的问题和解决方法,与大家共同进步;
时间: 2024-10-28 10:21:09

手把手教你做安豆计算器(八)-动画效果的相关文章

手把手教你做安豆计算器(一)-开发环境搭建与部署

前言 很多同学想学安卓应用开发,但是还没有开始就遇到了很多问题,比如资源无法下载,环境搭建遇到问题,代码不知该从何处写起.从0到1的过程让新手们抓狂. 于是我们写了这篇操作性强,手把手教你应用开发的教程,帮助准备开始学习安卓应用开发的同学.万事开头难,把开始的第一只拦路虎解决掉,以后的路就越走越宽了. 本文将从一个实用的例子-"计算器"应用入手,向准备学习安卓开发的新手介绍安卓应用开发的整个过程–包括开发环境的搭建,程序的部署,界面设计,功能实现等等. 当完成这个"计算器&q

手把手教你做安豆计算器(二)-计算器界面布局

第3节 计算器界面布局 现在起,我们就开始正式开发"计算器"应用.这一节,我们将完成计算器的界面布局,让它初具计算器的模样. 计算器界面是通过布局文件定义的.它位于项目的res\layout\activity_main.xml文件中. 这个布局文件通过java源代码MainActivity.java中的setContentView()函数,设置到界面上. @Override protected void onCreate(Bundle savedInstanceState) { sup

手把手教你做安豆计算器(四)-界面美化

第5节 界面美化 这一节,我们将对粗糙的计算器界面进行美化,最后让它的效果如下, 5.1 整体背景色 给整个背景调整一个背景颜色,让它变得美观. 在布局文件activity_main.xml中,给整个界面增加一个背景颜色#FF4B5459,对界面的父布局LinearLayout使用android:background属性设置: 这里的颜色是采用AARRGGBB的形式进行定义的,AA表示透明度,RR代表红色,GG代表绿色,BB代表蓝色: <LinearLayout xmlns:android=&quo

手把手教你做安豆计算器(七)-“关于”界面

第8节 关于界面 现在我们开始为应用增加一个自我介绍,自我介绍也是一个Activity,它将从应用右上方的菜单栏启动. 8.1 菜单的添加 应用标题栏的区域,叫做Actionbar.这里用来显示应用的名字,提供应用的各种操作菜单.我们就要在这里添加一个关于菜单. 在项目浏览框,找到res目录,点击右键,选择new->android resource file; 在对应栏位按照下图填写: 在新创建的xml文件中加入菜单项,showAsAction属性表示菜单是否直接显示出来,如果给他指定never

手把手教你做音乐播放器(八)桌面小工具(下)(完)

8.4 MusicService的改造 8.4.1 App widget触发MusicService 当App widget的按钮被点击后,会触发隐式定义的Intent发送给MusicService.例如当下一首按钮被点击后,携带action-MusicService.ACTION_PLAY_MUSIC_NEXT的Intent将触发MusicService的onStartCommand()函数. 我们可以在onStartCommand()函数当中接收到App widget要求的操作命令,进行相应

UWP Jenkins + NuGet + MSBuild 手把手教你做自动UWP Build 和 App store包

背景 项目上需要做UWP的自动安装包,在以前的公司接触的是TFS来做自动build. 公司要求用Jenkins来做,别笑话我,之前还真不晓得这个东西. 会的同学请看一下支持错误,不会的同学请先自行脑补,我们一步一步的来. 首先我们准备2个安装包,Jenkins,NuGet 都下载最新的好了. 1. 安装Jenkins,下一步下一步.安装好了会自动浏览器跳转到http://localhost:8080/ 如下图 按照提示去C:\Program Files (x86)\Jenkins\secrets

微信测试工程师手把手教你做弱网络模拟测试

微信测试工程师手把手教你做弱网络模拟测试 Posted by 腾讯优测 | 3,152 views 小优有话说: app研发不同于实验室里做研究,哪里有"理想环境". 理想里,用户用着性能卓越的手机,连着畅通无阻的wifi网络. "哇塞!这个app好用到飞起!" 现实是,他们可能正用着你闻所未闻的机型,穿梭于地铁.公交.火车.乡间.大山-.. 信号"若隐若现,扑朔迷离" "我去!又crash了!" "唉,怎么又连不上

手把手教你做关键词匹配项目(搜索引擎)---- 第三天

第三天 小王(运营总监)看到小丁丁整天都在淘宝.百度.魔方.拍拍上面淘关键词,每天花费的时间好长,工作效率又低,拿着这个借口来找到我. 说到:小帅帅,你看小丁丁每天都在淘宝.百度.魔方.拍拍上面淘关键词花费的时间好长,你能不能帮帮忙,看看能不能让系统自己做啦,这样可以节省好多人力,带来的效益多高.(0 其实就是为了掩饰他们懒惰 0) 小帅帅一听到可以带来的效益好高,王总还求着我呢 ,马上 两眼冒着星光,是该好好体现, 解决这个问题就可以体现出我的价值. 小帅帅拍着胸膛保证到:王总,这个小KS啦,

手把手教你做关键词匹配项目(搜索引擎)---- 第六天

第六天 小帅帅周五休息后,精神估计太旺盛了,周末两天就狂欢去了,酒喝高了,把一件重要的事儿给忘记了. 周一重新整装 刺骨上战场. 一来公司,小帅帅终于记得他要做的事情,就迫不及待的整理会议报告(工作总结). 1.上周工作任务: 1) 页面提交关键词到关键词词库 2) 文件导入到关键词词库 3) 自动抓取关键此到关键词词库 2.能力的提升 1) 学会了如何读csv文件 2)  学会了curl 3)  学会了Html Dom parse 3.下周工作任务: 1) 了解下关键词词库的应用 刚写到这儿,