自定义控件之仿优酷菜单

最新推荐文章于 2024-05-06 09:17:00 发布
最新推荐文章于 2024-05-06 09:17:00 发布
阅读量451 收藏
点赞数
分类专栏： 自定义控件 文章标签： 安卓 android 优酷菜单 自定义控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tianzhu2725/article/details/52745032
版权

1.布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <RelativeLayout 
        android:id="@+id/menu3"
        android:layout_width="280dp"
        android:layout_height="140dp"
        android:background="@drawable/level3"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        >
        <!-- 0 -->
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/channel1"
            android:layout_alignParentBottom="true"
            android:layout_marginLeft="12dp"
            android:layout_marginBottom="5dp"
            />
         <!-- 1 -->
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/channel2"
            android:layout_alignParentBottom="true"
            android:layout_marginLeft="35dp"
            android:layout_marginBottom="55dp"
            />
        
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/channel3"
            android:layout_alignParentBottom="true"
            android:layout_marginLeft="67dp"
            android:layout_marginBottom="87dp"
            />
        
         <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/channel4"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="6dp"
            />
         
         <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/channel5"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="67dp"
            android:layout_marginBottom="87dp"
            />
         
         <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/channel6"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="35dp"
            android:layout_marginBottom="55dp"
            />
         
         <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/channel7"
            android:layout_alignParentBottom="true"
             android:layout_alignParentRight="true"
            android:layout_marginRight="12dp"
            android:layout_marginBottom="5dp"
            />
        
    </RelativeLayout>
    
    <RelativeLayout 
         android:id="@+id/menu2"
        android:layout_width="180dp"
        android:layout_height="90dp"
        android:background="@drawable/level2"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        >
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/icon_search"
            android:layout_alignParentBottom="true"
            android:layout_marginLeft="12dp"
            android:layout_marginBottom="5dp"
            />
        
        <Button 
            android:id="@+id/menu"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/icon_menu"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="6dp"
            />
        
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/icon_myyouku"
            android:layout_alignParentBottom="true"
             android:layout_alignParentRight="true"
            android:layout_marginRight="12dp"
            android:layout_marginBottom="5dp"
            />
        
    </RelativeLayout>

    
    <RelativeLayout 
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:background="@drawable/level1"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        >
        
        <Button 
            android:id="@+id/home"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/icon_home"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="8dp"
            />
        
    </RelativeLayout>
    
</RelativeLayout>

2.activity 

public class MainActivity extends Activity implements OnClickListener{

    private Button mHome;
	private Button mMenu;
	/**
	 * 外部菜单显示隐藏的标示
	 */
	private boolean isShowMenu3 = true;
	/**
	 * 中部菜单显示隐藏的标示
	 */
	private boolean isShowMenu2 = true;
	private RelativeLayout mMenu3;
	private RelativeLayout mMenu2;
	
	@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        initView();
    }
    /**
     * 初始化控件的
     * 2016-8-12 上午10:11:18
     */
	private void initView() {
		mHome = (Button) findViewById(R.id.home);
		mMenu = (Button) findViewById(R.id.menu);
		mMenu2 = (RelativeLayout) findViewById(R.id.menu2);
		mMenu3 = (RelativeLayout) findViewById(R.id.menu3);
		
		//设置按钮的点击事件
		mHome.setOnClickListener(this);
		mMenu.setOnClickListener(this);
	}
	@Override
	public void onClick(View v) {
		//getId : 获取被点击的按钮的id
		switch (v.getId()) {
		case R.id.menu:
			
			//判断是否需要执行另一个动画
			if (Tool.isAnimation()) {
				return;
			}
			
			//如果外部菜单显示,点击隐藏
			//如果外部菜单隐藏,点击显示
			//需要知道外部菜单的显示状态
			if (isShowMenu3) {
				//显示 -> 隐藏
				//isShowMenu3 = !isShowMenu3;
				Tool.hide(mMenu3,0l);
			}else{
				//隐藏 -> 显示
				//isShowMenu3 = !isShowMenu3;
				Tool.show(mMenu3);
			}
			isShowMenu3 = !isShowMenu3;
			break;

		case R.id.home:
			
			//判断是否需要执行另一个动画
			if (Tool.isAnimation()) {
				return;
			}
			
			//如果外部菜单和中部菜单显示,点击全部隐藏
			//如果外部菜单隐藏,中部菜单显示,点击隐藏中部菜单
			//如果外部菜单和中部菜单全部隐藏,点击显示中部菜单
			if (isShowMenu3) {
				//如果外部菜单和中部菜单显示,点击全部隐藏
				isShowMenu3 = false;
				//isShowMenu2 = false;
				Tool.hide(mMenu3,0l);
				Tool.hide(mMenu2,300l);
			}else if(isShowMenu2){
				//如果外部菜单隐藏,中部菜单显示,点击隐藏中部菜单
				//isShowMenu2 = false;
				Tool.hide(mMenu2,0l);
			}else{
				//如果外部菜单和中部菜单全部隐藏,点击显示中部菜单
				//isShowMenu2 = true;
				Tool.show(mMenu2);
			}
			isShowMenu2 = !isShowMenu2;
			break;
		}
	}   
}
3.定义的工具类  里面主要是 动画的显示和 隐藏 和 布局中按钮的是否可以点击处理 

public class Tool {
	
	/**
	 * 标示动画是否执行完毕,如果大于0,动画正在执行,不能执行另一个动画,如果等于小于0,动画执行完毕可以执行另一个动画
	 */
	private static int isStart;
	
	/**
	 * 隐藏操作
	 * 以view作为参数,原因:提供复用性,这样,之后传递任何控件都可以实现隐藏操作,不用在来修改工具类,面向父类的开发
	 * 2016-8-12 上午10:26:04
	 */
	public static void hide(View menu,long startOffset){
		//旋转动画,0,-180
		//隐藏外部菜单的时候是没有延迟时间的,只有在外部菜单和中部菜单一起隐藏的时候,才有延迟时间
		setAnimation(menu,0,-180,startOffset);
		//禁止菜单和按钮的点击事件
		setClickable(menu,false);
	}
	/**
	 * 显示操作
	 * 2016-8-12 上午10:28:24
	 */
	public static void show(View menu){
		//旋转动画,-180,0
		setAnimation(menu,-180,0,0l);
		setClickable(menu,true);
	}
	
	/**
	 * 隐藏显示旋转动画
	 * 2016-8-12 上午10:30:01
	 */
	private static void setAnimation(View menu,float fromDegrees,float toDegrees,long startOffset){
		//fromDegrees : 从哪里开始旋转
		//toDegrees : 旋转到哪里
		//pivotXType : 旋转的类型,以什么作为参照物旋转Animation.ABSOLUTE:绝对位置,Animation.RELATIVE_TO_SELF:以自身,Animation.RELATIVE_TO_PARENT:以父控件
		//pivotXValue : 旋转的x的坐标
		RotateAnimation animation = new RotateAnimation(fromDegrees, toDegrees, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 1.0f);
		animation.setDuration(500);//动画的持续时间
		animation.setFillAfter(true);//保持动画结束的状态
		
		animation.setStartOffset(startOffset);//设置动画开始执行的时间,延迟时间,单位毫秒
		
		//监听动画的实现操作
		animation.setAnimationListener(listener);
		
		
		menu.startAnimation(animation);//执行动画的操作
		
	}
	
	/**
	 * 动画的监听
	 */
	private static AnimationListener listener = new AnimationListener() {
		//动画开始调用的方法
		@Override
		public void onAnimationStart(Animation animation) {
			isStart++;
		}
		//动画重复执行调用的方法
		@Override
		public void onAnimationRepeat(Animation animation) {
			// TODO Auto-generated method stub
			
		}
		//动画结束调用的方法
		@Override
		public void onAnimationEnd(Animation animation) {
			isStart--;
		}
	};
	/**
	 * 判断动画是否执行
	 * @return  true:执行,不能执行另一个动画;false:不执行,执行另一个动画
	 * 2016-8-12 上午11:21:12
	 */
	public static boolean isAnimation(){
		return isStart > 0;
	}
	
	/**
	 * 设置菜单和按钮是否可以点击
	 * @param
	 * 		menu:设置的菜单
	 * 		b : 是否可以点击
	 * 2016-8-12 上午10:53:48
	 */
	private static void setClickable(View menu, boolean b) {
		menu.setEnabled(b);//设置菜单是否可用,false:不可用,不可以做任何操作,true:可用
		//不仅仅是禁止菜单点击事件,还要禁止菜单中按钮的点击事件
		//instanceof : 判断控件是否是ViewGroup
		if (menu instanceof ViewGroup) {
			ViewGroup viewGroup = (ViewGroup)menu;
			//viewGroup.getChildCount();//获取菜单中的子控件的个数
			for (int i = 0; i < viewGroup.getChildCount(); i++) {
				View view = viewGroup.getChildAt(i);//根据子控件布局文件中的角标,获取子控件的对象,角标:布局文件中从上往下,从0开始往后
				//设置子控件不可用
				view.setEnabled(b);
			}
		}
	}	
	
}



tianzhu2725
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义控件仿优酷菜单
04-13
自定义控件 1.组合控件：将系统原生控件组合起来，加上动画效果，形成一种特殊的UI效果 2.纯粹的自定义控件：继承自系统的view，自己实现view的效果 博客地址：http://blog.csdn.net/csdnyuandaimaxuexi/article/details/51142358
android仿优酷菜单,Android自定义控件之仿优酷菜单
weixin_39671467的博客
05-26 89
去年的优酷HD版有过这样一种菜单，如下图：应用打开之后，先是三个弧形的三级菜单，点击实体键menu之后，这三个菜单依次旋转退出，再点击实体键menu之后，一级菜单会旋转进入，点击一级菜单，二级菜单旋转进入，点击二级菜单的menu键，三级菜单旋转进入，再次点击二级菜单的旋转键，三级菜单又会旋转退出，这时再点击一级菜单，二级菜单退出，最后点击实体menu键，一级菜单退出。总体来说实现这样的功能：(1)...
android自定义控件之模仿优酷菜单
江南一点雨的专栏
05-19 8010
去年的优酷HD版有过这样一种菜单，如下图：应用打开之后，先是三个弧形的三级菜单，点击实体键menu之后，这三个菜单依次旋转退出，再点击实体键menu之后，一级菜单会旋转进入，点击一级菜单，二级菜单旋转进入，点击二级菜单的menu键，三级菜单旋转进入，再次点击二级菜单的旋转键，三级菜单又会旋转退出，这时再点击一级菜单，二级菜单退出，最后点击实体menu键，一级菜单退出。总体来说实现这样的功能： （1
自定义控件--优酷菜单
LI0_0BIN的博客
05-14 383
自定义控件--优酷菜单
my android tools优酷,Android自定义控件——仿优酷圆盘菜单
weixin_29240343的博客
05-27 138
最近学习的时候，看见一份资料上教怎么写自定义控件，上面的示例用的是优酷早期版本的客户端，该客户端的菜单就是一个自定义的组件(现在的版本就不清楚有没有了，没下载过了)，好吧，废话不多说，先上优酷的原型图。 这个自定义组件感官上看是，里外三层设计，每一层上有布置不同的菜单按钮，每一层又设置了进入和退出的动画，来增强用户的体验效果。这种设计非常好，简洁美观，以下是我仿照优酷菜单自定义的一个组件，写的马马...
Android自定义控件之仿优酷菜单
09-02
主要为大家详细介绍了Android自定义控件之仿优酷菜单的相关资料，感兴趣的小伙伴们可以参考一下
自定义控件demo
03-25
这是一个自定义控件的demo，集成了优酷菜单、listview侧滑、viewpager左右滑动、textview滚动（跑马灯）和圆形图片的自定义demo
自定义控件优酷菜单
09-25
自定义控件优酷菜单
自定义控件之侧拉菜单SlidingMenu
tianzhu2725的博客
10-06 1094
1.定义个类继承viewGroup public class MySlidingMenu extends ViewGroup { private View menuView; private View mainView; private int menuWidth; private int downX; private int distance; private int curre
自定义控件之视差效果ParallaxEffect
tianzhu2725的博客
10-06 849
1.定义一个类继承ListView 主要用到的是越界滚动 overScrollBy()  onTouchEvent() 中松开手后自动回滚到原来的高度,用到了属性动画和插补器 public class ParallaxEffectView extends ListView { private ImageView imageView; private int intrinsicHeight
自定义控件之滑动按钮
tianzhu2725的博客
10-06 783
1.创建一个类继承view public class MyToggleButton extends View { private static final String NAMESPACE = "http://schemas.android.com/apk/res/com.baidu.togglebutton"; private Bitmap background; private Bi
自定义控件之ListView下拉刷新
tianzhu2725的博客
10-06 695
1.定义个类继承ListView    添加头条目    添加脚条目    设置滚动监听(处理上啦加载)    重写触摸 事件(处理下拉刷新) public class PullToReFreshListView extends ListView implements OnScrollListener { private View headerView; private int h
自定义控件之viewPager轮播图
tianzhu2725的博客
10-06 573
1.activity中 public class MainActivity extends Activity { private static final int VIEWPAGER_CHANGE = 0; private ViewPager mViewPager; private int[] imageResIds = { R.drawable.a,
自定义控件之快速索引QuickIndexBar
tianzhu2725的博客
10-06 565
1.定义个类继承view 主要使用三个方法: 一.onSizeChanged() {计算这个自定义控件的宽和每个字母所占的格子的高} 二.onDraw(){调用canvas.drawText} 三.onTouchEvent(){处理触摸逻辑} public class QuickIndexBar extends View { private Paint paint; private
自定义控件之DragLayout仿QQ界面
tianzhu2725的博客
10-06 518
1.布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_he
ScrollView嵌套ListView的问题解决
tianzhu2725的博客
10-09 502
在 ScrollView 添加一个 ListView 会导致 listview 控件显示不全，通常只会显示一条，这是因为两个控件的滚动 事件冲突导致 解决方法一: 通过 listview 中的 item 数量去计算 listview 的显示高度，从而使其完整展示 lv = (ListView) findViewById(R.id.lv); adapter = new MyAdapter
自定义控件之下拉列表
tianzhu2725的博客
10-06 401
1.activity public class MainActivity extends Activity implements OnClickListener,OnItemClickListener{ private EditText mNumber; private ImageView mArrow; private ListView listview; private Po
厂家自定义 Android Ant编译流程源码分析
最新发布
奋斗在一线的程序员
05-06 270
我的是：（E:\Tool\Windows\adt-bundle-windows-x86-20130729\sdk\tools\ant）上面主要是配置依赖工程，你可以手动改，当然默认的是用eclipse配置的工程的时候利用ADT插件自动生成的。其他的差异不用管，只管上面两行就可以了，每个ant版本的内容是不一样的，只要和自己的sdk对应就可以了。上述模块基本上把所有的情况都考虑到了，大家只要按照自己工程的实际需求改改就可以了，把没有用的删除。找到自己安装目录下的build.xml。解压ant的包到本地目录。
C#自定义控件之组合控件
07-28
C#中的自定义控件允许开发人员根据自己的需求创建新的组合控件。组合控件是由其他基本控件组合而成的，以实现更复杂的功能或用户界面。 要创建一个组合控件，可以按照以下步骤进行操作： 1. 创建一个新的继承自...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值