Android中实现记事本动态添加行效果

本文主要给大家介绍了关于Android实现记事本动态添加行的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:

先看效果图:

Android中实现记事本动态添加行效果_第1张图片

这是昨天在群里面有人在问这个问题,在这里顺便记录一下,这个效果我们可以自定义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:

 

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

你可能感兴趣的:(Android中实现记事本动态添加行效果)