自定义菜单,仿优酷菜单

效果图如下:点击主页后,上面2个圆环旋转消失与出现,点击中间圆环的中间那个菜单按钮,最外围的圆环旋转消失于出现

创新互联一直通过网站建设和网站营销帮助企业获得更多客户资源。 以"深度挖掘,量身打造,注重实效"的一站式服务,以成都网站设计、成都网站制作、移动互联产品、成都全网营销服务为核心业务。10多年网站制作的经验,使用新网站建设技术,全新开发出的标准网站,不但价格便宜而且实用、灵活,特别适合中小公司网站制作。网站管理系统简单易用,维护方便,您可以完全操作网站资料,是中小公司快速网站建设的选择。

自定义菜单,仿优酷菜单

利用了自定义控件技术,以及图片的旋转和布局时各个控件的相对关系。

1、acitivity_main.xml的布局文件





    


        

        


        

        

        

        

        

    


    

        

        

        
    


    

        
    


2、Tools.java 工具类,具体实现了消失与出现的方法,利用了图片的旋转消失

package com.yuanlp.youkudemo;

import android.view.View;
import android.view.animation.RotateAnimation;

/**
 * Created by 原立鹏 on 2017/7/3.
 * 控制level的指定的看控件
 */

class Tools {
    public static void hideView(View view){
        //参数解释:第一个蚕食是从多少开始,第二个是旋转多少度,第三个以及第四个是相对于控件来说,旋转中心的位置,即控件宽度的一半以及高度
        RotateAnimation ra=new RotateAnimation(0,180,view.getWidth()/2,view.getHeight());
        ra.setDuration(500);  //设置动画的时间,不然的话直接就没了,没有视觉效果
        ra.setFillAfter(true);  //动画停留在完成的状态

        view.startAnimation(ra);  //启动动画

    }

    public static void showView(View view) {

        //参数解释:第一个蚕食是从多少开始,第二个是旋转多少度,第三个以及第四个是相对于控件来说,旋转中心的位置,即控件宽度的一半以及高度
        RotateAnimation ra=new RotateAnimation(180,360,view.getWidth()/2,view.getHeight());
        ra.setDuration(500);  //设置动画的时间,不然的话直接就没了,没有视觉效果
        ra.setFillAfter(true);  //动画停留在完成的状态

        view.startAnimation(ra);  //启动动画

    }
}

3、MainActivity.java

package com.yuanlp.youkudemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class MainActivity extends AppCompatActivity {

    private ImageView icon_home;
    private ImageView icon_menu;
    private RelativeLayout level1;
    private RelativeLayout level2;
    private RelativeLayout level3;

    //定义一个状态,来控制level3是否显示
    private boolean isShowLevel3=true;

    //定义一个状态,来控制level2是否显示
    private boolean isShowLevel2=true;

    //定义一个状态,来控制level1是否显示
    private boolean isShowLevel1=true;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        level1= (RelativeLayout) findViewById(R.id.level1);
        level2= (RelativeLayout) findViewById(R.id.level2);
        level3= (RelativeLayout) findViewById(R.id.level3);

        icon_home= (ImageView) findViewById(R.id.icon_home);
        icon_menu= (ImageView) findViewById(R.id.icon_menu);

        MyOnClickListener myOnClickListener=new MyOnClickListener();

        icon_home.setOnClickListener(myOnClickListener);
        icon_menu.setOnClickListener(myOnClickListener);
    }

    class MyOnClickListener implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            switch (v.getId()){
                case R.id.icon_home:
                    //如果三级菜单和二级菜单都是现实的,那么把2个都设置隐藏
                    if (isShowLevel2){
                        isShowLevel2=false;
                        Tools.hideView(level2);
                        if (isShowLevel3){
                            isShowLevel3=false;
                            Tools.hideView(level3);
                        }
                    }else{
                        isShowLevel2=true;
                        Tools.showView(level2);

                    }

                    //如果三级菜单和二级菜单都是隐藏的,就显示二级菜单

                    break;
                case R.id.icon_menu:
                    if (isShowLevel3){
                        //隐藏
                        isShowLevel3=false;
                        Tools.hideView(level3);
                    }else{
                        isShowLevel3=true;
                        Tools.showView(level3);
                    }

                    break;
            }
        }
    }
}

当前文章:自定义菜单,仿优酷菜单
链接URL:http://ybzwz.com/article/iihcid.html