Android 中记事本动态添加行

最新推荐文章于 2024-08-16 09:25:20 发布

农家&子弟

最新推荐文章于 2024-08-16 09:25:20 发布

阅读量698

点赞数

CC 4.0 BY-SA版权

分类专栏： android-view 文章标签： android 记事本动态添加行 page lined

本文链接：https://blog.youkuaiyun.com/hedong_77/article/details/70312860

android-view 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Android中实现记事本效果，动态添加行。通过自定义EditText，利用Paint进行绘制，计算偏移量来达到目标效果。详细步骤包括初始化Paint和在onDraw方法中处理偏移量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看效果图：
这里写图片描述

这是昨天在群里面有人在问这个问题，在这里顺便记录一下，这个效果我们可以自定义EditText，实现起来也不难，看乳腺步骤：
第一：初始化Paint，这里肯定要用到画笔的

     this.paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setColor(getResources().getColor(R.color.paper_line));
        paint.setStrokeWidth(getLineHeight() / 10);
        paint.setStrokeCap(Paint.Cap.ROUND);

第二步：在onDraw里面计算一下偏移量就可以

  float startX = getPaddingLeft();//开始位置
        float stopX = getWidth() - getPaddingRight();//结束位置
        float offsetY = getPaddingTop() - getPaint().getFontMetrics().top + paint.getStrokeWidth() * 2;//行间距
        for (int i = 0; i < getLineCount(); ++i) {
            float y = offsetY + getLineHeight() * i;
            canvas.drawLine(startX, y, stopX, y, paint);
        }

Ok，这样就轻松搞定了。

全部代码：

/**
 * Created by dong.he on 2017/4/20 0020.
 */

public class LinedEditText extends EditText {

    Paint paint;

    public LinedEditText(Context context) {
        super(context);
        init();
    }

    public LinedEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

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

    @Override
    protected void onDraw(Canvas canvas) {
        float startX = getPaddingLeft();//开始位置
        float stopX = getWidth() - getPaddingRight();//结束位置
        float offsetY = getPaddingTop() - getPaint().getFontMetrics().top + paint.getStrokeWidth() * 2;//行间距
        for (int i = 0; i < getLineCount(); ++i) {
            float y = offsetY + getLineHeight() * i;
            canvas.drawLine(startX, y, stopX, y, paint);
        }

        super.onDraw(canvas);
    }

    private void init() {
        this.paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setColor(getResources().getColor(R.color.paper_line));
        paint.setStrokeWidth(getLineHeight() / 10);
        paint.setStrokeCap(Paint.Cap.ROUND);
    }
}

xml：

   <com.example.donghe.myview.view.LinedEditText
        android:id="@+id/textview"
        android:text="啊发发十分啊发发十分大发放大发放"
        android:textSize="18sp"
        android:background="@null"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />