Android 如何缩放/调整文本以适合 TextView？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/2596452/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to scale/resize text to fit a TextView?
提问by RyanM
I'm trying to create a method for resizing multi-line text in a TextViewsuch that it fits within the bounds (both the X and Y dimensions) of the TextView.
我正在尝试创建一种方法来调整多行文本的大小TextView，使其适合TextView.
At present, I have something, but all it does is resize the text such that just the first letter/character of the text fills the dimensions of the TextView(i.e. only the first letter is viewable, and it's huge). I need it to fit all the lines of the text within the bounds of the TextView.
目前，我有一些东西，但它所做的只是调整文本大小，使文本的第一个字母/字符填充尺寸TextView（即只有第一个字母可见，而且很大）。我需要它来适应 TextView 范围内的所有文本行。
Here is what I have so far:
这是我到目前为止所拥有的：
public static void autoScaleTextViewTextToHeight(TextView tv)
{
final float initSize = tv.getTextSize();
//get the width of the view's back image (unscaled)....
float minViewHeight;
if(tv.getBackground()!=null)
{
minViewHeight = tv.getBackground().getIntrinsicHeight();
}
else
{
minViewHeight = 10f;//some min.
}
final float maxViewHeight = tv.getHeight() - (tv.getPaddingBottom()+tv.getPaddingTop())-12;// -12 just to be sure
final String s = tv.getText().toString();
//System.out.println(""+tv.getPaddingTop()+"/"+tv.getPaddingBottom());
if(minViewHeight >0 && maxViewHeight >2)
{
Rect currentBounds = new Rect();
tv.getPaint().getTextBounds(s, 0, s.length(), currentBounds);
//System.out.println(""+initSize);
//System.out.println(""+maxViewHeight);
//System.out.println(""+(currentBounds.height()));
float resultingSize = 1;
while(currentBounds.height() < maxViewHeight)
{
resultingSize ++;
tv.setTextSize(resultingSize);
tv.getPaint().getTextBounds(s, 0, s.length(), currentBounds);
//System.out.println(""+(currentBounds.height()+tv.getPaddingBottom()+tv.getPaddingTop()));
//System.out.println("Resulting: "+resultingSize);
}
if(currentBounds.height()>=maxViewHeight)
{
//just to be sure, reduce the value
tv.setTextSize(resultingSize-1);
}
}
}
I think the problem is in the use of tv.getPaint().getTextBounds(...). It always returns small numbers for the text bounds... small relative to the tv.getWidth()and tv.getHeight()values... even if the text size is far larger than the width or height of the TextView.
我认为问题在于使用tv.getPaint().getTextBounds(...). 它总是为文本边界返回小数字......相对于tv.getWidth()和tv.getHeight()值较小......即使文本大小远大于TextView.
回答by 13rac1
The AutofitTextView library from MavenCentral handles this nicely. The source hosted on Github(1k+ stars) at https://github.com/grantland/android-autofittextview
MavenCentral 的 AutofitTextView 库很好地处理了这个问题。源代码托管在 Github（1k+ 星）上，网址为https://github.com/grantland/android-autofittextview
Add the following to your app/build.gradle
将以下内容添加到您的 app/build.gradle
repositories {
mavenCentral()
}
dependencies {
compile 'me.grantland:autofittextview:0.2.+'
}
Enable any View extending TextView in code:
在代码中启用任何扩展 TextView 的视图：
AutofitHelper.create(textView);
Enable any View extending TextView in XML:
在 XML 中启用任何扩展 TextView 的视图：
<me.grantland.widget.AutofitLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:singleLine="true"
/>
</me.grantland.widget.AutofitLayout>
Use the built in Widget in code or XML:
在代码或 XML 中使用内置的 Widget：
<me.grantland.widget.AutofitTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:singleLine="true"
/>
回答by Javatar
New since Android O:
自 Android O 以来的新功能：
https://developer.android.com/preview/features/autosizing-textview.html
https://developer.android.com/preview/features/autosizing-textview.html
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:autoSizeTextType="uniform"
android:autoSizeMinTextSize="12sp"
android:autoSizeMaxTextSize="100sp"
android:autoSizeStepGranularity="2sp"
/>
回答by RyanM
I was able to answer my own question using the following code (see below), but my solution was very specific to the application. For instance, this will probably only look good and/or work for a TextView sized to approx. 1/2 the screen (with also a 40px top margin and 20px side margins... no bottom margin).
我能够使用以下代码（见下文）回答我自己的问题，但我的解决方案非常特定于应用程序。例如，这可能只会看起来不错和/或适用于大小为大约的 TextView。1/2 屏幕（还有 40 像素的顶部边距和 20 像素的侧边距......没有底部边距）。
The using this approach though, you can create your own similar implementation. The static method basically just looks at the number of characters and determines a scaling factor to apply to the TextView's text size, and then incrementally increases the text size until the overall height (an estimated height -- using the width of the text, the text height, and the width of the TextView) is just below that of the TextView. The parameters necessary to determine the scaling factor (i.e. the if/else if statements) were set by guess-and-check. You'll likely have to play around with the numbers to make it work for your particular application.
但是，使用这种方法，您可以创建自己的类似实现。静态方法基本上只是查看字符数并确定一个缩放因子以应用到 TextView 的文本大小，然后逐步增加文本大小直到总高度（估计高度 - 使用文本的宽度，文本TextView 的高度和宽度）正好低于 TextView 的宽度。确定比例因子所需的参数（即 if/else if 语句）由猜测和检查设置。您可能需要处理这些数字才能使其适用于您的特定应用程序。
This isn't the most elegant solution, though it was easy to code and it works for me. Does anyone have a better approach?
这不是最优雅的解决方案，尽管它很容易编码并且对我有用。有没有人有更好的方法？
public static void autoScaleTextViewTextToHeight(final TextView tv, String s)
{
float currentWidth=tv.getPaint().measureText(s);
int scalingFactor = 0;
final int characters = s.length();
//scale based on # of characters in the string
if(characters<5)
{
scalingFactor = 1;
}
else if(characters>=5 && characters<10)
{
scalingFactor = 2;
}
else if(characters>=10 && characters<15)
{
scalingFactor = 3;
}
else if(characters>=15 && characters<20)
{
scalingFactor = 3;
}
else if(characters>=20 && characters<25)
{
scalingFactor = 3;
}
else if(characters>=25 && characters<30)
{
scalingFactor = 3;
}
else if(characters>=30 && characters<35)
{
scalingFactor = 3;
}
else if(characters>=35 && characters<40)
{
scalingFactor = 3;
}
else if(characters>=40 && characters<45)
{
scalingFactor = 3;
}
else if(characters>=45 && characters<50)
{
scalingFactor = 3;
}
else if(characters>=50 && characters<55)
{
scalingFactor = 3;
}
else if(characters>=55 && characters<60)
{
scalingFactor = 3;
}
else if(characters>=60 && characters<65)
{
scalingFactor = 3;
}
else if(characters>=65 && characters<70)
{
scalingFactor = 3;
}
else if(characters>=70 && characters<75)
{
scalingFactor = 3;
}
else if(characters>=75)
{
scalingFactor = 5;
}
//System.out.println(((int)Math.ceil(currentWidth)/tv.getWidth()+scalingFactor));
//the +scalingFactor is important... increase this if nec. later
while((((int)Math.ceil(currentWidth)/tv.getWidth()+scalingFactor)*tv.getTextSize())<tv.getHeight())
{
tv.setTextSize(TypedValue.COMPLEX_UNIT_SP, tv.getTextSize()+0.25f);
currentWidth=tv.getPaint().measureText(s);
//System.out.println(((int)Math.ceil(currentWidth)/tv.getWidth()+scalingFactor));
}
tv.setText(s);
}
Thanks.
谢谢。
回答by Chase
I had the same problem and wrote a class that seems to work for me. Basically, I used a static layout to draw the text in a separate canvas and remeasure until I find a font size that fits. You can see the class posted in the topic below. I hope it helps.
我遇到了同样的问题，写了一个似乎对我有用的类。基本上，我使用静态布局在单独的画布中绘制文本并重新测量，直到找到适合的字体大小。您可以在下面的主题中看到该课程。我希望它有帮助。
回答by appmattus
Stumbled upon this whilst looking for a solution myself... I'd tried all the other solutions out there that I could see on stack overflow etc but none really worked so I wrote my own.
在自己寻找解决方案时偶然发现了这一点......我尝试了所有其他解决方案，我可以在堆栈溢出等方面看到，但没有一个真正有效，所以我自己写了。
Basically by wrapping the text view in a custom linear layout I've been able to successfully measure the text properly by ensuring it is measured with a fixed width.
基本上通过将文本视图包装在自定义线性布局中，我已经能够通过确保以固定宽度测量文本来成功正确测量文本。
<!-- TextView wrapped in the custom LinearLayout that expects one child TextView -->
<!-- This view should specify the size you would want the text view to be displayed at -->
<com.custom.ResizeView
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_margin="10dp"
android:layout_weight="1"
android:orientation="horizontal" >
<TextView
android:id="@+id/CustomTextView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
</com.custom.ResizeView>
Then the linear layout code
然后是线性布局代码
public class ResizeView extends LinearLayout {
public ResizeView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public ResizeView(Context context) {
super(context);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
// oldWidth used as a fixed width when measuring the size of the text
// view at different font sizes
final int oldWidth = getMeasuredWidth() - getPaddingBottom() - getPaddingTop();
final int oldHeight = getMeasuredHeight() - getPaddingLeft() - getPaddingRight();
// Assume we only have one child and it is the text view to scale
TextView textView = (TextView) getChildAt(0);
// This is the maximum font size... we iterate down from this
// I've specified the sizes in pixels, but sp can be used, just modify
// the call to setTextSize
float size = getResources().getDimensionPixelSize(R.dimen.solutions_view_max_font_size);
for (int textViewHeight = Integer.MAX_VALUE; textViewHeight > oldHeight; size -= 0.1f) {
textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, size);
// measure the text views size using a fixed width and an
// unspecified height - the unspecified height means measure
// returns the textviews ideal height
textView.measure(MeasureSpec.makeMeasureSpec(oldWidth, MeasureSpec.EXACTLY), MeasureSpec.UNSPECIFIED);
textViewHeight = textView.getMeasuredHeight();
}
}
}
Hope this helps someone.
希望这可以帮助某人。
回答by Mark JW
I have played with this for quite some time, trying to get my font sizes correct on a wide variety of 7" tablets (kindle fire, Nexus7, and some inexpensive ones in China with low-res screens) and devices.
我已经玩了很长一段时间，试图在各种 7 英寸平板电脑（kindle fire、Nexus7 以及中国一些低分辨率屏幕的廉价平板电脑）和设备上使我的字体大小正确。
The approach that finally worked for me is as follows. The "32" is an arbitrary factor that basically gives about 70+ characters across a 7" tablet horizontal line, which is a font size I was looking for. Adjust accordingly.
最终对我有用的方法如下。“32”是一个任意因素，基本上可以在 7 英寸平板电脑水平线上提供大约 70 多个字符，这是我正在寻找的字体大小。相应地调整。
textView.setTextSize(getFontSize(activity));
public static int getFontSize (Activity activity) {
DisplayMetrics dMetrics = new DisplayMetrics();
activity.getWindowManager().getDefaultDisplay().getMetrics(dMetrics);
// lets try to get them back a font size realtive to the pixel width of the screen
final float WIDE = activity.getResources().getDisplayMetrics().widthPixels;
int valueWide = (int)(WIDE / 32.0f / (dMetrics.scaledDensity));
return valueWide;
}
回答by snctln
maybe try setting setHoriztonallyScrolling()to true before taking text measurements so that the textView doesn't try to layout your text on multiple lines
也许尝试在进行文本测量之前将setHoriztonallyScrolling()设置为 true，以便textView不会尝试将文本布局在多行上
回答by Mark
One way would be to specify different sp dimensions for each of the generalized screen sizes. For instance, provide 8sp for small screens, 12sp for normal screens, 16 sp for large and 20 sp for xlarge. Then just have your layouts refer to @dimen text_size or whatever and you can rest assured, as density is taken care of via the sp unit. See the following link for more info on this approach.
一种方法是为每个广义屏幕尺寸指定不同的 sp 尺寸。例如，为小屏幕提供 8sp，为普通屏幕提供 12sp，为大屏幕提供 16sp，为 xlarge 提供 20sp。然后让您的布局参考@dimen text_size 或其他任何内容，您可以放心，因为密度是通过 sp 单位处理的。有关此方法的更多信息，请参阅以下链接。
http://www.developer.android.com/guide/topics/resources/more-resources.html#Dimension
http://www.developer.android.com/guide/topics/resources/more-resources.html#Dimension
I must note, however, that supporting more languages means more work during the testing phase, especially if you're interested in keeping text on one line, as some languages have much longer words. In that case, make a dimens.xml file in the values-de-large folder, for example, and tweak the value manually. Hope this helps.
但是，我必须指出，在测试阶段支持更多语言意味着更多的工作，特别是如果您有兴趣将文本保持在一行，因为某些语言的单词要长得多。在这种情况下，例如，在 values-de-large 文件夹中创建一个 dimens.xml 文件，然后手动调整该值。希望这可以帮助。
回答by Elliott
Here is a solution that I created based on some other feedback. This solution allows you to set the size of the text in XML which will be the max size and it will adjust itself to fit the view height. Size Adjusting TextView
这是我根据其他一些反馈创建的解决方案。此解决方案允许您设置 XML 中文本的大小，这将是最大大小，并且它会自行调整以适应视图高度。 大小调整 TextView
private float findNewTextSize(int width, int height, CharSequence text) {
TextPaint textPaint = new TextPaint(getPaint());
float targetTextSize = textPaint.getTextSize();
int textHeight = getTextHeight(text, textPaint, width, targetTextSize);
while(textHeight > height && targetTextSize > mMinTextSize) {
targetTextSize = Math.max(targetTextSize - 1, mMinTextSize);
textHeight = getTextHeight(text, textPaint, width, targetTextSize);
}
return targetTextSize;
}
private int getTextHeight(CharSequence source, TextPaint paint, int width, float textSize) {
paint.setTextSize(textSize);
StaticLayout layout = new StaticLayout(source, paint, width, Alignment.ALIGN_NORMAL, mSpacingMult, mSpacingAdd, true);
return layout.getHeight();
}
回答by Lassi Kinnunen
I found that this worked well for me. see: https://play.google.com/store/apps/details?id=au.id.rupert.chauffeurs_name_board&hl=en
我发现这对我很有效。请参阅：https: //play.google.com/store/apps/details?id=au.id.rupert.chauffeurs_name_board&hl=en
Source Code at http://www.rupert.id.au/chauffeurs_name_board/verson2.php
源代码位于http://www.rupert.id.au/chauffeurs_name_board/verson2.php
http://catchthecows.com/?p=72and https://github.com/catchthecows/BigTextButton
http://catchthecows.com/?p=72和https://github.com/catchthecows/BigTextButton
