Write Multiline Text on Button in Android

Question

I want to know, How to write Multiline Text on Button

 <Button
    android:id="@+id/button1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="100dp"
    android:background="@drawable/layout_border"
    android:text="Hours   Mon - sat 5pm" />

I am getting like this:-

but required this kind of button:-

Edited::--

Now i got something like this, by using answer given by, @Sino K D :

but still looking for help,

After adding drawable to left side, getting this:-

Answer 1

you can achieve using this.

1->create a button in layout as

 <Button
        android:id="@+id/buton"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Mon - Sat 5 pm\nClosed on sunday"
        />

2-> Add this class in your project.

import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.drawable.Drawable;

public class TextDrawable extends Drawable {

    private final String text;
    private final Paint paint;

    public TextDrawable(String text) {

        this.text = text;

        this.paint = new Paint();
        paint.setColor(Color.WHITE);
        paint.setTextSize(20f);
        paint.setAntiAlias(true);
        paint.setFakeBoldText(true);
        paint.setShadowLayer(6f, 0, 0, Color.BLACK);
        paint.setStyle(Paint.Style.FILL);
        paint.setTextAlign(Paint.Align.LEFT);
    }

    @Override
    public void draw(Canvas canvas) {
        canvas.drawText(text, 0, 0, paint);
    }

    @Override
    public void setAlpha(int alpha) {
        paint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter cf) {
        paint.setColorFilter(cf);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}

3-> add these lines in your activity class

Button button=(Button)findViewById(R.id.button);
button.setCompoundDrawables( new TextDrawable("Hour"), null, null, null);

Answer 2

For Android layout, multiple lines of text could be added to the elements.

Create a new variable with the character endOfLine "\n" in the res/values/strings.xml.

For example:

<string name="multiplelines">Line1 \n Line2</string>

Refer it in the layout file. For example,

<Button
    android:id="@+id/start"
    android:text="@string/multiplelines"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent">
</Button>

Answer 3

Use 


(new line)

example:-

android:text="Hi
Hello"

OR

1) Define in ../res/values/strings.xml:

 <string name="multilines">Line1Line1\nLine2Line2</string>

2) Refer it in the layout file:

 <Button
   android:id="@+id/btn_multilines"
   android:text="@string/multilines"
   android:layout_height="wrap_content"
   android:layout_width="fill_parent">
</Button>

Answer 4

Use 
 (new line)

android:text="Hours
Mon - sat 5pm"

Answer 5

The solution that can be used in strings.xml, the separator is \n within CDATA

<string name="switch_on_bluetooth"><![CDATA[Allumer\nBluetooth]]></string>

Answer 6

you could use a LinearLayout instead of a button and achieve a similar effect:

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/layout_border"
android:orientation="horizontal" >
    <TextView
    android:layout_width="wrap_content"
    android:layout_height="match_content"
    android:textColor="@color/grey" // you'll have to define this yourself
    android:text="Hours"
    android:gravity="center_vertical" />

    <TextView
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:text="Mon - Sat 5:00pm&#10;Closed on Sundays"
    android:gravity="center_vertical />
</LinearLayout>

This might not work perfect, but it's a start