Android利用属性动画实现优酷菜单

利用属性动画实现优酷菜单，供大家参考，具体内容如下

10多年的上林网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整上林建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“上林网站设计”,“上林网站推广”以来，每个客户项目都认真落实执行。

布局文件

<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利用属性动画实现优酷菜单

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。

当前标题：Android利用属性动画实现优酷菜单
文章URL：https://www.cdcxhl.com/article48/iechhp.html

成都网站建设公司_创新互联，为您提供做网站、商城网站、虚拟主机、面包屑导航、Google、动态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

外贸网站制作

手机网站建设知识

同城分类信息