[android] 切换按钮-自定义控件
准备两张图片,按钮背景,上面的小开关
创建一个类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); } /** * 计算大小 */ @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { setMeasuredDimension(bitmapBackground.getWidth(), bitmapBackground.getHeight()); } //当前状态 private boolean currentState=false; //滑动按钮的当前left private float slideBtnLeft=0; /** * 绘制view */ @Override protected void onDraw(Canvas canvas) { //绘制背景 canvas.drawBitmap(bitmapBackground, 0, 0, paint); //绘制滑动按钮 canvas.drawBitmap(bitmapBtn, slideBtnLeft, 0, paint); } /** * 点击事件 */ @Override public void onClick(View v) { currentState=!currentState; if(currentState==true){ slideBtnLeft=bitmapBackground.getWidth()-bitmapBtn.getWidth(); }else{ slideBtnLeft=0; } invalidate(); } }
布局:
<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" tools:context="${relativePackage}.${activityClass}" > <com.tsh.myswitchbtn.MyToggleBtn android:layout_centerInParent="true" android:id="@+id/my_toggle_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </RelativeLayout>
相关文章
- vue中全局引入bootstrap.css
- 微搭低代码xChatGPT,五步搭建AI聊天机器人小程序
- 微信开放平台之第三方平台开发,模板小程序如何提交?
- 尝试Capacitor(Vue+Android)混合开发
- 小程序|炎炎夏日、清爽一夏、头像大换装
- Mac下安装NDK(android开发)
- textview设置字体大小-Android应用开发之TextView设置个别字体样式
- java小程序微信支付与提现
- iphone没有sim卡能用吗-升级ios15无sim卡怎么办
- MacDroid for mac(安卓设备文件传输助手) v1.6.1中文版
- 使用JQuery和bootstrap-select实现世界城市的三级联动(中英互译)
- AnyMP4 iOS Cleaner for mac(IOS文件清理工具)v1.0.16激活版
- 药物互助小程序的120个小时
- Android平台GB28181设备接入端如何实时更新经纬度实现国标平台侧电子地图位置标注
- Android 子线程 UI 操作真的不可以?
- 移动安全-安卓frida hook基础篇
- 微信开放Donut,我们的App也能像微信跑小程序了
- Android Activity Deeplink启动来源获取源码分析
- Android构建工具--AAPT2源码解析(一)
- Android模块化开发实践