blocks|key|308701|text|最快、最方便的方法是通过Animation执行Rotate|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|308702|在常规TextView上使用旋转动画，如下所示。|308703|rotateAnimation.xml：|308704|<rotate++xmlns:android="http://schemas.android.com/apk/res/android"
+++++++++++android:fromDegrees="0"+
+++++++++++android:toDegrees="-90"
+++++++++++android:pivotX="50%25"
+++++++++++android:duration="0"
+++++++++++android:fillAfter="true"+/>|code-block|syntax|javascript|308705|Java代码：|308706|++TextView+text+=+(TextView)findViewById(R.id.txtview);+++++++
++text.setText("rotated+text+here");

++RotateAnimation+rotate=+(RotateAnimation)AnimationUtils.loadAnimation(this,R.anim.rotateAnimation);
++text.setAnimation(rotate);|308707|entityMap^0|C|9|N|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|11|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|13|8|@]|D|@]|E|$M|N]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

The fastest and most convenient way is to <code>Rotate</code> by <code>Animation</code>

use rotate animation on your regular TextView like so.

rotateAnimation.xml:

<pre><code>&lt;rotate xmlns:android="http://schemas.android.com/apk/res/android"
 android:fromDegrees="0" 
 android:toDegrees="-90"
 android:pivotX="50%"
 android:duration="0"
 android:fillAfter="true" /&gt;
</code></pre>

Java Code:

<pre><code> TextView text = (TextView)findViewById(R.id.txtview); 
 text.setText("rotated text here");

 RotateAnimation rotate= (RotateAnimation)AnimationUtils.loadAnimation(this,R.anim.rotateAnimation);
 text.setAnimation(rotate);
</code></pre>

blocks|key|308731|text|试试这个：：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|308732|<TextView
++++++++++++++++android:layout_width="wrap_content"
++++++++++++++++android:layout_height="wrap_content"
++++++++++++++++android:layout_gravity="center"
++++++++++++++++android:rotation="-95"
++++++++++++++++android:text="2"+
++++++++++++++++/>|code-block|syntax|javascript|308733|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this::

<pre><code>&lt;TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_gravity="center"
 android:rotation="-95"
 android:text="2" 
 /&gt;
</code></pre>

blocks|key|386184|text|在android中，对于任何新视图，都有一个名为setRotation(float)的方法，您可以使用它|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|386185|textview.setRotation(float);|code-block|syntax|javascript|386186|但请注意，此方法是在API级别11中添加的|386187|所以如果你想支持它，你可以使用这个|386188|if+(Build.VERSION.SDK_INT+<+11)+{

++++RotateAnimation+animation+=+new+RotateAnimation(oldAngel,+newAngel);
++++animation.setDuration(100);
++++animation.setFillAfter(true);
++++watermarkText.startAnimation(animation);
}+else+{

++++watermarkText.setRotation(progress);
}|386189|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.android.com/reference/android/view/View.html#setRotation%2528float%2529^0|O|I|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|13|8|@]|9|@]|C|$G|H]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

In android for any new view there is a method called <a href="http://developer.android.com/reference/android/view/View.html#setRotation%28float%29">setRotation(float)</a> you can use it

<pre><code>textview.setRotation(float);
</code></pre>

but please note that this method is Added in API level 11

so if you want to support it you can use this

<pre><code>if (Build.VERSION.SDK_INT &lt; 11) {

 RotateAnimation animation = new RotateAnimation(oldAngel, newAngel);
 animation.setDuration(100);
 animation.setFillAfter(true);
 watermarkText.startAnimation(animation);
} else {

 watermarkText.setRotation(progress);
}
</code></pre>

blocks|key|308792|text|+<TextView+
++++++++++++android:id="@%2Bid/rotated_text"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:layout_alignParentLeft="true"
++++++++++++android:layout_centerVertical="true"
++++++++++++android:alpha=".3"
++++++++++++android:background="@drawable/grey_capsule"
++++++++++++android:gravity="center"
++++++++++++android:textColor="@android:color/white"
++++++++++++android:textSize="14sp"
++++++++++++android:padding="4dp"
++++++++++++android:layout_marginLeft="-50dp"
++++++++++++android:rotation="-90"
++++++++++++android:text="Andrew+Coder"+/>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|308793|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> &lt;TextView 
 android:id="@+id/rotated_text"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentLeft="true"
 android:layout_centerVertical="true"
 android:alpha=".3"
 android:background="@drawable/grey_capsule"
 android:gravity="center"
 android:textColor="@android:color/white"
 android:textSize="14sp"
 android:padding="4dp"
 android:layout_marginLeft="-50dp"
 android:rotation="-90"
 android:text="Andrew Coder" /&gt;
</code></pre>

blocks|key|4348792|text|在我的遗愿清单上出现了一年后，解决了，但在论坛上没有任何合适的答案，我终于解决了这个问题！|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|4348793|这里的诀窍是硬编码比文本更大的TextView的layout_width和layout_height+-例如，100dp+x+100dp。|CODE|4348794|然后将TextView放在FrameLayout中，并为FrameLayout+android:clipChildren="false"关闭裁剪，为TextView+android:clipToPadding="false"关闭裁剪以填充|4348795|TextView+with+hard-coded+height+and+width|4348796|现在，TextView将在FrameLayout中浮动。使用TextView重力设置在文本的边界内移动文本。|4348797|然后使用layout_gravity设置在其父FrameLayout内移动边界：|4348798|以下是将右对齐和底部对齐的文本旋转-90度的示例：|4348799|Solution+example|4348800|包含旋转文本的框架视图的更新示例XML：|4348801|+++++++<FrameLayout
++++++++++++android:layout_width="@dimen/item_col_width_val"
++++++++++++android:layout_height="match_parent"
++++++++++++android:layout_weight="0.25"
++++++++++++android:padding="@dimen/table_header_margin">
++++++++++++<TextView
++++++++++++++++android:layout_width="@dimen/table_title_row_height"
++++++++++++++++android:layout_height="@dimen/table_title_row_height"
++++++++++++++++android:layout_gravity="bottom%7Cend"
++++++++++++++++android:gravity="bottom"
++++++++++++++++android:rotation="-90"
++++++++++++++++android:text="@string/asm_col_title_in_stock"
++++++++++++++++android:textColor="@color/colorGood"+/>
++++++++</FrameLayout>|code-block|syntax|javascript|4348802|entityMap|0|LINK|mutability|MUTABLE|url|https://i.stack.imgur.com/3ctSJ.png|1|https://i.stack.imgur.com/CExDv.png^0|F|3|0|F|8|0|3|8|D|B|S|B|14|S|2B|T|0|0|8|0|15|0|0|3|8|D|B|U|8|0|N|B|0|0|0|G|1|0|C|2|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1E|8|@$9|1F|A|1G|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|1H|8|@$9|1I|A|1J|B|H]|$9|1K|A|1L|B|H]|$9|1M|A|1N|B|H]|$9|1O|A|1P|B|H]|$9|1Q|A|1R|B|H]]|D|@]|E|$]]|$1|K|3|L|5|6|7|1S|8|@$9|1T|A|1U|B|H]]|D|@$9|1V|A|1W|1|1X]]|E|$]]|$1|M|3|N|5|6|7|1Y|8|@$9|1Z|A|20|B|H]|$9|21|A|22|B|H]|$9|23|A|24|B|H]]|D|@]|E|$]]|$1|O|3|P|5|6|7|25|8|@$9|26|A|27|B|H]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|28|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|29|8|@]|D|@$9|2A|A|2B|1|2C]]|E|$]]|$1|U|3|V|5|6|7|2D|8|@$9|2E|A|2F|B|C]]|D|@]|E|$]]|$1|W|3|X|5|Y|7|2G|8|@]|D|@]|E|$Z|10]]|$1|11|3|-4|5|6|7|2H|8|@]|D|@]|E|$]]]|12|$13|$5|14|15|16|E|$17|18]]|19|$5|14|15|16|E|$17|1A]]]]

[SOLVED] After a year of this being on my bucket list without any suitable answers on the forums I have finally sorted this!

The trick here is to hard-code the layout_width and layout_height of the <code>TextView</code> larger than the text will ever be - e.g. 100dp x 100dp. 

Then place the <code>TextView</code> in a <code>FrameLayout</code> and turn clipping off for the <code>FrameLayout</code> <code>android:clipChildren="false"</code> and clip to padding off for the TextView <code>android:clipToPadding="false"</code>:

<a href="https://i.stack.imgur.com/3ctSJ.png" rel="noreferrer"><code>TextView</code> with hard-coded height and width</a>

The <code>TextView</code> will now float in the <code>FrameLayout</code>. Use the <code>TextView</code> gravity settings to move the Text within it's boundary.

Then use the layout_gravity settings to move the boundary within the parent <code>FrameLayout</code> within it:

Here is an example of right and bottom aligned text rotated through -90 degrees: 

<a href="https://i.stack.imgur.com/CExDv.png" rel="noreferrer">Solution example</a>

[UPDATE] Example XML for a frame view housing rotated text:

<pre><code> &lt;FrameLayout
 android:layout_width="@dimen/item_col_width_val"
 android:layout_height="match_parent"
 android:layout_weight="0.25"
 android:padding="@dimen/table_header_margin"&gt;
 &lt;TextView
 android:layout_width="@dimen/table_title_row_height"
 android:layout_height="@dimen/table_title_row_height"
 android:layout_gravity="bottom|end"
 android:gravity="bottom"
 android:rotation="-90"
 android:text="@string/asm_col_title_in_stock"
 android:textColor="@color/colorGood" /&gt;
 &lt;/FrameLayout&gt;
</code></pre>

blocks|key|308862|text|如果您不需要动画，那么您可以尝试类似question中提供的解决方案。文本将从下到上书写。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|308863|它支持所有基本的TextView功能：|308864|308865|文本大小|unordered-list-item|308866|文本颜色|308867|文本字体|308868|文本填充|308869|<代码>H110通过XML使用<代码>H211<代码>F212|308870|要点是根据文本的参数覆盖onDraw()和onMeasure()方法：|style|CODE|308871|++++@Override
++++protected+void+onDraw(Canvas+canvas)
++++{
++++++++super.onDraw(canvas);

++++++++if+(!this._text.isEmpty())
++++++++{
++++++++++++float+textHorizontallyCenteredOriginX+=+this._measuredHeight+/+2f;
++++++++++++float+textHorizontallyCenteredOriginY+=+this._ascent;

++++++++++++canvas.translate(textHorizontallyCenteredOriginY,+textHorizontallyCenteredOriginX);
++++++++++++canvas.rotate(-90);
++++++++++++canvas.drawText(this._text,+0,+0,+this._textPaint);
++++++++}
++++}

++++@Override
++++protected+void+onMeasure(int+widthMeasureSpec,+int+heightMeasureSpec)
++++{
++++++++try
++++++++{
++++++++++++this._textPaint.getTextBounds(this._text,+0,+this._text.length(),+this._textBounds);

++++++++++++this._tempView+=+new+TextView(getContext());
++++++++++++this._tempView.setPadding(this._leftPadding,+this._topPadding,+this._rightPadding,+this._bottomPadding);
++++++++++++this._tempView.setText(this._text);
++++++++++++this._tempView.setTextSize(TypedValue.COMPLEX_UNIT_PX,+this._textSize);
++++++++++++this._tempView.setTypeface(this._typeface);

++++++++++++this._tempView.measure(ViewGroup.LayoutParams.WRAP_CONTENT,+ViewGroup.LayoutParams.WRAP_CONTENT);

++++++++++++this._measuredWidth+=+this._tempView.getMeasuredHeight();
++++++++++++this._measuredHeight+=+this._tempView.getMeasuredWidth();

++++++++++++this._ascent+=+this._textBounds.height()+/+2+%2B+this._measuredWidth+/+2;

++++++++++++setMeasuredDimension(this._measuredWidth,+this._measuredHeight);
++++++++}
++++++++catch+(Exception+e)
++++++++{
++++++++++++setMeasuredDimension(widthMeasureSpec,+heightMeasureSpec);
++++++++++++Log.e(LOG_TAG,+Log.getStackTraceString(e));
++++++++}
++++}|code-block|syntax|javascript|308872|请看一下Vertical+(rotated)+label+in+Android以查看完整的源代码。|308873|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/46646273/1808829|1|https://stackoverflow.com/questions/1258275/vertical-rotated-label-in-android/46646273#46646273^0|I|8|0|0|0|0|0|0|0|0|0|C|8|L|B|0|0|4|Z|1|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|D|3|E|5|6|7|1G|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1I|8|@]|9|@]|C|$]]|$1|J|3|K|5|I|7|1J|8|@]|9|@]|C|$]]|$1|L|3|M|5|I|7|1K|8|@]|9|@]|C|$]]|$1|N|3|O|5|I|7|1L|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|1M|8|@]|9|@]|C|$]]|$1|R|3|S|5|6|7|1N|8|@$A|1O|B|1P|T|U]|$A|1Q|B|1R|T|U]]|9|@]|C|$]]|$1|V|3|W|5|X|7|1S|8|@]|9|@]|C|$Y|Z]]|$1|10|3|11|5|6|7|1T|8|@]|9|@$A|1U|B|1V|1|1W]]|C|$]]|$1|12|3|-4|5|6|7|1X|8|@]|9|@]|C|$]]]|13|$14|$5|15|16|17|C|$18|19]]|1A|$5|15|16|17|C|$18|1B]]]]

If you don't need animation then you can try a solution provided in a similar <a href="https://stackoverflow.com/a/46646273/1808829">question</a>. A text will be written from bottom to top. 

It supports all basic TextView features:

<ul>
<li>text size</li>
<li>text color</li>
<li>text font</li>
<li>text padding</li>
<li>usage via XML</li>
</ul>

Main point is to override <code>onDraw()</code> and <code>onMeasure()</code> methods based on parameters of your text:

<pre><code> @Override
 protected void onDraw(Canvas canvas)
 {
 super.onDraw(canvas);

 if (!this._text.isEmpty())
 {
 float textHorizontallyCenteredOriginX = this._measuredHeight / 2f;
 float textHorizontallyCenteredOriginY = this._ascent;

 canvas.translate(textHorizontallyCenteredOriginY, textHorizontallyCenteredOriginX);
 canvas.rotate(-90);
 canvas.drawText(this._text, 0, 0, this._textPaint);
 }
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
 {
 try
 {
 this._textPaint.getTextBounds(this._text, 0, this._text.length(), this._textBounds);

 this._tempView = new TextView(getContext());
 this._tempView.setPadding(this._leftPadding, this._topPadding, this._rightPadding, this._bottomPadding);
 this._tempView.setText(this._text);
 this._tempView.setTextSize(TypedValue.COMPLEX_UNIT_PX, this._textSize);
 this._tempView.setTypeface(this._typeface);

 this._tempView.measure(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

 this._measuredWidth = this._tempView.getMeasuredHeight();
 this._measuredHeight = this._tempView.getMeasuredWidth();

 this._ascent = this._textBounds.height() / 2 + this._measuredWidth / 2;

 setMeasuredDimension(this._measuredWidth, this._measuredHeight);
 }
 catch (Exception e)
 {
 setMeasuredDimension(widthMeasureSpec, heightMeasureSpec);
 Log.e(LOG_TAG, Log.getStackTraceString(e));
 }
 }
</code></pre>

Please, take a look at <a href="https://stackoverflow.com/questions/1258275/vertical-rotated-label-in-android/46646273#46646273">Vertical (rotated) label in Android</a> to see the full source code.

I am having a situation in Graph page where <code>LinearLayout</code> should display the <code>TextView</code> with 90 degrees rotated.

How to Rotate TextView 90 Degrees and display

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我有一个在图形页面的情况下，LinearLayout应该显示90度旋转的TextView。

问如何将TextView旋转90度并显示
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将TextView旋转90度并显示EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将TextView旋转90度并显示
EN