Inny rozmiar czcionki ciągów w tym samym TextView


141

Mam textViewwnętrze z liczbą (zmienną) i string, jak mogę podać numer o jeden rozmiar większy niż string? kod:

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

Chcę, aby ls.numproducts miało rozmiar inny niż reszta tekstu. Jak zrobić?

Odpowiedzi:


360

Użyć 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); 

Strzał

wprowadź opis obrazu tutaj

Możesz podzielić ciąg za pomocą spacji i dodać zakres do wymaganego ciągu.

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

Teraz zastosuj spando stringi dodaj to samo do textview.


setSpan () return: java.lang.IndexOutOfBoundsException: setSpan (0 ... 5) kończy się poza długością 1. Co to oznacza?
Adriana Carelli

sprawdź długość sznurka. IndexOutOfBoundsException: wskazanie niewłaściwej pozycji indeksu na początku i na końcu zakresu. w powyższym Hello długość wynosi 5, więc zastosowałem zakres od indeksu 0 do 5
Raghunandan

Działa doskonale na Google Glass!
Mohammad Arman

2
czy istnieje sposób na przesunięcie małych znaków do środka w kierunku pionowym? Zasadniczo wszystkie znaki powinny być wyśrodkowane w pionie, niezależnie od rozmiaru.
500865

W takim przypadku prawdopodobnie potrzebujesz dwóch widoków tekstu, albo musisz utworzyć własny widok tekstu
Raghunandan

119

Na wypadek gdybyś zastanawiał się, jak ustawić wiele różnych rozmiarów w tym samym widoku tekstu, ale używając rozmiaru bezwzględnego, a nie względnego, możesz to osiągnąć za pomocą AbsoluteSizeSpanzamiast RelativeSizeSpan.

Po prostu uzyskaj wymiar w pikselach o żądanym rozmiarze tekstu

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

a następnie utwórz nowy AbsoluteSpanna podstawie tekstu

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

Dobry dodatek z AbsoluteSizeSpanprzykładem
eugeneek

@AmitGarg chcesz rozwinąć?
Joao Sousa

4
Możesz również użyć AbsoluteSizeSpan(sizeInDip, true)do określenia rozmiaru bezpośrednio w dp
Ilia Grabko

8

Możesz to zrobić, używając ciągu html i ustawiając html na Textview za pomocą
txtView.setText(Html.fromHtml("Your html string here"));

Na przykład :

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

1
Niezły wkład! Ale fromHtml od teraz (API> = N) jest przestarzałe. Aby to zadziałało, zrób to, aby zezwolić na tryb zgodności: if (android.os.Build.VERSION.SDK_INT> = android.os.Build.VERSION_CODES.N) {txtView.setText (Html.fromHtml ("twój ciąg html")) , Html.FROM_HTML_MODE_LEGACY)); } else {txtView.setText (Html.fromHtml ("Twój ciąg html")); }
statosdotcom

Jaka jest jednostka „5”? Czy to jest dp? Czy to jest sp? Jak mogę to zmienić na którykolwiek z tych?
programista android

kolory i rodzina działają, jednak rozmiar nie działa.
c-

5

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

za pomocą

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

wprowadź opis obrazu tutaj

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

za pomocą

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

wprowadź opis obrazu tutaj



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

---------------- Wynik ---------------

Wynik:

12345. 24


2

Najlepszym sposobem na to jest Html bez podłańcucha tekstu iw pełni dynamique Na przykład:

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

    }

i możesz użyć atrybutu koloru itp ... jeśli z drugiej strony:

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

1

Napisałem własną funkcję, która przyjmuje 2 ciągi i 1 int (rozmiar tekstu)

Pełny tekst i część tekstu, której rozmiar chcesz zmienić.

Zwraca SpannableStringBuilder, którego można użyć w widoku tekstu.

  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

Jeśli chcesz uniknąć zbytniego zamieszania ze strony tłumaczy, wymyśliłem sposób, aby w ciągach znaków umieścić tylko symbol zastępczy, który będzie obsługiwany w kodzie.

Więc załóżmy, że masz to w stringach:

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

A jeśli chcesz, aby tekst zastępczy miał inny rozmiar i kolor, możesz użyć tego:

        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

A wynik:

wprowadź opis obrazu tutaj

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.