Android: Ruled/horizontal lines in Textview

Question

In Android, I have a TextView and its content will be dynamic. I want to show a horizontal line after each line of text. I have searched a lot and found it for EditText( How to use ruled/horizontal lines to align text in EditText in Android?). I was planing to draw dynamic TextView and a horizontal line under them. But I don't know how can I detect an end of line. Any help will be highly appreciated. I want to have the same effect as the attached image of How to use ruled/horizontal lines to align text in EditText in Android?

Imran Rana · Accepted Answer · 2012-05-26T23:51:43.653

I'm using the technique of drawing lines between each line of text in EditText and then I will make the EditText non-editable by setting setKeyListener(null) to the custom EditText object so that, the EditText acts like a TextView :)

A custom EditText that draws lines between each line of text that is displayed:

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.STROKE);
        mPaint.setColor(0x800000FF);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        int count = getLineCount();
        Rect r = mRect;
        Paint paint = mPaint;

        for (int i = 0; i < count; i++) {
            int baseline = getLineBounds(i, r);

            canvas.drawLine(r.left, baseline + 1, r.right, baseline + 1, paint);
        }

        super.onDraw(canvas);
    }
}

Now use object of LinedEditText class where you need your TextView and make it non-editable.

An Example:

public class HorizontalLine extends Activity{
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {   
        super.onCreate(savedInstanceState);
        setTitle("Android: Ruled/horizonal lines in Textview");

        LinearLayout ll = new LinearLayout(this);
        ll.setOrientation(LinearLayout.VERTICAL);
        LayoutParams textViewLayoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

        LinedEditText et = new LinedEditText(this, null);
        et.setText("The name of our country is Bangladesh. I am proud of my country :)");
        et.setLayoutParams(textViewLayoutParams);
        et.setKeyListener(null);

        ll.addView(et);
        this.setContentView(ll);

    }

}

et.setKeyListener(null) makes the EditText non-editable so, it acts like a TextView.

The Output:

enter image description here

Issue with cursor:

If you use et.setKeyListener(null) only then it is just not listening to keys but user can see a cursor on the EditText. If you don't want this cursor just disable the EditText by adding this line:

 et.setEnabled(false);

This is great! How would you change it so the whole control has lines (even if there is no text there (for a fixed sized control)? — Kibi, Dec 20 '20 at 12:16

score 1 · Answer 2 · answered May 25 '12 at 04:51

1

You can use a View for drawing line: For horizontal line:

<View
android:layout_height="1dp"
android:layout_width="fill_parent"
android:background="#ffffff" />

answered May 25 '12 at 04:51

Shrikant Ballal

7,067
7
41
61

score 0 · Answer 3 · answered May 25 '12 at 04:39

0

<TextView  
android:layout_height="1dp"  
android:layout_width="fill_parent"/>

answered May 25 '12 at 04:39

c2dm

219
1
3

It will draw horizontal line.As my texts aren't fixed. I have to add horizontal line under each new line.But I don't know how to how to track each line on different screen. – Moyeen May 25 '12 at 05:48

Android: Ruled/horizontal lines in Textview

3 Answers3

A custom EditText that draws lines between each line of text that is displayed:

An Example:

The Output:

Issue with cursor:

Linked