Другой размер шрифта строк в одном и том же TextView


143

У меня есть 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 имел размер, отличный от остального текста. Как сделать?

Ответы:


363

Использовать 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); 

Снимок

введите описание изображения здесь

Вы можете разделить строку, используя пробел, и добавить span к требуемой строке.

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

Теперь примените spanк stringи добавьте то же самое к textview.


setSpan () return: java.lang.IndexOutOfBoundsException: setSpan (0 ... 5) заканчивается за пределами длины 1. Что это означает?
Адриана Карелли

проверьте длину строки. IndexOutOfBoundsException: указание неправильной позиции индекса для начала и конца диапазона. в приведенном выше примере длина Hello равна 5, поэтому я применил интервал от индекса 0 до 5
Рагхунандан

Работал на Google Glass отлично!
Мохаммад Арман

2
есть ли способ переместить маленькие символы к центру в вертикальном направлении? Как правило, все символы должны быть центрированы по вертикали независимо от размера.
500865

В этом случае вам, вероятно, понадобится два текстовых представления, иначе вам нужно создать свое собственное текстовое представление
Рагхунандан

122

На всякий случай вам интересно, как вы можете установить несколько разных размеров в одном текстовом представлении, но используя абсолютный, а не относительный размер, вы можете добиться этого, используя 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

@AmitGarg, вы хотите уточнить?
Жоао Соуза

4
Вы также можете использовать AbsoluteSizeSpan(sizeInDip, true)для указания размера прямо в dp
Илья Грабко

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) устарел. Чтобы это работало, сделайте следующее, чтобы разрешить режим совместимости: if (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 ("ваша строка html")); }
statosdotcom 01

Что такое единица «5»? Это дп? Это зр? Как я могу изменить его на любой из них?
разработчик Android

цвета и семейные работы, однако размер не работает.
c-an

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


3

Лучший способ сделать это - 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));  

2

Я написал свою собственную функцию, которая принимает 2 строки и 1 int (размер текста)

Полный текст и часть текста, размер которой вы хотите изменить.

Он возвращает 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

И результат:

введите описание изображения здесь


-1

в котлине сделайте это, как показано ниже, используя html

HtmlCompat.fromHtml("<html><body><h1>This is Large Heading :-</h1><br>This is normal size<body></html>",HtmlCompat.FROM_HTML_MODE_LEGACY)
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.