层叠按钮，展开、收起（安卓）

最新推荐文章于 2025-05-15 17:15:39 发布

原创最新推荐文章于 2025-05-15 17:15:39 发布 · 2.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#层叠按钮 #展开收起

android 专栏收录该内容

98 篇文章

订阅专栏

本文介绍了一种通过Java实现的层叠按钮动画效果，包括旋转动画和位移动画的实现方式。通过设置按钮状态，可以控制子按钮的展开与收起，并详细展示了如何使用TranslateAnimation和RotateAnimation来实现这一效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 设置
boolean SettingAniOn = true;

// 切换层叠按钮状态（层叠、展开）
public void Setting(View view)
{
	settingAni(!SettingAniOn);
}

// 设置按钮层叠动画效果
private void settingAni(boolean on)
{
	SettingAniOn = on;
	final int ANITIME = 300;
	
	// 旋转动画
	View setting = this.findViewById(R.id.setting);
	rotateAni(setting, on, ANITIME);
	
	// 位移动画
	int[] ids = { R.id.music, R.id.about, R.id.more, R.id.help };
	for (int i = 0; i < ids.length; i++)
	{
		View V = findViewById(ids[i]);
		transAni(V, i + 1, on, ANITIME);
	}
}

private void transAni(final View view, int id, final boolean on, final int ANITIME)
{
	final float Y = id * 40;
	
	AnimationSet AniSet = new AnimationSet(true);
	
	TranslateAnimation transAin = new TranslateAnimation(0, 0, on ? Y : 0, on ? 0 : Y);
	transAin.setDuration(ANITIME);
	transAin.setAnimationListener(new AnimationListener()
	{
		@Override
		public void onAnimationStart(Animation arg0)
		{
			view.setClickable(false);
		}
		
		@Override
		public void onAnimationRepeat(Animation arg0)
		{}
		
		@Override
		public void onAnimationEnd(Animation arg0)
		{
			view.setClickable(true);
			view.setVisibility(on ? View.VISIBLE : View.INVISIBLE);
		}
	});
	
	AniSet.addAnimation(transAin);
	view.startAnimation(AniSet);
}

private void rotateAni(final View view, final boolean on, final int ANITIME)
{
	AnimationSet AniSet = new AnimationSet(true);
	final float DEGREE = 180;
	
	RotateAnimation rotateAni = new RotateAnimation(0, on ? DEGREE : -DEGREE, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
	rotateAni.setDuration(ANITIME + 30);
	rotateAni.setAnimationListener(new AnimationListener()
	{
		@Override
		public void onAnimationStart(Animation arg0)
		{
			view.setClickable(false);
		}
		
		@Override
		public void onAnimationRepeat(Animation arg0)
		{}
		
		@SuppressLint("NewApi")
		@Override
		public void onAnimationEnd(Animation arg0)
		{
			view.setClickable(true);
			view.setRotation(on ? -DEGREE : 0);
		}
	});
	
	AniSet.addAnimation(rotateAni);
	view.startAnimation(AniSet);
}

// 设置层叠按钮初始状态 true展开、false层叠
public void initSetting(boolean on)
{
	SettingAniOn = on;
	int[] ids = { R.id.music, R.id.about, R.id.more, R.id.help };
	for (int i = 0; i < ids.length; i++)
		findViewById(ids[i]).setVisibility(on ? View.VISIBLE : View.INVISIBLE);
}