Android 自定义控件初级 多层按钮旋转控件

最新推荐文章于 2024-03-01 16:41:13 发布
最新推荐文章于 2024-03-01 16:41:13 发布
阅读量1.1k 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/szqsdq/article/details/46773631
版权 

 类似于<img src="https://img-blog.csdn.net/20150706144705531?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /><img src="https://img-blog.csdn.net/20150706144722417?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />


首先是布局文件如下：
</p><p></p><pre name="code" class="html"><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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <!-- 第一级导航菜单  -->
    <RelativeLayout
      android:id="@+id/firstlevel"
      android:layout_width="100dp"
      android:layout_height="50dp"
      android:layout_alignParentBottom="true"
      android:layout_centerHorizontal="true"
      android:background="@drawable/level1">
               
         <ImageButton 
             android:id="@+id/btnhome"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:background="@drawable/icon_home"
             android:layout_centerInParent="true"
          /> 
        
    </RelativeLayout>
    
    <!-- 第二级导航菜单  -->
     <RelativeLayout
      android:id="@+id/secondlevel"
      android:layout_width="180dp"
      android:layout_height="90dp"
      android:layout_alignParentBottom="true"
      android:layout_centerHorizontal="true"
      android:background="@drawable/level2">
               
         <ImageButton 
             android:id="@+id/search"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:background="@drawable/icon_search"
             android:layout_alignParentBottom="true"
             android:layout_marginLeft="9dp"
             android:layout_marginBottom="6dp"
          /> 
        
          <ImageButton 
              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="10dp"
          />
          
                 
         <ImageButton 
             android:id="@+id/myyouku"
             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="9dp"
             android:layout_marginBottom="6dp"
          /> 
          
    </RelativeLayout>
    
     
     <!-- 第三级导航菜单  -->
     <RelativeLayout 
         android:id="@+id/thirdevel"
         android:layout_width="280dp"
         android:layout_height="140dp"
         android:background="@drawable/level3"
         android:layout_alignParentBottom="true"
         android:layout_centerHorizontal="true">
         
         <ImageButton 
            android:id="@+id/chanel1"
            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="6dp"
          />
         
          <ImageButton 
            android:id="@+id/chanel2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"   
            android:background="@drawable/channel2" 
            android:layout_above="@id/chanel1"
            android:layout_marginLeft="30dp"
            android:layout_marginBottom="12dp"
          />
          <ImageButton 
            android:id="@+id/chanel3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"   
            android:background="@drawable/channel3" 
            android:layout_above="@id/chanel2"
            android:layout_marginLeft="70dp"
            android:layout_marginBottom="12dp"
          />
           <ImageButton 
            android:id="@+id/chanel4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"   
            android:background="@drawable/channel4" 
            android:layout_above="@id/chanel3"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="12dp"
            
          />
           
            <ImageButton 
            android:id="@+id/chanel5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"   
            android:background="@drawable/channel5" 
            android:layout_above="@+id/chanel6"
            android:layout_alignParentRight="true"
            android:layout_marginRight="70dp"
            android:layout_marginBottom="12dp"
          />
       
            <ImageButton 
            android:id="@+id/chanel6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"   
            android:background="@drawable/channel6" 
            android:layout_above="@+id/chanel7"
            android:layout_alignParentRight="true"
            android:layout_marginRight="30dp"
            android:layout_marginBottom="12dp"
          />
       
           <ImageButton 
            android:id="@+id/chanel7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"   
            android:background="@drawable/channel7" 
            android:layout_above="@id/chanel7"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:layout_marginRight="12dp"
            android:layout_marginBottom="6dp"
          />
      
     </RelativeLayout>
    

</RelativeLayout>
然后逻辑代码如下： 

package com.ShaoZhongqi.LessonUi;

import android.os.Bundle;
import android.util.Log;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.RelativeLayout;

public class MainActivity extends Activity {

	private ImageButton imgbtnsecondmenu;
	private ImageButton imgbtnhome;
	
	//找到布局文件 
	private RelativeLayout secondlevellayout;
	private RelativeLayout thirdlevellayout;
	
	//控制变量
	private boolean isShowSecondLevel = true;
	private boolean isShowThirdLevel = true;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		Log.d("shao","first haha");
		
		//主home按钮  和 二级菜单按钮   
		imgbtnsecondmenu = (ImageButton) findViewById(R.id.menu);
		imgbtnhome = (ImageButton)findViewById(R.id.btnhome);
		
		//布局视图 
		secondlevellayout = (RelativeLayout)findViewById(R.id.secondlevel);
		thirdlevellayout = (RelativeLayout)findViewById(R.id.thirdevel);
		
		imgbtnsecondmenu.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				
				Log.d("shao","first menu1");
				
				//二级控制按钮  控制第三层布局文件的显示或者隐藏 
				if(isShowThirdLevel)
				{
					//第三层view显示-->隐藏 
					MyAnimation.HideView(thirdlevellayout, 500, 0);
					Log.d("shao","first menu2");
					
				}else
				{
					
					//第三层view隐藏---->显示 
					MyAnimation.ShowView(thirdlevellayout, 500);
					
					
				}
				
				isShowThirdLevel = !isShowThirdLevel;
					
			}
		});
		
		
		//主home键控制第二层 和 第三层的显示 
		imgbtnhome.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				
				if(isShowSecondLevel)
				{
					
					if(isShowThirdLevel)
					{
						
						//二级和三级菜单都显示  那就隐藏二级和三级菜单  显示---->隐藏   显示-->隐藏 
						//需要延迟
						MyAnimation.HideView(thirdlevellayout, 500, 0);
						MyAnimation.HideView(secondlevellayout, 500, 1000);
						isShowThirdLevel = !isShowThirdLevel;
						Log.d("shao","first menu4");
						
					}else
					{
						//二级显示 三级不显示的情况   二级显示-->隐藏
						MyAnimation.HideView(secondlevellayout, 500, 0);
							
					}
					
									
				}else
				{
					
					//二级隐藏--->显示 
					MyAnimation.ShowView(secondlevellayout, 500);
					
				}
				
				isShowSecondLevel = !isShowSecondLevel;
				
			}
		});
				
	}


	
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

旋转动画 MyAnimation.java的代码如下： 

package com.ShaoZhongqi.LessonUi;

import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.RotateAnimation;

public class MyAnimation {
	
	//入动画   控制view的显示 
	public static void   ShowView(ViewGroup group,long duration)
	{
		 for(int i = 0 ; i < group.getChildCount();i++)
		 {
			  View childview = group.getChildAt(i);
			  childview.setVisibility(View.VISIBLE);
			  childview.setLongClickable(true);  //可以点击 
			  childview.setFocusable(true); //可以获得焦点
			 
		 }
		 
		 //设置旋转动画 
         RotateAnimation animation = new RotateAnimation(-180 ,0, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
         animation.setFillAfter(true);//停留在动画结束的位置
         animation.setDuration(duration);
		 group.setAnimation(animation);
	}
	
	public static void HideView(final ViewGroup viewGroup, int duration, int startOffSet)
	{

		Animation animation = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 1.0f);
		animation.setFillAfter(true);// 停留在 动画运行结束的位置
		animation.setDuration(duration);// 动画运行时间
		animation.setStartOffset(startOffSet);// 动画延迟启动时间
		animation.setAnimationListener(new AnimationListener() {

			@Override
			public void onAnimationStart(Animation animation) {
				// TODO Auto-generated method stub

			}

			@Override
			public void onAnimationRepeat(Animation animation) {
				// TODO Auto-generated method stub

			}

			@Override
			public void onAnimationEnd(Animation animation) {
				// TODO Auto-generated method stub
				for (int i = 0; i < viewGroup.getChildCount(); i++) {
					viewGroup.getChildAt(i).setVisibility(View.GONE);
					viewGroup.getChildAt(i).setClickable(false);// 不可以点击
					viewGroup.getChildAt(i).setFocusable(false);// 不可以获得焦点

				}

				viewGroup.setVisibility(View.GONE);
			}
		});

		viewGroup.startAnimation(animation);
		
		
		
		
	}
	
	
	
	

}


那就ok啦，代码需要自己看看~~~~~






2359_God
关注
专栏目录
Android自定义控件 旋转按钮
01-03
博客地址：http://blog.csdn.net/kong_gu_you_lan/article/details/53573439 GitHub地址：https://github.com/alidili/TempControlView
android 旋钮控件,Android自定义控件 温度旋转按钮
weixin_39842611的博客
06-03 385
封面1.介绍首先看下效果图温度旋转按钮2.思路初始化一些参数绘制刻度盘绘制刻度盘下的圆弧绘制标题与温度标识绘制旋转按钮绘制温度处理滑动事件提供一些接口方法3.实现初始化一些参数public class TempControlView extends View {// 控件宽private int width;// 控件高private int height;// 刻度盘半径private int ...
android 旋转音量按钮,非常好看的android音量旋钮
weixin_30905039的博客
05-27 533
本文实例为大家分享了好看的android音量旋钮，供大家参考，具体内容如下效果图：实现思路，用的自定义的控件,图片和按钮都是自己绘制的，并且附带点击事件，可以监听当前的旋钮的值：第一步：先把布局写了：android:orientation="vertical"android:background="#000000"android:layout_width="match_parent"android...
android 旋钮 旋钮开关 自定义控件
qq_37630270的博客
07-05 296
安卓自定义控件 旋钮控件 旋钮
Android多层抽屉菜单（MultiCardMenu）
07-03
从GigHub搬运而来，多层的抽屉效果，里面有效果图和编译好的apk文件
Android自定义控件之开关按钮学习笔记分享
01-05
今天来讲讲自定义单个控件，就拿开关按钮来讲讲，相信大家见了非常多这样的了，先看看效果： 我们可以看到一个很常见的开关按钮，那就来分析分析。 首先： 这是由两张图片构成： ①一张为有开和关的背景图片 ②一张...
Android自定义控件-温度控制旋转按钮.zip
最新发布
03-07
"Android自定义控件-温度控制旋转按钮.zip"是一个专为实现温度调节功能而设计的自定义控件示例。这个控件模拟了一个可以旋转的按钮，用户通过旋转来调整温度值，常见于空调或加热系统的用户界面中。 首先，`...
Android自定义控件之翻转按钮的示例代码
01-04
本文介绍了Android自定义控件之翻转按钮的示例代码，分享给大家，具体如下： 先看一下效果 一.先定义控件的基本结构 这里我们定义一个容器，所以是在ViewGroup的基础上扩展。 简单起见，直接使用扩展自ViewGroup...
Android自定义旋钮效果,Android自定义控件之翻转按钮
weixin_36085524的博客
05-25 407
先看一下效果20180515_153605.gif一.先定义控件的基本结构这里我们定义一个容器，所以是在ViewGroup的基础上扩展。简单起见，直接使用扩展自ViewGroup的LinearLayout，并将我们的控件扩展自LinearLayout。1.按钮的基本布局如下xmlns:android="http://schemas.android.com/apk/res/android"andro...
android 音量旋转按钮,非常好看的android音量旋钮
weixin_35810012的博客
05-28 531
本文实例为大家分享了好看的android音量旋钮，供大家参考，具体内容如下效果图：实现思路，用的自定义的控件,图片和按钮都是自己绘制的，并且附带点击事件，可以监听当前的旋钮的值：第一步：先把布局写了：android:orientation="vertical"android:background="#000000"android:layout_width="match_parent"android...
Android自定义组件——3D立体旋转控件
qq_28758749的博客
08-02 1856
BingoIdea 一个3D立体切换的自定义ViewGroup demo，支持横向和纵向滑动翻转。 项目配置 在项目的build.gradle配置 allprojects { repositories { maven { url 'https://oss.sonatype.org/content/groups/public' ...
Android钢琴滑动代码,如何使用Kotlin构建Android旋转旋钮以帮助儿子练习钢琴
weixin_35916518的博客
05-26 226
原标题：如何使用Kotlin构建Android旋转旋钮以帮助儿子练习钢琴 当我儿子的钢琴老师告诉他应该使用节拍器练习计时时，我借此机会使用了Kotlin。我决定使用编程语言和Android的生态系统，以便构建Metronome应用程序。我最初的实现使用SeekBar来控制BPM(每分钟节拍数)-节拍器滴答声的速率。但是，随着项目的进行，我想使其像一个物理数字单元，就像现实世界中许多音乐家所使用的那...
Android View自定义多档位开关控件
m0_73545408的博客
03-01 474
分段式的进度条，支持单点、滑动更改进度，每一小段为一个整体，实际应用可以当做各种多档位调节开关使用。感觉该控件比较实用，便记录一下。源码参考，修改了自己想要的样式，原博客样式圆角的。
Android自定义控件 温度旋转按钮
金戈鐡馬
03-01 676
以屏幕中心为画布原点，圆弧角度为270°，绘制未选中与选中状态的刻度盘。旋转方法中多减的2°是后期调整所得，不用在意。
关于Android的向上键（层级式导航）和返回键（临时性导航）的区别
hhh
02-16 849
今天看到Android编程权威指南的第十三章了，提到一个概念：层级式导航。具体体现就是我们平时用的app中的向上键，就是这个： 搞了好久，不太明白这个向上键和返回键的区别在哪里。 先说概念吧 向上键：这个按键主要在应用内使用，体现的是屏幕之间的层级关系。也就是说，你从屏幕A中的一个链接跳转到了屏幕B，这时候屏幕B的向上按钮，会让你回到它的上一级——也就是屏幕A； 返回键：这个按钮体现的...
kotlin设置按钮不可点击_按钮设计的小技巧-上集
weixin_39904809的博客
11-16 524
译自： https://medium.com/eightshapes-llc/buttons-in-design-systems-eac3acf7e23我喜欢按钮，我可以用按钮干很多事情，比如进入下一步，发布评论，完成某件事。正是因为有了按钮的设计，生活中的互动才更加精彩。这就是为什么按钮可以说是一个设计系统中最重要的组件。简单来说，按钮是一个在一定区域内可点击的一个小标签。而且按钮是你设计中会用...
一步一步学android之基本控件——Button组件
Kay的专栏
08-03 2636
按钮可以说是界面上用的最多的组件了，当用户进行选择的时候，就可以通过监听事件来接收用户的选择，今天不是讲监听事件的，后面有专门的篇幅来讲事件，所以今天来学习android中Button的用法，在android中，使用标签就可以定义出一个显示的按钮，同时还可以设置显示在按钮上面的文字，老规矩，先看看Button的继承结构： 可以发现，button是上一篇讲的textview的子类，所以
android 实现控件的平滑旋转
TompsonLee的博客
01-03 1299
android开发有些个基础的动画，旋转是其一，然而实现中会发现有时候实现出来的的旋转会有卡顿的现象，不是自己想要的，之前遇到过，当时解决了，这次遇到了，竟然忘了是怎么解决的了，网上重新查了下，还是记录下吧。 个人实现动画的过程如下： 动画文件：                 android:fromDegrees="359"           android:toDegr
Android自定义控件：温度旋转按钮的实现与代码详解
本文档详细介绍了如何在Android平台上实现一个自定义的温度旋转按钮控件。首先，我们通过一张温度旋转按钮的效果图来展示预期的设计，该按钮能够动态地表示温度范围，并允许用户通过滑动进行调节。设计的核心是利用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值