所在的位置: js >> js优势 >> autojs自定义控件Switch

autojs自定义控件Switch

牙叔教程简单易懂

使用场景

自定义控件

效果展示

autojs版本

8.8.20-0

为什么自定义控件

为了UI界面漂亮

怎样自定义控件

autojs软件自带的示例/界面控件/自定义控件,这是简单的例子,可以看看

商店里面也有一些自定义控件例子,

比如:

自定义控件Switch(这是大柒写的,跟我写的自定义不一样),

MagicIndicator(这是沐泠写的)

Shape3.0

ShimmerButton

自定义控件

等等

自定义控件思路

一般我们是为了修改控件的颜色,形状,布局,以及运动效果,

对应的修改思路如下:

颜色:修改控件背景,前景,其中使用频率最高的是view.setBackgroundDrawable

形状:使用canvas画形状

布局:CustomView.prototype.render

运动效果:animation

自定义控件难点

主要是距离的计算

必须搞清楚margin,padding,view.getMeasuredHeight();

getLeft(),getWidth(),getX(),getPaddingLeft(),rect,drawRoundRect

他们之间的关系;

尤其是涉及到了文字,文字居中更难,必须了解getFontMetricsInt()

本教程的自定义Switch可以定义的属性

文字颜色

文字大小

轨道宽高

轨道颜色

轨道圆角

进度条颜色

小球圆角

小球颜色

小球点击事件

声明

部分内容来自网络

本教程仅用于学习,禁止用于其他用途




转载请注明:http://www.aierlanlan.com/grrz/1910.html