Android利用属性动画实现优酷菜单
作者:常利兵 时间:2022-06-15 13:16:44
利用属性动画实现优酷菜单,供大家参考,具体内容如下
布局文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<RelativeLayout
android:layout_width="280dip"
android:layout_height="140dip"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:id="@+id/level3"
android:background="@drawable/level3" >
<ImageButton
android:id="@+id/c1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="6dip"
android:layout_marginLeft="12dip"
android:background="@drawable/channel1" />
<ImageButton
android:id="@+id/c2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/c1"
android:layout_marginBottom="12dip"
android:layout_marginLeft="28dip"
android:background="@drawable/channel2" />
<ImageButton
android:id="@+id/c3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/c2"
android:layout_marginBottom="6dip"
android:layout_marginLeft="8dip"
android:layout_toRightOf="@id/c2"
android:background="@drawable/channel3" />
<ImageButton
android:id="@+id/c4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_margin="6dip"
android:background="@drawable/channel4" />
<ImageButton
android:id="@+id/c5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/c6"
android:layout_marginBottom="6dip"
android:layout_marginRight="8dip"
android:layout_toLeftOf="@+id/c6"
android:background="@drawable/channel5" />
<ImageButton
android:id="@+id/c6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/c7"
android:layout_marginBottom="12dip"
android:layout_marginRight="28dip"
android:layout_alignParentRight="true"
android:background="@drawable/channel6" />
<ImageButton
android:id="@+id/c7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="6dip"
android:layout_marginRight="12dip"
android:layout_alignParentRight="true"
android:background="@drawable/channel7" />
</RelativeLayout>
<RelativeLayout
android:layout_width="180dip"
android:layout_height="90dip"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:id="@+id/level2"
android:background="@drawable/level2" >
<ImageButton
android:id="@+id/search"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_margin="10dip"
android:background="@drawable/icon_search" />
<ImageButton
android:id="@+id/menu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_margin="6dip"
android:background="@drawable/icon_menu" />
<ImageButton
android:id="@+id/myyouku"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_margin="10dip"
android:background="@drawable/icon_myyouku" />
</RelativeLayout>
<RelativeLayout
android:layout_width="100dip"
android:layout_height="50dip"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="@drawable/level1" >
<ImageButton
android:id="@+id/home"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/icon_home" />
</RelativeLayout>
</RelativeLayout>
核心代码
package com.example.uumusic.menu;
import android.content.Context;
import android.view.View;
import android.widget.ImageButton;
import android.widget.RelativeLayout;
import android.widget.Toast;
import com.example.uumusic.R;
import com.example.uumusic.fragment.base.BasePager;
import com.example.uumusic.utils.Tools;
import butterknife.ButterKnife;
import butterknife.InjectView;
/**
* Created by Administrator on 2017.06.07.0007.
*/
public class YoukuMenu extends BasePager {
@InjectView(R.id.c1)
ImageButton c1;
@InjectView(R.id.c2)
ImageButton c2;
@InjectView(R.id.c3)
ImageButton c3;
@InjectView(R.id.c4)
ImageButton c4;
@InjectView(R.id.c5)
ImageButton c5;
@InjectView(R.id.c6)
ImageButton c6;
@InjectView(R.id.c7)
ImageButton c7;
@InjectView(R.id.level3)
RelativeLayout level3;
@InjectView(R.id.search)
ImageButton search;
@InjectView(R.id.menu)
ImageButton menu;
@InjectView(R.id.myyouku)
ImageButton myyouku;
@InjectView(R.id.level2)
RelativeLayout level2;
@InjectView(R.id.home)
ImageButton home;
private boolean isLeve12 = true;
private boolean isLeve13 = true;
public YoukuMenu(Context context) {
super(context);
}
@Override
public View initView() {
View view = View.inflate(mContext, R.layout.fragment_youku, null);
ButterKnife.inject(this,view);
return view;
}
@Override
public void initData() {
//为按钮设置点击事件
home.setOnClickListener(new MyOnClickLisetner());
menu.setOnClickListener(new MyOnClickLisetner());
}
class MyOnClickLisetner implements View.OnClickListener{
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.home:
//当点击home按钮时,开始进行动画的效果
if (isLeve12){
isLeve12 = false;
Tools.hide(level2);
if (isLeve13){
isLeve13 = false;
Tools.hide(level3,200);
}
}else {
isLeve12 = true;
Tools.show(level2);
}
break;
case R.id.menu:
if (isLeve13){
isLeve13 = false;
Tools.hide(level3);
}else {
isLeve13 = true;
Tools.show(level3);
}
break;
}
}
}
}
动画工具类
package com.example.uumusic.utils;
import android.animation.ObjectAnimator;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.RotateAnimation;
import android.widget.RelativeLayout;
/**
* Created by Administrator on 2017.06.07.0007.
*/
public class Tools {
//隐藏布局
public static void hide(ViewGroup view) {
hide(view, 0);
}
//显示布局
public static void show(ViewGroup view) {
//使用属性动画实现菜单的旋转
ObjectAnimator animator = ObjectAnimator.ofFloat(view,"rotation",180,360);
//设置动画时长
animator.setDuration(300);
animator.start();
view.setPivotX(view.getWidth()/2);
view.setPivotY(view.getHeight());
}
//延迟隐藏
public static void hide(ViewGroup view, int i) {
ObjectAnimator animator = ObjectAnimator.ofFloat(view,"rotation",0,180);
//设置动画时长
animator.setDuration(300);
//设置延迟
animator.setStartDelay(i);
animator.start();
view.setPivotX(view.getWidth()/2);
view.setPivotY(view.getHeight());
}
}
源码:Android利用属性动画实现优酷菜单
来源:https://blog.csdn.net/qq_32890771/article/details/72911030
标签:Android,优酷,菜单
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
SpringSecurity解决POST方式下CSRF问题
2023-07-18 18:59:51
Java中单例模式的7种写法
2021-09-05 23:40:57
Android开发中使用颜色矩阵改变图片颜色,透明度及亮度的方法
2023-04-28 20:42:22
![](https://img.aspxhome.com/file/2023/6/90126_0s.jpg)
SpringBoot自定义注解实现Token校验的方法
2023-11-13 23:17:52
C#编程获取IP地址的方法示例
2023-06-16 21:18:20
Java实现在线五子棋对战游戏(人机对战)
2023-01-10 19:07:29
![](https://img.aspxhome.com/file/2023/6/74896_0s.gif)
Java代码精简之道(推荐)
2023-07-28 02:00:05
盘点MQ中的异常测试
2022-05-06 07:39:24
SpringBoot中多环境配置和@Profile注解示例详解
2023-11-29 05:39:04
使用SpringBoot 工厂模式自动注入到Map
2021-12-22 10:02:42
Spring @Transaction 注解执行事务的流程
2022-12-30 15:41:23
![](https://img.aspxhome.com/file/2023/6/81906_0s.jpg)
浅入浅出的讲解Spring循环依赖问题
2023-11-03 07:16:11
![](https://img.aspxhome.com/file/2023/5/79285_0s.png)
C#使用三层架构开发Winform的详细案例
2023-08-08 03:22:24
![](https://img.aspxhome.com/file/2023/9/67569_0s.jpg)
详解Java并发编程之原子类
2022-05-28 01:36:06
Mybatis中的@Select、foreach用法
2023-06-05 00:07:20
Spring Security认证提供程序示例详解
2022-11-07 18:06:40
windows下java -jar 后台运行以及杀死后台进程的操作
2022-02-09 17:28:13
![](https://img.aspxhome.com/file/2023/3/61543_0s.jpg)
解读Spring-boot的debug调试
2022-06-09 15:04:06
![](https://img.aspxhome.com/file/2023/9/62499_0s.png)
java如何通过IP解析地理位置
2021-09-11 08:01:07
![](https://img.aspxhome.com/file/2023/5/61535_0s.png)
使用SpringMVC响应json格式返回的结果类型
2022-06-29 20:29:46
![](https://img.aspxhome.com/file/2023/7/90957_0s.png)