同じTextView内の文字列の異なるフォントサイズ


141

私が持っているtextView数(変数)との内部をしてstring、どのように私はより大きなナンバーワンサイズを与えることができますかstring?コード:

TextView size = (TextView)convertView.findViewById(R.id.privarea_list_size);
if (ls.numProducts != null) {
    size.setText(ls.numProducts + " " + mContext.getString(R.string.products));
}

ls.numproductsのサイズが他のテキストと異なるようにしたい。実行する方法?

回答:


360

使う Spannable String

 String s= "Hello Everyone";
 SpannableString ss1=  new SpannableString(s);
 ss1.setSpan(new RelativeSizeSpan(2f), 0,5, 0); // set size
 ss1.setSpan(new ForegroundColorSpan(Color.RED), 0, 5, 0);// set color
 TextView tv= (TextView) findViewById(R.id.textview);
 tv.setText(ss1); 

スナップショット

ここに画像の説明を入力してください

スペースを使用して文字列を分割し、必要な文字列にスパンを追加できます。

 String s= "Hello Everyone";  
 String[] each = s.split(" ");

次にに適用spanし、string同じものをに追加しtextviewます。


setSpan()戻り値:java.lang.IndexOutOfBoundsException:setSpan(0 ... 5)が長さ1を超えて終了します。これはどういう意味ですか?
Adriana Carelli 2013年

文字列の長さを確認してください。IndexOutOfBoundsException:スパンの開始と終了の誤ったインデックス位置を示します。上記のHelloの長さは5なので、インデックス0から5までのスパンを適用しました
ラグフナンダン2013年

Google Glassで完璧に機能しました!
Mohammad Arman 2015年

2
小さいキャラクターを縦方向の中央に移動する方法はありますか?基本的に、サイズに関係なく、すべての文字は垂直方向に中央揃えされます。
500865 2016

おそらく、その場合、2つのテキストビューを必要とするか、または他の独自のテキストビューを作成する必要があります
Raghunandan

119

同じテキストビューで複数の異なるサイズをどのように設定できるのか疑問に思っているのに、相対サイズではなく絶対サイズを使用している場合は、のAbsoluteSizeSpan代わりに使用してそれを実現できますRelativeSizeSpan

必要なテキストサイズの寸法をピクセル単位で取得するだけです

int textSize1 = getResources().getDimensionPixelSize(R.dimen.text_size_1);
int textSize2 = getResources().getDimensionPixelSize(R.dimen.text_size_2);

そしてAbsoluteSpan、テキストに基づいて新しいを作成します

String text1 = "Hi";
String text2 = "there";

SpannableString span1 = new SpannableString(text1);
span1.setSpan(new AbsoluteSizeSpan(textSize1), 0, text1.length(), SPAN_INCLUSIVE_INCLUSIVE);

SpannableString span2 = new SpannableString(text2);
span2.setSpan(new AbsoluteSizeSpan(textSize2), 0, text2.length(), SPAN_INCLUSIVE_INCLUSIVE);

// let's put both spans together with a separator and all
CharSequence finalText = TextUtils.concat(span1, " ", span2);

AbsoluteSizeSpan例の良い追加
eugeneek '06 / 06/06

@AmitGarg詳しく説明しますか?
Joao Sousa

4
またAbsoluteSizeSpan(sizeInDip, true)、dpでサイズを直接指定することもできます
Ilia Grabko

8

これを行うには、html文字列を使用し、htmlをTextviewに設定します。
txtView.setText(Html.fromHtml("Your html string here"));

例えば ​​:

txtView.setText(Html.fromHtml("<html><body><font size=5 color=red>Hello </font> World </body><html>"));`

1
いい貢献!しかし、今後はfromHtml(API> = N)は非推奨になりました。このために仕事に互換モードできるようにするには、この操作を行います。もし(android.os.Build.VERSION.SDK_INT> = android.os.Build.VERSION_CODES.N){txtView.setText(Html.fromHtml(「あなたのHTML文字列」)) 、Html.FROM_HTML_MODE_LEGACY)); } else {txtView.setText(Html.fromHtml( "your html string")); }
statosdotcom

「5」の単位は?dpですか?spですか?どうすればそれらに変更できますか?
Android開発者

5

方法1

public static void increaseFontSizeForPath(Spannable spannable, String path, float increaseTime) {
    int startIndexOfPath = spannable.toString().indexOf(path);
    spannable.setSpan(new RelativeSizeSpan(increaseTime), startIndexOfPath,
            startIndexOfPath + path.length(), 0);
}

を使用して

Utils.increaseFontSizeForPath(spannable, "big", 3); // make "big" text bigger 3 time than normal text

ここに画像の説明を入力してください

方法2

public static void setFontSizeForPath(Spannable spannable, String path, int fontSizeInPixel) {
    int startIndexOfPath = spannable.toString().indexOf(path);
    spannable.setSpan(new AbsoluteSizeSpan(fontSizeInPixel), startIndexOfPath,
            startIndexOfPath + path.length(), 0);
}

を使用して

Utils.setFontSizeForPath(spannable, "big", (int) textView.getTextSize() + 20); // make "big" text bigger 20px than normal text

ここに画像の説明を入力してください



3
private SpannableStringBuilder SpannableStringBuilder(final String text, final char afterChar, final float reduceBy) {
        RelativeSizeSpan smallSizeText = new RelativeSizeSpan(reduceBy);
        SpannableStringBuilder ssBuilder = new SpannableStringBuilder(text);
        ssBuilder.setSpan(
                smallSizeText,
                text.indexOf(afterChar),
                text.length(),
                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
        );

        return ssBuilder;
    }
------------------------
TextView textView =view.findViewById(R.id.textview);
String s= "123456.24";
textView.setText(SpannableStringBuilder(s, '.', 0.7f));

----------------結果---------------

結果:

12345. 24


2

これを行う最良の方法は、テキストを部分文字列化せずに完全に動的なHTMLです。次に例を示します。

  public static String getTextSize(String text,int size) {
         return "<span style=\"size:"+size+"\" >"+text+"</span>";

    }

また、カラー属性などを使用できます。

size.setText(Html.fromHtml(getTextSize(ls.numProducts,100) + " " + mContext.getString(R.string.products));  

1

2つの文字列と1つの整数(テキストサイズ)をとる独自の関数を作成しました

テキスト全体と、サイズを変更するテキストの一部。

テキストビューで使用できるSpannableStringBuilderを返します。

  public static SpannableStringBuilder setSectionOfTextSize(String text, String textToChangeSize, int size){

        SpannableStringBuilder builder=new SpannableStringBuilder();

        if(textToChangeSize.length() > 0 && !textToChangeSize.trim().equals("")){

            //for counting start/end indexes
            String testText = text.toLowerCase(Locale.US);
            String testTextToBold = textToChangeSize.toLowerCase(Locale.US);
            int startingIndex = testText.indexOf(testTextToBold);
            int endingIndex = startingIndex + testTextToBold.length();
            //for counting start/end indexes

            if(startingIndex < 0 || endingIndex <0){
                return builder.append(text);
            }
            else if(startingIndex >= 0 && endingIndex >=0){

                builder.append(text);
                builder.setSpan(new AbsoluteSizeSpan(size, true), startingIndex, endingIndex, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            }
        }else{
            return builder.append(text);
        }

        return builder;
    }

0

翻訳者が混乱しすぎないようにするために、文字列にプレースホルダーを配置する方法を考えました。これはコードで処理されます。

だから、あなたはこれを文字列に持っていると仮定します:

    <string name="test">
        <![CDATA[
        We found %1$s items]]>
    </string>

プレースホルダーテキストのサイズと色を変えたい場合は、次のように使用できます。

        val textToPutAsPlaceHolder = "123"
        val formattedStr = getString(R.string.test, "$textToPutAsPlaceHolder<bc/>")
        val placeHolderTextSize = resources.getDimensionPixelSize(R.dimen.some_text_size)
        val placeHolderTextColor = ContextCompat.getColor(this, R.color.design_default_color_primary_dark)
        val textToShow = HtmlCompat.fromHtml(formattedStr, HtmlCompat.FROM_HTML_MODE_LEGACY, null, object : Html.TagHandler {
            var start = 0
            override fun handleTag(opening: Boolean, tag: String, output: Editable, xmlReader: XMLReader) {
                when (tag) {
                    "bc" -> if (!opening) start = output.length - textToPutAsPlaceHolder.length
                    "html" -> if (!opening) {
                        output.setSpan(AbsoluteSizeSpan(placeHolderTextSize), start, start + textToPutAsPlaceHolder.length, 0)
                        output.setSpan(ForegroundColorSpan(placeHolderTextColor), start, start + textToPutAsPlaceHolder.length, 0)
                    }
                }
            }
        })
        textView.text = textToShow

そしてその結果:

ここに画像の説明を入力してください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.