android自己定义开关控件
近日在android项目要使用开关控件。可是android中自带的开关控件不太惬意,所以就打算通过自己定义View写一个开关控件
ios的开关控件当然就是我要仿照的目标。
先上图:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">
分析:
开关控件,中包括了两个部分,一个是一个圆,一个是圆角矩形,好了那我们仅仅要通过view来进行绘制这两部分就能够了
直接上代码:
package com.example.widget; import com.example.switchbutton_master.R; import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Toast; //自己定义开关控件
public class SwitchbuttonView extends View{
//开关圆圈的按钮
private Bitmap swithSilder;
//获取的开关圆圈的宽度
private int swithWidth;
//开关圆圈在x轴上的位置
private int swithShilerX; //在轻微调整大小的长度
private int baseHeight;
private int baseWidth;
//开关控件当前的状态,true:开,false:关
private Boolean currentState = false;
//画笔
private Paint paint; /** 开关状态改变监听 */
private OnToggleStateChangeListener mListener; public SwitchbuttonView(Context context, AttributeSet attrs) {
super(context, attrs);
initBitmap();
} private void initBitmap() {
swithSilder = BitmapFactory.decodeResource(getResources(), R.drawable.swich_slider_new);
swithWidth = swithSilder.getWidth();
baseHeight = swithWidth / 10;
baseWidth = swithWidth / 5; paint = new Paint();
//初始画笔的样式没不填充
paint.setStyle(Paint.Style.STROKE);
//画笔颜色为灰色
paint.setColor(Color.parseColor("#D3D1D1"));
// 去锯齿
paint.setAntiAlias(true);
//设置笔的颜色
paint.setStrokeWidth(2);
//设置开关圆圈的x轴位置
swithShilerX = -3;
} @Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//canvas.drawColor(Color.WHITE);
//绘制开关的按钮
//绘制一个圆角的矩形,依据开关的大小进行绘制
RectF re3 = new RectF(0,0, swithWidth*2 - baseWidth, swithWidth - baseHeight);
canvas.drawRoundRect(re3, swithWidth/2, swithWidth/2, paint);
//在绘制一个控制按钮的图片,x轴为-3,是要让他向x轴的左側移动一点
canvas.drawBitmap(swithSilder,swithShilerX, 0, null);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//设置控件的大小为开关圆圈的大小,必须设置。不然没有办法计算当前组件的时间大小
setMeasuredDimension(swithWidth*2 - baseWidth, swithWidth);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_UP: // 手指抬起
currentState = (currentState == true) ? false : true;
//Log.i("Switch", currentState+"");
if(currentState){
//设置所绘制矩形的状态
paint.setStyle(Paint.Style.FILL); //填充
paint.setColor(Color.GREEN); //绿色
//设置开关圆圈的位置
swithShilerX = swithWidth - baseHeight - 3;
}else{
paint.setStyle(Paint.Style.STROKE); //不填充
paint.setColor(Color.parseColor("#D3D1D1")); //灰色
swithShilerX = -3;
}
//调用回调方法,传递当前的状态
mListener.onToggleStateChange(currentState);
break;
}
invalidate(); // 刷新控件,该方法会调用onDraw(Canvas canvas)方法
return true; // 自己处理事件,不让父类负责消耗事件 } /**
* 对外设置监听方法
* @param listener
*/
public void setOnToggleStateChangeListener(OnToggleStateChangeListener listener) {
this.mListener = listener;
} //用于进行设置当开关的状态发生改变是同一时候上层调用这进行的处理操作
public interface OnToggleStateChangeListener{
/**
* 当开关状态改变回调此方法
* 当前开关的最新状态
*/
void onToggleStateChange(boolean b);
} }
关键点:
1. 我们在自己定义view的时候,使用的坐标都是我们当前的view视图的,不是相对于整个屏幕的
2. 绘制自己定义view关键点就是绘制(onDraw)和确定控件的大小(onMeasure)
通过上面的代码我的自己定义控件就建立了,然后就能够在界面中使用,这里要注意的是我们在activity要对该控件设置回调事件,详细使用方式:
<com.example.widget.SwitchbuttonView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/am_sbv"
/>
private SwitchbuttonView am_sbv; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
am_sbv = (SwitchbuttonView) findViewById(R.id.am_sbv);
//为开关控件设置点击的回调事件
am_sbv.setOnToggleStateChangeListener(new OnToggleStateChangeListener(){ @Override
public void onToggleStateChange(boolean b) {
if(b){
Log.i("State", b+",开");
}else{
Log.i("State", b+",关");
}
} });
}
ok,这样一个自己定义的开关空间就完毕了,同志们假设有问题能够提出来。讨论一下
欢迎转载。
。
。
。
android自己定义开关控件的更多相关文章
- android 仿ios开关控件
ios一些控件还是挺美丽的,可是对android程序猿来说可能比較苦逼,由于ios一些看起来简单的效果对android来说可能就没那么简单了,可是没办法非常多产品都是拿ios的一些控件叫android ...
- android 自己定义组合控件
自己定义控件是一些android程序猿感觉非常难攻破的难点,起码对我来说是这种,可是我们能够在网上找一些好的博客关于自己定义控件好好拿过来学习研究下,多练,多写点也能找到感觉,把一些原理弄懂,今天就讲 ...
- 小米3系统计算器自己定义开关控件-MySwitchView
1.前言 在android4.0以后,有switch控件.相似于iPhone上面滑块的效果.可是仅仅能用在4.0以后的系统中.之前的平台.就无法使用这种控件. 近段时间.看到了 ...
- android:自己定义组合控件Weight(高仿猫眼底部菜单条)
在我们实际开发其中.会碰见一些布局结构类似或者同样的界面.比如应用的设置界面.tabbutton界面等. 这时候.对于刚開始学习的人来说,xml里面一个个绘制出来也许是最初的想法.可能随着经验的积累, ...
- Android 使用shape定义不同控件的的颜色、背景色、边框色
Android 使用shape定义不同控件的的颜色.背景色.边框色 设置按钮的右边框和底边框颜色为红色,边框大小为3dp: 在drawable新建一个 buttonstyle.xml的文件,内容如下: ...
- Android常用酷炫控件(开源项目)github地址汇总
转载一个很牛逼的控件收集帖... 第一部分 个性化控件(View) 主要介绍那些不错个性化的 View,包括 ListView.ActionBar.Menu.ViewPager.Gallery.Gri ...
- Android 常用炫酷控件(开源项目)git地址汇总
第一部分 个性化控件(View) 主要介绍那些不错个性化的 View,包括 ListView.ActionBar.Menu.ViewPager.Gallery.GridView.ImageView.P ...
- Android中通过WebView控件实现与JavaScript方法相互调用的地图应用
在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法,这样html才能调用andro ...
- [Android学习笔记]组合控件的使用
组合控件的使用 开发过程中,多个UI控件需要协同工作,相互交互之后,才可完成一个完整的业务需求,此时可把这些控件封装成为一个整体,相互之间的交互逻辑封装其中,外部调用可无需关心内部逻辑,只需获取处理后 ...
随机推荐
- 【JavaScript 11—应用总结】:下拉菜单
导读:在web页面的显示中,总是免不了下拉菜单的设置.怎样将菜单设置的更好玩一点呢?这次,就将实现一个下拉菜单的制作.当鼠标移入的时候,菜单显示,鼠标移走,菜单关闭. 一.实现分析 首先,制作一个下拉 ...
- 路飞学城详细步骤 part1
详细步骤 1 添加登录页面 步骤: Header.vue 写一个登录按钮,<router-link to = ' /xx'> 在路由的 index.js中添加这个 新的路由,{'path' ...
- 中国余数定理 1(codevs 3040)
题目描述 Description 摘自算法导论...... 找出第k个被3,5,7除的时候,余数为2,3,2的数: 输入描述 Input Description 一个数k. 输出描述 Output D ...
- Java 获取指定日期的方法总结 -转
格式化日期 String-->Date 或者 Data-->String SimpleDateFormat sdf = new SimpleDateFormat("yyyy-M ...
- android:logo
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="ht ...
- LeetCode OJ--Search in Rotated Sorted Array II
http://oj.leetcode.com/problems/search-in-rotated-sorted-array-ii/ 如果在数组中有重复的元素,则不一定说必定前面或者后面的一半是有序的 ...
- 小程序-地图API
摘要 地图组件-map 注意事项&&Bug: 1.map 组件是由客服端创建的原生组件,它的层级是最高的. 2.请勿在scroll-view中使用map组件 3.css动画对map组件 ...
- Java Socket应用
Java Socket(套接字)通常也称作"套接字",用于描述IP地址和端口,是一个通信链的句柄.应用程序通常通过"套接字"向网络发出请求或者应答网络请求.
- 【Java TCP/IP Socket】Java NIO Socket VS 标准IO Socket
简介 Java NIO从JDK1.4引入,它提供了与标准IO完全不同的工作方式. NIO包(java.nio.*)引入了四个关键的抽象数据类型,它们共同解决传统的I/O类中的一些问题. 1. ...
- Spring的IoC容器概述
以下内容引用自http://wiki.jikexueyuan.com/project/spring/ioc-containers.html: IoC容器 Spring容器是Spring框架的核心.容器 ...