How to rotate text of the Button in android?

Question

I want to rotate the text on the button, but I could not do it all day.

I tried Custom Vertical Button but it is not centering the text in the button. I tried all gravity options in java and xml code.

Here is my VerticalButton code:

public class VerticalButton extends Button{

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
        super.onMeasure(heightMeasureSpec, widthMeasureSpec);
        setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());
    }

    @Override
    protected void onDraw(Canvas canvas){
        TextPaint textPaint = getPaint(); 
        textPaint.setColor(getCurrentTextColor());
        textPaint.drawableState = getDrawableState();

        canvas.save();
        canvas.translate(0, getHeight());
        canvas.rotate(-90);

        canvas.translate(getCompoundPaddingLeft(), getExtendedPaddingTop());
        getLayout().draw(canvas);
        canvas.restore();
    }
}

I tried rotate Button with android:rotation="-90"

That didn't work the way I wanted. Because it is not editing the background size.

I tried Relative Layout with Button and TextView but I couldn't bring the TextView over the Button

Thanks in advance.

post your xml file plz – mohammadReza Abiri Nov 23 '19 at 12:33 — mohammadReza Abiri, Nov 23 '19 at 12:33

score 1 · Accepted Answer · answered Nov 23 '19 at 13:09

I found a solution.

I edited the onDraw function. Firstly get width and height of text with getTextBounds()

In getTextBounds() give the the text of your Button as parameter.

And edit the canvas.translate() function like below. And it is centering the text in the button.

@Override
protected void onDraw(Canvas canvas) {
    TextPaint textPaint = getPaint();
    textPaint.setColor(getCurrentTextColor());
    textPaint.drawableState = getDrawableState();
    Rect bounds = new Rect();
    textPaint.getTextBounds("ENTER",0,"ENTER".length(), bounds);

    Log.e("TAG", "onDraw: "+ bounds.width() + " "+bounds.height());
    canvas.save();

    canvas.translate(getWidth()/2 - bounds.height(), (float) (getHeight()/2 + bounds.width()/1.5));
    canvas.rotate(-90);

    getLayout().draw(canvas);
    canvas.restore();
}

zulu_papa · Answer 2 · 2019-11-23T12:38:30.063

0

try one of these two:

Is it possible to write vertically in a textview in android?

Sideways View with XML Android

Allegedly, you can set the rotation property in xml, like in last one and it may work. I didn't try it out, hope you will find success with this. Since you tried with -90, try setting an degree to 270

edited Nov 23 '19 at 12:38

answered Nov 23 '19 at 12:28

zulu_papa

415
6
12

1

I did try them but not working. Thank you for answer. I published the solution – Emil Mammadov Nov 23 '19 at 13:11

score 0 · Answer 3 · answered Nov 23 '19 at 12:49

0

all you have to do is set button text as "E\nN\nT\nE\nR"

answered Nov 23 '19 at 12:49

Kdon Patel

107
1
15

1

Characters won't rotate then. – Mahdi-Malv Nov 23 '19 at 14:04

How to rotate text of the Button in android?

3 Answers3