布局:
第二层环形图片 第二层环上的3个图片 第三层环形图片 第三层环上的7个图片
Activity:
package com.heima52.youkumenu;import android.os.Bundle;import android.app.Activity;import android.util.Log;import android.view.KeyEvent;import android.view.Menu;import android.view.View;import android.view.View.OnClickListener;import android.widget.ImageView;import android.widget.RelativeLayout;public class MainActivity extends Activity implements OnClickListener{ private String tag = MainActivity.class.getSimpleName(); private ImageView iv_home,iv_menu; private RelativeLayout level1,level2,level3; private boolean isShowLevel2 = true;//是否显示2级菜单 private boolean isShowLevel3 = true;//是否显示3级菜单 private boolean isShowMenu = true;//是否显示整个菜单,包括1级,2级,3级的菜单 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); initView(); initListener(); } private void initView() { setContentView(R.layout.activity_main); iv_home = (ImageView) findViewById(R.id.iv_home);//房子图片 iv_menu = (ImageView) findViewById(R.id.iv_menu); level1 = (RelativeLayout) findViewById(R.id.level1); level2 = (RelativeLayout) findViewById(R.id.level2); level3 = (RelativeLayout) findViewById(R.id.level3); } private void initListener() { iv_home.setOnClickListener(this);//房子的点击事件 iv_menu.setOnClickListener(this);//手机的菜单物理按键 } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode==KeyEvent.KEYCODE_MENU){ //KEYCODE_MENU是常量82, /* public static final int KEYCODE_HEADSETHOOK = 79; public static final int KEYCODE_FOCUS = 80; public static final int KEYCODE_PLUS = 81; public static final int KEYCODE_MENU = 82; public static final int KEYCODE_NOTIFICATION = 83; public static final int KEYCODE_SEARCH = 84; public static final int KEYCODE_MEDIA_PLAY_PAUSE= 85; public static final int KEYCODE_MEDIA_STOP = 86; public static final int KEYCODE_MEDIA_NEXT = 87; */ if(isShowMenu){ //按手机菜单物理按键需要关闭所有菜单 int startOffset = 0; if(isShowLevel3){ //如果三级菜单是显示状态就隐藏,否则是隐藏就不执行。 AnimUtil.closeMenu(level3, startOffset);//关闭动画 isShowLevel3 = false; startOffset += 200; } if(isShowLevel2){ AnimUtil.closeMenu(level2, startOffset);//关闭动画 isShowLevel2 = false; startOffset += 200; } AnimUtil.closeMenu(level1, startOffset);//关闭动画 }else { //按手机菜单物理按键需要显示所有菜单 AnimUtil.showMenu(level1,0);//打开动画 AnimUtil.showMenu(level2,200);//打开动画 isShowLevel2 = true; AnimUtil.showMenu(level3,400);//打开动画 isShowLevel3 = true; } isShowMenu = !isShowMenu; return true;//我们处理不让别的来处理 } return super.onKeyDown(keyCode, event); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.iv_home: if(AnimUtil.animCount!=0){ //说明有动画正在执行,比如有动画正在关闭则不能在未完全关闭之前又执行打开。 return; } if(isShowLevel2){ //需要隐藏 int startOffset = 0; if(isShowLevel3){ AnimUtil.closeMenu(level3,startOffset); startOffset += 200; isShowLevel3 = false; } AnimUtil.closeMenu(level2,startOffset); }else{ //需要显示// Log.e(tag, "执行显示操作"); AnimUtil.showMenu(level2,0); } isShowLevel2 = !isShowLevel2; break; case R.id.iv_menu: if(AnimUtil.animCount!=0){ //说明有动画正在执行,比如有动画正在关闭则不能在未完全关闭之前又执行打开。 return; } if(isShowLevel3){ //隐藏3级菜单 AnimUtil.closeMenu(level3,0); }else { //显示3级菜单 AnimUtil.showMenu(level3,0); } isShowLevel3 = !isShowLevel3; break; default: break; } }}
工具:
package com.heima52.youkumenu;import android.view.animation.Animation;import android.view.animation.Animation.AnimationListener;import android.view.animation.RotateAnimation;import android.widget.RelativeLayout;public class AnimUtil { public static int animCount = 0;//记录当前执行的动画数量 //旋转动画的关闭 public static void closeMenu(RelativeLayout rl,int startOffset){ for (int i = 0; i < rl.getChildCount(); i++) { rl.getChildAt(i).setEnabled(false); //子view设为不可用, //因为原生的旋转和位置动画并没有真正改变view的位置, //View还在,也就是说在View消失后点击空白处还是点到了View上面, //此时让view的enable属性置为false就不能点击了 } //旋转动画 RotateAnimation animation = new RotateAnimation(0, -180,//逆时针旋转,所以角度从0到-180 RotateAnimation.RELATIVE_TO_SELF, 0.5f,//旋转中心的X坐标是宽的一半处, RotateAnimation.RELATIVE_TO_SELF, 1);//旋转中心的Y坐标是高度一倍处, animation.setDuration(500);//旋转时间是500毫秒 animation.setFillAfter(true);//关闭动画结束后保持关闭的状态否则会又还原成显示状态。 animation.setStartOffset(startOffset);//设置延时后执行 animation.setAnimationListener(new MyAnimationListener());//设置Animation监听器 rl.startAnimation(animation); } //旋转动画的打开 public static void showMenu(RelativeLayout rl,int startOffset){ for (int i = 0; i < rl.getChildCount(); i++) { rl.getChildAt(i).setEnabled(true);//子view设为可用, } RotateAnimation animation = new RotateAnimation(-180, 0,//从-180到0 RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 1); animation.setDuration(500); animation.setFillAfter(true);//打开动画结束后保持打开的状态, animation.setStartOffset(startOffset); animation.setAnimationListener(new MyAnimationListener()); rl.startAnimation(animation); } static class MyAnimationListener implements AnimationListener{ @Override public void onAnimationStart(Animation animation) { animCount++; } @Override public void onAnimationEnd(Animation animation) { animCount--; } @Override public void onAnimationRepeat(Animation animation) { } }}
自定义控件: 1.组合控件:将系统原生控件组合起来,加上动画效果,形成一种特殊的UI效果。 2.纯粹自定义控件:继承自系统的View,自己去实现view效果。安卓中能够实现叠加的只有帧布局和相对布局,安卓中的view的边框都是矩形,没有圆形其他形状的。旋转动画:1,角度,逆时针旋转, 0—— -180, 2,旋转基于的点是自身最底部, 优酷菜单: 1.系统原生的旋转和位置动画并没有真正改变view的位置,View还在,也就是说在View消失后点击空白处还是点到了View上面,此时让view的enable属性置为false就不能点击了。如果是真正改变了位置那么其他相对布局的view的位置就会错乱了。