android|android UI绘制加减号按钮
本文实例为大家分享了android UI绘制加减号按钮的具体代码,供大家参考,具体内容如下
在项目中我们常常会用到这么一个view。
文章图片
这时候我们会选择使用两个图片来相互切换。其实,只要会基本的2D绘图这样简单的图片自己绘制出来不在话下。
先给出我做出来的效果图:
文章图片
接下来,我将给出加号减号绘制的代码以供大家参考:
以下是关键代码
/** * +号 */public class AddView extends View {protected Paint paint; protected int HstartX, HstartY, HendX, HendY; //水平的线protected int SstartX, SstartY, SsendX, SsendY; //垂直的线protected int paintWidth = 2; //初始化加号的粗细为10protected int paintColor = Color.BLACK; //画笔颜色黑色protected int padding = 3; //默认3的paddingpublic int getPadding() {return padding; }//让外界调用,修改padding的大小public void setPadding(int padding) {SsendY = HendX = width - padding; SstartY = HstartX = padding; }//让外界调用,修改加号颜色public void setPaintColor(int paintColor) {paint.setColor(paintColor); }//让外界调用,修改加号粗细public void setPaintWidth(int paintWidth) {paint.setStrokeWidth(paintWidth); }public AddView(Context context, AttributeSet attrs) {super(context, attrs); initView(); }private void initView() {paint = new Paint(); paint.setColor(paintColor); paint.setStrokeWidth(paintWidth); }@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {int widthSize = MeasureSpec.getSize(widthMeasureSpec); int widthMode = MeasureSpec.getMode(widthMeasureSpec); int width; if (widthMode == MeasureSpec.EXACTLY) {//MeasureSpec.EXACTLY表示该view设置的确切的数值width = widthSize; } else {width = 60; //默认值}SstartX = SsendX = HstartY = HendY = width / 2; SsendY = HendX = width - getPadding(); SstartY = HstartX = getPadding(); //这样做是因为加号宽高是相等的,手动设置宽高setMeasuredDimension(width, width); }@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas); //水平的横线canvas.drawLine(HstartX, HstartY, HendX, HendY, paint); //垂直的横线canvas.drawLine(SstartX, SstartY, SsendX, SsendY, paint); }}
/** * -号 */public class RemoveView extends AddView {public RemoveView(Context context, AttributeSet attrs) {super(context, attrs); }@Overrideprotected void onDraw(Canvas canvas) {//水平的横线,减号不需要垂直的横线了canvas.drawLine(HstartX, HstartY, HendX, HendY, paint); }}
其中主要的是计算横线和竖线的位置。获得view的宽度后,将view设置成正方形,然后就如如所示:
文章图片
这样,最主要的加减号做完了,其他的都是小意思了。
我把主要的xml文件贴出来:
主视图:layout_add_remove.xml
主视图背景:bg_add_remove_view.xml
加号背景:bg_add_view.xml
减号的背景色配置和加号一样,只不过竖线的位置不同而已:
我们可以在完全不用图片的情况下完成这个ui。
当然,还有很多可以优化的地方。比如设置padding,修改加减号颜色,就该布局大小,这些都是可以通过代码来实现的。
【android|android UI绘制加减号按钮】以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- 为什么多线程下载能加速(QUIC和TCP)()
- 十万个为什么|为什么需要TCP加速(TCP怎么加速呢?)
- 华为云CDN加速WAF防护资源实践
- Android面试(怎样备战2022春招(这份高级工程师整理的《Android八大模块进阶指南》拿去吧!))
- Android|薪资倒挂(行业内卷?2022年最新Android学习路线整理分享,带你干倒世界卷王)
- byte转换文件,文件转换byte数据的各个方式、zip的各个方式、xml报文的生成,md5加密、邮箱、HTTP请求
- PHP操作redis大全
- 为Jenkins添加SSH全局凭证
- 如何将SERVER桌面一个快捷方式加到用户机桌面上
- 技术创新+开放共赢 华为云GaussDB加速企业数字化转型