准备两张图片,按钮背景,上面的小开关
创建一个类MyToggleBtn,继承View
实现三个构造方法,传递上下文,
实现构造方法,传递Context对象,在java代码中实例化时主要使用这个
实现构造方法,传递Context对象,AttributeSet对象,在布局文件中主要使用
View对象显示在屏幕上,有几个重要步骤
1.构造方法创建对象
2.测量view的大小 onSeasure(int,int)
3.确定view的位置,view自身有一些建议权,决定权在父view手中 onLayout()
4.绘制view的内容 onDraw(Canvas)
构造方法,初始化view,
调用BitmapFactory.decodeResurce()方法,把图片资源转成Bitmap对象,参数:Resource对象(getResources()),资源id
重写onMesaure()方法,
不要调用父类
调用setMeasuredDimension()方法,参数:宽度,高度;调用背景Bitmap对象的getWidth()和getHeight()
重写onDraw()方法,传递进来Canvas对象
调用Canvas对象的drawBitmap()方法,参数:Bitmap对象,左边点(0),上边点(0),Paint对象
获取Paint对象,new出来
调用Paint对象的setAntiAlias(),设置抗锯齿,参数:布尔值
滑动按钮
滑动按钮目前的位置,0,0,状态是 关
canvas.drawBitmap(bitmapBtn, 0, 0, paint);
滑动按钮的位置在,背景图的宽度-滑动按钮的宽度,0,状态是 开
canvas.drawBitmap(bitmapBtn, 背景图的宽度-滑动按钮的宽度, 0, paint);
定义成员变量currentState存储当前状态,值:布尔值
调用setOnClickListener()方法,设置点击事件,参数:this
当前类实现obClickListener接口,实现onClick()方法
切换当前状态currentState=!currentState
判断当前状态
如果为真,滑动按钮的左边是背景图的宽度-滑动按钮的宽度
如果为假,滑动按钮的左边是0
调用invalidate()方法,刷新当前视图
MyToggleBtn.java
package com.tsh.myswitchbtn;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Paint;import android.util.AttributeSet;import android.view.View;import android.view.View.OnClickListener;public class MyToggleBtn extends View implements OnClickListener {//背景图片private Bitmap bitmapBackground;//按钮图片private Bitmap bitmapBtn;private Paint paint;/*** 布局文件中使用* @param context* @param attrs*/public MyToggleBtn(Context context, AttributeSet attrs) {super(context, attrs);initView();}/*** 初始化view*/private void initView() {bitmapBackground=BitmapFactory.decodeResource(getResources(), R.drawable.switch_background);bitmapBtn=BitmapFactory.decodeResource(getResources(), R.drawable.slide_button);paint=new Paint();paint.setAntiAlias(true);//点击事件setOnClickListener(this);}/*** 计算大小*/@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {setMeasuredDimension(bitmapBackground.getWidth(), bitmapBackground.getHeight());}//当前状态private boolean currentState=false;//滑动按钮的当前leftprivate float slideBtnLeft=0;/*** 绘制view*/@Overrideprotected void onDraw(Canvas canvas) {//绘制背景canvas.drawBitmap(bitmapBackground, 0, 0, paint);//绘制滑动按钮canvas.drawBitmap(bitmapBtn, slideBtnLeft, 0, paint);}/*** 点击事件*/@Overridepublic void onClick(View v) {currentState=!currentState;if(currentState==true){slideBtnLeft=bitmapBackground.getWidth()-bitmapBtn.getWidth();}else{slideBtnLeft=0;}invalidate();}}
布局:
<RelativeLayout xmlns:android="/apk/res/android"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="${relativePackage}.${activityClass}" ><com.tsh.myswitchbtn.MyToggleBtnandroid:layout_centerInParent="true"android:id="@+id/my_toggle_btn"android:layout_width="wrap_content"android:layout_height="wrap_content"/></RelativeLayout>