android自定义彩虹,Android彩虹菜单

核心代码：

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;//触发菜单的按钮

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);

//获取触发菜单的按钮

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);

}

//根据当前的显示状态设置为相反的状态，如3级菜单已经关闭。这里将设置状态为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); //创建旋转动画

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) {

//创建旋转动画

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);//设置动画多久后执行

//设置动画监听事件

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布局文件：

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">

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">

android:id="@+id/a_1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:background="@drawable/a1_icon"/>

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">

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"/>

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"/>

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"/>

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">

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"/>

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"/>

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"/>

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"/>

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"/>

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"/>

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"/>

效果图：

2018-05-18 22_41_31.gif