Android开发之自定义控件——直尺

Android开发之自定义控件——直尺

本人的第一篇技术博客,希望能够在分享的路上走的更远。
先上效果图:
这里写图片描述
涉及到的知识点:
- Paint类
- Cancas类
- Path类

* 由于功能简单,此处不做详细讲解。直接贴出代码。后续会继续更新相关内容。*

代码块

public class RulerView extends View {
    private Paint paint;
    private int count = 10;
    private int length = count * 10;
    private Paint textPaint;

    public RulerView(Context context) {
        super(context);
    }

    public RulerView(Context context, AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeJoin(Paint.Join.ROUND);
        paint.setStrokeWidth(1);
        paint.setColor(Color.GRAY);

        textPaint = new Paint();
        textPaint.setStyle(Paint.Style.FILL);
        textPaint.setTextSize(30);
        textPaint.setColor(Color.GRAY);
    }

    public RulerView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();
        //计算文字的高度
        float fontHeight = fontMetrics.descent - fontMetrics.ascent;
        int width = getMeasuredWidth();
        int height = getMeasuredHeight();
        BigDecimal bigDecimal = new BigDecimal(width - 2);
        //刻度区域距尺子两边的距离
        float margin = (float) bigDecimal.multiply(new BigDecimal(0.1)).divide(new BigDecimal(2)).doubleValue();
        canvas.drawRect(1, 2, width - 1, height - 2, paint);
        BigDecimal mm = bigDecimal.multiply(new BigDecimal(0.9)).divide(new BigDecimal(length));
        Path path = new Path();
        for (int i = 0; i <= length; i++) {
            float x = (float) (margin + mm.multiply(new BigDecimal(i)).doubleValue());
            path.moveTo(x, height - 2);
            x = (float) (margin + mm.multiply(new BigDecimal(i)).doubleValue());
            if (i == 0 || i % 10 == 0) {
                path.lineTo(x, (float) ((height) * 0.4));
                String units = i / 10 + "";
                if (i == 0) {
                    units += "cm";
                    //0刻度的时候,0应该在刻度的正上方
                    canvas.drawText(units, x - textPaint.measureText("0") / 2, (float) ((height) * 0.4) - fontHeight / 4, textPaint);
                } else {
                    float textWidth = textPaint.measureText(units);
                    canvas.drawText(units, x - textWidth / 2, (float) ((height) * 0.4) - fontHeight / 4, textPaint);
                }
            } else if (i % 5 == 0) {
                path.lineTo(x, (float) ((height) * 0.5));
            } else {
                path.lineTo(x, (float) ((height) * 0.7));
            }
        }
        canvas.drawPath(path, paint);
    }
}
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义控件Android开发中常见的任务之一。下面是一步一步教你如何自定义控件的简要指南: 第一步:创建一个新的Java类作为你的自定义控件。 首先,创建一个新的Java类,可以命名为你想要的控件名称。这个类应该继承自Android框架中的现有控件,例如View、TextView等。例如,如果你想要创建一个自定义按钮,可以创建一个名为CustomButton的类,并让它继承自Button类。 第二步:实现构造函数和属性。 在你的自定义控件类中,你可以实现构造函数和属性,以便对控件进行初始化和设置。你可以定义自己的属性,例如颜色、大小等,以及相应的getter和setter方法。 第三步:重写绘制方法。 要自定义控件的外观,你需要重写它的绘制方法。最常用的方法是重写`onDraw()`方法,在其中使用Canvas绘制你想要的形状、文本等。 第四步:处理用户交互。 如果你的自定义控件需要与用户进行交互,你可以重写相应的触摸事件(例如`onTouchEvent()`)或点击事件(例如`setOnClickListener()`)来处理用户操作。 第五步:在布局文件中使用自定义控件。 完成以上步骤后,你可以在布局文件中使用你的自定义控件了。只需在布局文件中添加一个与你的控件类名相对应的XML标签,并设置相应的属性。 这只是一个简要的指南,帮助你开始自定义控件的过程。在实际开发中,你可能需要更多的步骤和细节来完成你的自定义控件。你可以参考Android官方文档或其他教程来获取更多信息和示例代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值