EditText with lines like notepad android

Question

I have use custom EditText like notepad from the link Custom EditText

The text entered on the custom EditText doesn't appears correctly on the lines it contains . It some time appears on the line or below the line , unexpected behaviour

My output Click here !

Required output Click here !

Please help me in this case .

LineEditText.java

public class LinedEditText extends EditText {
    private Rect mRect;
    private Paint mPaint;

    // we need this constructor for LayoutInflater
    public LinedEditText(Context context, AttributeSet attrs) {
        super(context, attrs);

        mRect = new Rect();
        mPaint = new Paint();
        mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
        mPaint.setColor(Color.parseColor("#C0C0C0")); //SET YOUR OWN COLOR HERE
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //int count = getLineCount();

        int height = getHeight();
        int line_height = getLineHeight();

        int count = height / line_height;

        if (getLineCount() > count)
            count = getLineCount();//for long text with scrolling

        Rect r = mRect;
        Paint paint = mPaint;
        int baseline = getLineBounds(0, r);//first line

        for (int i = 0; i < count; i++) {

            canvas.drawLine(r.left, baseline + 1, r.right, baseline + 1, paint);
            baseline += getLineHeight();//next line
        }

        super.onDraw(canvas);
    }
}

layout.xml

<RelativeLayout android:id="@+id/rel_edit_story"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                 android:layout_below="@+id/txt_image"
                 android:padding="10dip"
                 android:layout_margin="10dip"
                 android:background="@drawable/relative_lined_edittext_border">

             <com.rb.lined.edittext.LinedEditText
                android:id="@+id/edit_story"
                android:layout_width="match_parent"
                android:layout_height="match_parent"                
                android:background="@null"
                android:inputType="textMultiLine|textNoSuggestions"
                android:minLines="10"
                android:singleLine="false"
                android:imeOptions="actionNone"
                android:text="Story : " />

             </RelativeLayout>

Answer 1

For Desabeling Red underline you can put like

android:inputType="textNoSuggestions"

or

android:inputType="textVisiblePassword" 

and for removing blue line this may help.

android:background="@null"

Example

   <com.example.lineedittextdemo.LineEditText
    android:id="@+id/edit_story"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="20dp"
    android:background="@null"
    android:inputType="textMultiLine|textNoSuggestions"
    android:minLines="10"
    android:singleLine="false"
    android:imeOptions="actionNone"
    android:text="Story : \n" />