Різний розмір шрифту в одному TextView


141

У мене є textViewвнутрішня частина з числом (змінною) та a 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

Використовуйте a 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. Що це означає?
Адріана Кареллі

перевірити довжину рядка. IndexOutOfBoundsException: вказівка ​​неправильної позиції індексу для початку та кінця проміжку. у наведеному вище привіт довжина становить 5, тому я застосував проміжок від індексу 0 до 5
Рагунандан

Працювали на Google Glass прекрасно!
Мохаммед Арман

2
чи є спосіб перемістити маленькі символи до центру у вертикальному напрямку? В основному всі символи повинні бути вертикально по центру, незалежно від розміру.
500865

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

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

@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
Приємний внесок! Але з HTML часу відтепер (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 ("ваша HTML-рядок")); }
statosdotcom

Що таке одиниця "5"? Це дп? Це сп? Як я можу змінити його на будь-який із них?
андроїд розробник

кольори та сім'я працює, однак розмір не працює.
c-a

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

І результат:

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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.