Como você pode exibir o texto de cabeça para baixo com uma visão de texto no Android?

StackOverflow https://stackoverflow.com/questions/2558257

  •  23-09-2019
  •  | 
  •  

Pergunta

Como você pode exibir o texto de cabeça para baixo com uma visão de texto no Android?

No meu caso, tenho um jogo de 2 jogadores, onde eles jogam um ao outro. Quero exibir o teste para o segundo jogador orientado para eles.


Esta foi a solução que implementei após o conselho de Aaronms

A classe que faz a sobrevivência, bab.foo.upSidedOwntext

package bab.foo;

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.widget.TextView;

public class UpsideDownText extends TextView {

    //The below two constructors appear to be required
    public UpsideDownText(Context context) {
        super(context);
    }

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

    @Override
    public void onDraw(Canvas canvas) {
        //This saves off the matrix that the canvas applies to draws, so it can be restored later. 
        canvas.save(); 

        //now we change the matrix
        //We need to rotate around the center of our text
        //Otherwise it rotates around the origin, and that's bad. 
        float py = this.getHeight()/2.0f;
        float px = this.getWidth()/2.0f;
        canvas.rotate(180, px, py); 

        //draw the text with the matrix applied. 
        super.onDraw(canvas); 

        //restore the old matrix. 
        canvas.restore(); 
    }
}

E este é o meu layout XML:

<bab.foo.UpsideDownText 
    android:text="Score: 0" 
    android:id="@+id/tvScore" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:textColor="#FFFFFF" 
    >
</bab.foo.UpsideDownText>
Foi útil?

Solução

No arquivo XML Adicionar:

android:rotation = "180"

No respectivo elemento para exibir o texto de cabeça para baixo.

por exemplo:

<TextView
       android:id="@+id/textView1"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:gravity="center"
       android:text="TextView" 
       android:rotation="180"/>

Outras dicas

Não tentei fazer isso sozinho, mas acho que deveria funcionar.

Substitua o método ONDRAW da exibição, chama sua super passa na tela e, depois de chamar o método de girar na tela, passando, passando em 180 ou Math.pi, dependendo de funcionar em graus ou radianos.

O código abaixo está funcionando perfeitamente (obrigado). Tente adicionar o construtor ausente. Se não estiver funcionando, meu problema é a versão Android principal é 2.1

package p.c;

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.TextView;

public class TextViewUD extends TextView {

    public TextViewUD(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public TextViewUD(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public TextViewUD(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.save();

        float py = this.getHeight()/2.0f;
        float px = this.getWidth()/2.0f;
        Log.d("testUD", String.format("w: %d h: %d ", this.getWidth(), this.getHeight()));
        Log.d("testUD", String.format("w: %f h: %f ", py, px));
        canvas.rotate(180, px, py);

        super.onDraw(canvas);

        canvas.restore();
    }
}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top