web-dev-qa-db-ja.com

TextViewに合わせてテキストを拡大縮小/サイズ変更する方法は?

TextViewの境界(X次元とY次元の両方)に収まるように、TextViewの複数行テキストのサイズを変更するメソッドを作成しようとしています。

現在、私は何かを持っていますが、テキストの最初の文字/文字だけがTextViewの寸法を満たすようにテキストのサイズを変更します(つまり、最初の文字だけが表示され、それは巨大です) 。 TextViewの境界内にテキストのすべての行を収めるために必要です。

ここに私がこれまでに持っているものがあります:

_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);
      }
    }
}
_

問題はtv.getPaint().getTextBounds(...)の使用にあると思います。テキストのサイズが幅または高さよりもはるかに大きい場合でも、tv.getWidth()およびtv.getHeight()の値に比べて小さい...常にテキスト境界に小さな数値を返します。 TextView

27
RyanM

MavenCentralのAutofitTextViewライブラリはこれをうまく処理します。 https://github.com/grantland/Android-autofittextview のGithub(1k +スター)でホストされているソース

次をapp/build.gradleに追加します

repositories {
    mavenCentral()
}

dependencies {
    compile 'me.grantland:autofittextview:0.2.+'
}

コードでTextViewを拡張するビューを有効にします。

AutofitHelper.create(textView);

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>

コードまたはXMLで組み込みウィジェットを使用します。

<me.grantland.widget.AutofitTextView
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:singleLine="true"
    />
20
13rac1

Android O:以降の新機能

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"
/>
5
Javatar

さまざまな7インチタブレット(Kindle fire、Nexus7、低解像度の画面を備えた中国の安価なタブレット)やデバイスでフォントサイズを正しくしようとして、かなり長い間これを試してきました。

最終的に私のために働いたアプローチは次のとおりです。 「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;
}
3
Mark JW

次のコードを使用して自分の質問に答えることができました(以下を参照)が、私のソリューションはアプリケーションに非常に固有のものでした。たとえば、これはおそらく見栄えが良く、および/またはおよそのサイズのTextViewで機能します。画面の1/2(上余白が40px、横余白が20px ...下余白なし)。

ただし、このアプローチを使用すると、独自の同様の実装を作成できます。静的メソッドは基本的に文字数を見て、TextViewのテキストサイズに適用するスケーリング係数を決定し、全体の高さ(推定高さ-テキストの幅を使用して、テキスト、高さ、およびTextViewの幅)はTextViewの幅のすぐ下です。スケーリング係数(つまりif/else ifステートメント)を決定するために必要なパラメーターは、推測とチェックによって設定されました。特定のアプリケーションで機能するようにするには、おそらく数値をいじる必要があります。

これは最もエレガントなソリューションではありませんが、コーディングは簡単で、私にとってはうまくいきます。誰かがより良いアプローチを持っていますか?

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);
    }

ありがとう。

3
RyanM

自分で解決策を探している間にこれにつまずきました...私はスタックオーバーフローなどで見ることができる他のすべての解決策を試してみましたが、実際にはうまくいきませんでしたので、自分で書きました。

基本的に、カスタムの線形レイアウトでテキストビューをラップすることで、固定幅で測定されるようにすることで、テキストを適切に測定することができました。

<!-- 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>

次に、線形レイアウトコード

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();
        }
    }
}

これが誰かを助けることを願っています。

3
appmattus

私は同じ問題を抱えていて、自分に合ったクラスを書いた。基本的に、静的レイアウトを使用してテキストを別のキャンバスに描画し、適切なフォントサイズが見つかるまで再測定しました。以下のトピックに掲載されているクラスをご覧ください。役に立てば幸いです。

境界内に収まるようにTextViewテキストを自動スケーリング

3
Chase

1つの方法は、一般化された画面サイズごとに異なるspディメンションを指定することです。たとえば、小さな画面に8sp、通常の画面に12sp、大画面に16sp、xlargeに20spを提供します。次に、レイアウトが@dimen text_sizeなどを参照するようにします。密度はspユニットを介して処理されるため、安心できます。このアプローチの詳細については、次のリンクを参照してください。

http://www.developer.Android.com/guide/topics/resources/more-resources.html#Dimension

ただし、より多くの言語をサポートすることは、テストフェーズでの作業が増えることを意味することに注意してください。特に、一部の言語では単語が長いため、1行にテキストを保持したい場合は注意が必要です。その場合、たとえば、values-de-largeフォルダーにdimens.xmlファイルを作成し、値を手動で調整します。お役に立てれば。

2
Mark

textViewが複数行にテキストをレイアウトしようとしないように、テキスト測定を行う前に setHoriztonallyScrolling() をtrueに設定してみてください

2
snctln

他のフィードバックに基づいて作成したソリューションを次に示します。このソリューションでは、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();
    }
1
Elliott

あなたの唯一の要件がテキストを自動的に分割して次の行に続けることであり、高さが重要でない場合は、このようにします。

<TextView
    Android:layout_height="wrap_content"
    Android:layout_width="wrap_content"
    Android:maxEms="integer"
    Android:width="integer"/>

これにより、maxEms値に応じてTextViewがコンテンツに垂直にラップされます。

0

これは、mattmookの答えに基づいています。一部のデバイスではうまく機能しましたが、すべてではありませんでした。サイズ変更を測定ステップに移動し、最大フォントサイズをカスタム属性にし、マージンを考慮して、LineairLayoutではなくFrameLayoutを拡張しました。

 public class ResizeView extends FrameLayout {
    protected float max_font_size;

    public ResizeView(Context context, AttributeSet attrs) {
        super(context, attrs);

        TypedArray a = context.getTheme().obtainStyledAttributes(
                attrs,
                R.styleable.ResizeView,
                0, 0);
        max_font_size = a.getDimension(R.styleable.ResizeView_maxFontSize, 30.0f);
    }

    public ResizeView(Context context) {
        super(context);
    }

    @Override
    protected void onMeasure(final int widthMeasureSpec, final int heightMeasureSpec) {
        // Use the parent's code for the first measure
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        // Assume we only have one child and it is the text view to scale
        final TextView textView = (TextView) getChildAt(0);

        // Check if the default measure resulted in a fitting textView
        LayoutParams childLayout = (LayoutParams) textView.getLayoutParams();
        final int textHeightAvailable = getMeasuredHeight() - getPaddingTop() - getPaddingBottom() - childLayout.topMargin - childLayout.bottomMargin;
        int textViewHeight = textView.getMeasuredHeight();
        if (textViewHeight < textHeightAvailable) {
            return;
        }

        final int textWidthSpec = MeasureSpec.makeMeasureSpec(
                MeasureSpec.getSize(widthMeasureSpec) - getPaddingLeft() - getPaddingRight() - childLayout.leftMargin - childLayout.rightMargin, 
                MeasureSpec.EXACTLY);
        final int textHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);

        for (float size = max_font_size; size >= 1.05f; size-=0.1f) {
            textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, size);
            textView.measure(textWidthSpec, textHeightSpec);

            textViewHeight = textView.getMeasuredHeight();
            if (textViewHeight <= textHeightAvailable) {
                break;
            }
        }
    }
}

そして、これはattrs.xmlにあります:

<declare-styleable name="ResizeView">
    <attr name="maxFontSize" format="reference|dimension"/>
</declare-styleable>

そして最終的にこのように使用されます:

<PACKAGE_NAME.ui.ResizeView xmlns:custom="http://schemas.Android.com/apk/res/PACKAGE_NAME"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:gravity="start|center_vertical"
    Android:padding="5dp"
    custom:maxFontSize="@dimen/normal_text">

    <TextView Android:id="@+id/tabTitle2"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"/>

</PACKAGE_NAME.ui.ResizeView>
0
Black Mantha

私のソリューションがあなたに役立つかどうかを確認してください:

境界内に収まるようにTextViewテキストを自動スケーリング

0
vsm

これを試して...

tv.setText("Give a very large text anc check , this xample is very usefull");
    countLine=tv.getLineHeight();
    System.out.println("LineCount " + countLine);
    if (countLine>=40){
        tv.setTextSize(15);
    }
0
Mathan Chinna
0
Lassi Kinnunen