核心代碼：
MainActivity.java
package com.huatec.myapplication;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity {
private ImageButton imageButton_a1, imageButton_b2;//觸發(fā)菜單的按鈕
private RelativeLayout l2, l3;//二級與三級菜單布局
private boolean isl2Show = true;//判斷二級菜單是否顯示
private boolean isl3Show = true; //盤算三級菜單是否顯示
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//獲取觸發(fā)菜單的按鈕
imageButton_a1 = findViewById(R.id.a_1);
imageButton_b2 = findViewById(R.id.b_2);
//獲取二級菜單與三級菜單布局
l2 = findViewById(R.id.level_2);
l3 = findViewById(R.id.level_3);
//單擊按鈕：顯示或隱藏三級菜單
imageButton_b2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (isl3Show) {
//隱藏3級導航菜單
MyAnimation.animationOUT(l3, 500, 0);
} else {
//顯示3級導航菜單
MyAnimation.animationIN(l3, 500);
}
//根據(jù)當前的顯示狀態(tài)設置為相反的狀態(tài)砸脊，如3級菜單已經關閉。這里將設置狀態(tài)為false
isl3Show = !isl3Show;
}
});
//單擊按鈕：顯示二級菜單或隱藏二級三級菜單
imageButton_a1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (!isl2Show) {
//顯示2級導航菜單
MyAnimation.animationIN(l2, 500);
} else {
if (isl3Show) {
//隱藏3級導航菜單
MyAnimation.animationOUT(l3, 500, 0);
//隱藏2級導航菜單
MyAnimation.animationOUT(l2, 500, 500);
isl3Show = !isl3Show;
} else {
//隱藏2級導航菜單
MyAnimation.animationOUT(l2, 500, 0);
}
}
isl2Show = !isl2Show;
}
});
}
}
MyAnimation.java
package com.huatec.myapplication;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
public class MyAnimation {
/**
* 菜單進入動畫
*
* @param viewGroup 菜單布局，對該布局進行旋轉
* @param duration 動畫時間
*/
public static void animationIN(ViewGroup viewGroup, int duration) {
//便利布局中按鈕控件
for (int i = 0; i < viewGroup.getChildCount(); i++) {
viewGroup.getChildAt(i).setVisibility(View.VISIBLE); //設置顯示
viewGroup.getChildAt(i).setFocusable(true); //獲得焦點
viewGroup.getChildAt(i).setClickable(true); //可以點擊
}
/**
* 旋轉動畫
* RotateAnimation(fromDegrees, toDegrees, pivotXType, pivotXValue, pivotYType, pivotYValue)
* fromDegrees 開始旋轉角度
* toDegrees 旋轉到的角度
* pivotXType X軸 參照物
* pivotXValue x軸 旋轉的參考點
* pivotYType Y軸 參照物
* pivotYValue Y軸 旋轉的參考點
*/
Animation animation = new RotateAnimation(-180, 0,
Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 1.0f); //創(chuàng)建旋轉動畫
animation.setFillAfter(true); //停留在動畫結束位置
animation.setDuration(duration); //動畫過程的時間
viewGroup.startAnimation(animation); //啟動動畫
}
/**
* 菜單退出動畫
*
* @param viewGroup
* @param duration
* @param startOffSet
*/
public static void animationOUT(final ViewGroup viewGroup, int duration, int startOffSet) {
//創(chuàng)建旋轉動畫
Animation animation = new RotateAnimation(0, -180,
Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 1.0f);
animation.setFillAfter(true);//停留在動畫結束位置
animation.setDuration(duration);//動畫過程的時間
animation.setStartOffset(startOffSet);//設置動畫多久后執(zhí)行
//設置動畫監(jiān)聽事件
animation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
/**
* 動畫結束后的事件處理
*/
@Override
public void onAnimationEnd(Animation animation) {
for (int i = 0; i < viewGroup.getChildCount(); i++) {
viewGroup.getChildAt(i).setVisibility(View.GONE); //設置隱藏菜單中按鈕
viewGroup.getChildAt(i).setFocusable(false); //失去焦點
viewGroup.getChildAt(i).setClickable(false); //不可單擊
}
}
});
viewGroup.startAnimation(animation);//啟動退出動畫
}
}
activity_main布局文件：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg"
tools:context=".MainActivity">
<!--創(chuàng)建一級菜單按鈕-->
<RelativeLayout
android:id="@+id/level_1"
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="@drawable/level1_bg">
<ImageButton
android:id="@+id/a_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/a1_icon"/>
</RelativeLayout>
<!--顯示二級菜單按鈕-->
<RelativeLayout
android:id="@+id/level_2"
android:layout_width="180dp"
android:layout_height="90dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="@drawable/level2_bg">
<ImageButton
android:id="@+id/b_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_margin="10dp"
android:background="@drawable/b1_icon"/>
<ImageButton
android:id="@+id/b_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_margin="6dp"
android:background="@drawable/b2_icon"/>
<ImageButton
android:id="@+id/b_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_margin="10dp"
android:background="@drawable/b3_icon"/>
</RelativeLayout>
<!--顯示三級菜單按鈕-->
<RelativeLayout
android:id="@+id/level_3"
android:layout_width="280dp"
android:layout_height="140dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="@drawable/level3_bg">
<ImageButton
android:id="@+id/c1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="6dp"
android:layout_marginLeft="12dp"
android:background="@drawable/c1_icon"/>
<ImageButton
android:id="@+id/c2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/c1"
android:layout_marginBottom="12dp"
android:layout_marginLeft="28dp"
android:background="@drawable/c2_icon"/>
<ImageButton
android:id="@+id/c3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/c2"
android:layout_marginBottom="6dp"
android:layout_marginLeft="8dp"
android:layout_toRightOf="@id/c2"
android:background="@drawable/c3_icon"/>
<ImageButton
android:id="@+id/c4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_margin="6dp"
android:background="@drawable/c4_icon"/>
<ImageButton
android:id="@+id/c7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginBottom="6dp"
android:layout_marginRight="12dp"
android:background="@drawable/c7_icon"/>
<ImageButton
android:id="@+id/c6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/c7"
android:layout_alignParentRight="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="12dp"
android:layout_marginRight="28dp"
android:background="@drawable/c6_icon"/>
<ImageButton
android:id="@+id/c5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/c6"
android:layout_centerHorizontal="true"
android:layout_marginBottom="6dp"
android:layout_marginRight="8dp"
android:layout_toLeftOf="@+id/c6"
android:background="@drawable/c5_icon"/>
</RelativeLayout>
</RelativeLayout>
效果圖：
2018-05-18 22_41_31.gif
