上篇文章中实现了优酷菜单执行动画,本文接着完善已经实现的动画功能

本文地址:http://www.cnblogs.com/wuyudong/p/5915958.html ,转载请注明源地址。

已经实现的菜单动画功能存在一点BUG,那就是当快速连续点击menu或home按钮的时候,动画出现进入和退出不定操作现象

下面来解决这一问题,可以通过监听事件来判断当前是否正在执行进入或进出操作,代码如下:

package com.wuyudong.youkumenu.utils;

import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.RotateAnimation;
import android.widget.RelativeLayout;

public class AnimationUtils {

    public static int runningAnimationCount = 0;

    // 旋转出去的动画
    public static void rotateOutAnim(RelativeLayout layout, long delay) {
        RotateAnimation ra = new RotateAnimation(
                0f, -180f, //开始,结束的角度, 逆时针
                Animation.RELATIVE_TO_SELF, 0.5f, //相对的x坐标点(指定旋转中心x值)
                Animation.RELATIVE_TO_SELF, 1.0f); //相对的y坐标点(指定旋转中心y值)
        ra.setDuration(500);
        ra.setFillAfter(true); //设置动画停留在结束位置
        ra.setStartOffset(delay); //设置动画开始延时
        ra.setAnimationListener(new MyAnimationListener());//添加监听
        layout.startAnimation(ra);

    }

    // 旋转进来的动画
    public static void rotateInAnim(RelativeLayout layout) {
        RotateAnimation ra = new RotateAnimation(
                -180f, 0f,  //开始,结束的角度, 顺时针
                Animation.RELATIVE_TO_SELF, 0.5f, //相对的x坐标点(指定旋转中心x值)
                Animation.RELATIVE_TO_SELF, 1.0f); //相对的y坐标点(指定旋转中心y值)
        ra.setDuration(500);
        ra.setFillAfter(true);
        ra.setAnimationListener(new MyAnimationListener());
        layout.startAnimation(ra);

    }

    static class MyAnimationListener implements AnimationListener {

        @Override
        public void onAnimationStart(Animation animation) {
            runningAnimationCount++;

        }

        @Override
        public void onAnimationEnd(Animation animation) {
            runningAnimationCount--;
        }

        @Override
        public void onAnimationRepeat(Animation animation) {
            // TODO Auto-generated method stub

        }

    }

}

在点击事件中添加一小段判断的代码即可

    public void onClick(View v) {
        if (AnimationUtils.runningAnimationCount > 0) {
            //当前有动画正在执行,不执行当前事件
            return;
        }
       .......

问题搞定

接下来还要进一步完善,当用户点击手机menu的时候,同样能得到点击优酷菜单同样的动画效果

这样需要判断用户的点击本机menu按键事件:

    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // keyCode   事件码
        if(keyCode == KeyEvent.KEYCODE_MENU) {
            if (AnimationUtils.runningAnimationCount > 0) {
                //当前有动画正在执行,不执行当前事件
                return true;
            }
            if (islevel1Display) {
                long delay = 0;
                //隐藏三级菜单
                if(islevel3Display) {
                    AnimationUtils.rotateOutAnim(rl_level3, 0);
                    islevel3Display = false;
                    delay += 200;
                }

                //隐藏二级菜单
                if(islevel2Display) {
                    AnimationUtils.rotateOutAnim(rl_level2, delay);
                    islevel2Display = false;
                    delay += 200;
                }

                //隐藏二级菜单
                AnimationUtils.rotateOutAnim(rl_level1, delay);
            } else {
                AnimationUtils.rotateInAnim(rl_level1, 0);
                AnimationUtils.rotateInAnim(rl_level2, 200);
                AnimationUtils.rotateInAnim(rl_level3, 400);

                islevel3Display = true;
                islevel2Display = true;
            }
            islevel1Display = !islevel1Display;
            return true; //消费当前事件
        }
        return super.onKeyDown(keyCode, event);
    }

完整的AnimationUtils代码如下:

package com.wuyudong.youkumenu.utils;

import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.RotateAnimation;
import android.widget.RelativeLayout;

public class AnimationUtils {

    public static int runningAnimationCount = 0;

    // 旋转出去的动画
    public static void rotateOutAnim(RelativeLayout layout, long delay) {
        int childCount = layout.getChildCount();
        //如果隐藏,则找到所有的子View,禁用
        for (int i = 0; i < childCount; i++) {
            layout.getChildAt(i).setEnabled(false);
        }
        RotateAnimation ra = new RotateAnimation(
                0f, -180f, //开始,结束的角度, 逆时针
                Animation.RELATIVE_TO_SELF, 0.5f, //相对的x坐标点(指定旋转中心x值)
                Animation.RELATIVE_TO_SELF, 1.0f); //相对的y坐标点(指定旋转中心y值)
        ra.setDuration(500);
        ra.setFillAfter(true); //设置动画停留在结束位置
        ra.setStartOffset(delay); //设置动画开始延时
        ra.setAnimationListener(new MyAnimationListener());//添加监听
        layout.startAnimation(ra);

    }

    // 旋转进来的动画
    public static void rotateInAnim(RelativeLayout layout, long delay) {
        int childCount = layout.getChildCount();
        //如果隐藏,则找到所有的子View,启用
        for (int i = 0; i < childCount; i++) {
            layout.getChildAt(i).setEnabled(true);
        }
        RotateAnimation ra = new RotateAnimation(
                -180f, 0f,  //开始,结束的角度, 顺时针
                Animation.RELATIVE_TO_SELF, 0.5f, //相对的x坐标点(指定旋转中心x值)
                Animation.RELATIVE_TO_SELF, 1.0f); //相对的y坐标点(指定旋转中心y值)
        ra.setDuration(500);
        ra.setFillAfter(true);
        ra.setStartOffset(delay); //设置动画开始延时
        ra.setAnimationListener(new MyAnimationListener());
        layout.startAnimation(ra);

    }

    static class MyAnimationListener implements AnimationListener {

        @Override
        public void onAnimationStart(Animation animation) {
            runningAnimationCount++;

        }

        @Override
        public void onAnimationEnd(Animation animation) {
            runningAnimationCount--;
        }

        @Override
        public void onAnimationRepeat(Animation animation) {
            // TODO Auto-generated method stub

        }

    }

}

完整的MainActivity代码如下:

package com.wuyudong.youkumenu;

import com.wuyudong.youkumenu.utils.AnimationUtils;

import android.os.Bundle;
import android.app.Activity;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.RelativeLayout;

public class MainActivity extends Activity implements OnClickListener {

    private RelativeLayout rl_level1;
    private RelativeLayout rl_level2;
    private RelativeLayout rl_level3;
    private boolean islevel1Display = true;
    private boolean islevel2Display = true;
    private boolean islevel3Display = true;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 初始化控件
        initViews();
    }

    private void initViews() {
        // 添加点击事件
        findViewById(R.id.ib_home).setOnClickListener(this);
        findViewById(R.id.ib_menu).setOnClickListener(this);
        rl_level1 = (RelativeLayout) findViewById(R.id.rl_level1);
        rl_level2 = (RelativeLayout) findViewById(R.id.rl_level2);
        rl_level3 = (RelativeLayout) findViewById(R.id.rl_level3);

    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // keyCode   事件码
        if(keyCode == KeyEvent.KEYCODE_MENU) {
            if (AnimationUtils.runningAnimationCount > 0) {
                //当前有动画正在执行,不执行当前事件
                return true;
            }
            if (islevel1Display) {
                long delay = 0;
                //隐藏三级菜单
                if(islevel3Display) {
                    AnimationUtils.rotateOutAnim(rl_level3, 0);
                    islevel3Display = false;
                    delay += 200;
                }

                //隐藏二级菜单
                if(islevel2Display) {
                    AnimationUtils.rotateOutAnim(rl_level2, delay);
                    islevel2Display = false;
                    delay += 200;
                }

                //隐藏二级菜单
                AnimationUtils.rotateOutAnim(rl_level1, delay);
            } else {
                AnimationUtils.rotateInAnim(rl_level1, 0);
                AnimationUtils.rotateInAnim(rl_level2, 200);
                AnimationUtils.rotateInAnim(rl_level3, 400);

                islevel3Display = true;
                islevel2Display = true;
            }
            islevel1Display = !islevel1Display;
            return true; //消费当前事件
        }
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public void onClick(View v) {
        if (AnimationUtils.runningAnimationCount > 0) {
            //当前有动画正在执行,不执行当前事件
            return;
        }
        switch (v.getId()) {
        case R.id.ib_home:
            if (islevel2Display) {
                long delay = 200;
                // 如果当前三级菜单已经显示,先转出去
                if (islevel3Display) {
                    AnimationUtils.rotateOutAnim(rl_level3, 0);
                    islevel3Display = false;
                    delay += 200;
                }
                // 如果当前二级菜单已经显示,转出去
                AnimationUtils.rotateOutAnim(rl_level2, delay);

            } else {
                // 如果当前二级菜单没有显示,转出来
                AnimationUtils.rotateInAnim(rl_level2, 0);
            }
            islevel2Display = !islevel2Display;
            break;
        case R.id.ib_menu:
            if (islevel3Display) {
                // 如果当前三级菜单已经显示,转出去
                AnimationUtils.rotateOutAnim(rl_level3, 0);
            } else {
                AnimationUtils.rotateInAnim(rl_level3, 0);
            }
            islevel3Display = !islevel3Display;
            break;

        default:
            break;
        }

    }

}

Android自定义控件4--优酷菜单的菜单键及细节补充的更多相关文章

  1. android自定义控件之模仿优酷菜单

    去年的优酷HD版有过这样一种菜单,如下图: 应用打开之后,先是三个弧形的三级菜单,点击实体键menu之后,这三个菜单依次旋转退出,再点击实体键menu之后,一级菜单会旋转进入,点击一级菜单,二级菜单旋 ...

  2. 自定义View(一)-ViewGroup实现优酷菜单

    自定义View的第一个学习案例 ViewGroup是自动以View中比较常用也比较简单的一种方式,通过组合现有的UI控件,绘制出一个全新的View 效果如下: 主类实现如下: package com. ...

  3. Android自定义控件系列(四)—底部菜单(下)

    转载请注明出处:http://www.cnblogs.com/landptf/p/6290862.html 在app中经常会用到底部菜单的控件,每次都需要写好多代码,今天我们用到了前几篇博客里的控件来 ...

  4. Android自定义控件3--优酷菜单执行动画

    在上篇文章中实现了优酷菜单的布局,本文接着实现动画功能 本文地址:http://www.cnblogs.com/wuyudong/p/5914901.html,转载请注明源地址. 新建动画工具类Ani ...

  5. Android自定义控件2--优酷菜单界面初始化

    本文开始将逐步去实现下面优酷菜单的效果: 本文地址:http://www.cnblogs.com/wuyudong/p/5912538.html,转载请注明源地址. 本文首先来实现优酷菜单界面初始化工 ...

  6. android 使用WebView 支持播放优酷视频,土豆视频

    看了很多文章和所谓的解决android WebView播放优酷,土豆等视频的办法,都是什么 setPluginsEnabled,在android 4.x之后都不好使,压根就没这函数,因为android ...

  7. Android笔记——Android自定义控件

    目录: 1.自定义控件概述 01_什么是自定义控件 Android系统中,继承Android系统自带的View或者ViewGroup控件或者系统自带的控件,并在这基础上增加或者重新组合成我们想要的效果 ...

  8. 仿优酷Android客户端图片左右滑动(自动滑动)

    最终效果: 页面布局main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayou ...

  9. 高仿优酷Android客户端图片左右滑动(自动切换)

    本例是用ViewPager去做的实现,支持自动滑动和手动滑动,不仅优酷网,实际上有很多商城和门户网站都有类似的实现: 具体思路: 1. 工程中需要添加android-support-v4.jar,才能 ...

随机推荐

  1. iOS 底层框架的浅析

    1.简介 IOS是由苹果公司为iPhone.iPod touch和iPad等设备开发的操作系统. 2.知识点 iPhone OS(现在叫iOS)是iPhone, iPod touch 和 iPad 设 ...

  2. Android下如何计算两经纬点之间距离

    节选自百度地图API: 若开发者使用的是百度地图或定位API,且版本在1.3.5以后的, 路线规划提供了获取路线距离的方法,见MKRoutePlan 类的 getDistance 方法. 如果是计算任 ...

  3. MP3光标移动

    #include<iostream> #include<string.h> using namespace std; int main() { int N; cin>&g ...

  4. python(26)查看文件的大小

    有时候,在写文件的时候需要判断文件的大小,或者删除空的文件 import os from os.path import join, getsize def getdirsize(dir): size ...

  5. 为C1Chart for WPF添加自定义标题、坐标轴单位标签以及旋转坐标轴注释

    对于图表控件C1Chart for WPF,我们在添加数据,选择图表类型这些基本可视化数据展示后,经常需要通过标题.坐标轴单位标签等信息辅助说明图表对实际场景的意义.C1Chart for WPF并没 ...

  6. Python3基础 if-else实例 判断输入的数字是否为8

    镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ ...

  7. 线程入门之join方法

    package com.thread; /** * <join:将某线程加入进来,相当于方法调用,也叫合并某个线程> * <功能详细描述> * * @author 95Yang ...

  8. SSIS_TXT有规则资料导入到EXCEL

    SSIS开发需要完全安装sqlserver.本次demo是sqlserver2008. 1.创建项目 2.解决方案打开如图所示. 3.拉取一个序列容器,一个数据流任务. 4.在数据流任务点击.拉取一个 ...

  9. DHTMLX 前端框架 建立你的一个应用程序 教程(九)--绑定表单Form到表格Grrid中

    绑定表单Form到表格Grrid中 现在我们需要选中一行表格数据的时候 数据能在表单中显示出来 我们可以使用DHTMLX 丰富的组件功能实现它. 绑定表单到表格 1.调用bind方法将表单绑定到网格, ...

  10. Cordova 设置全屏及退出全屏切换

    设置全屏在super.init();之前 最后才退出全屏. 以下为具体代码: package com.agile.ittm; import android.os.Bundle; import andr ...