Возможно ли иметь несколько стилей внутри TextView?
Вопрос
Можно ли установить несколько стилей для разных фрагментов текста внутри TextView?
Например, я устанавливаю текст следующим образом:
tv.setText(line1 + "\n" + line2 + "\n" + word1 + "\t" + word2 + "\t" + word3);
Возможно ли иметь разный стиль для каждого текстового элемента?Например, выделите строку 1 жирным шрифтом, слово 1 курсивом и т.д.
Руководство разработчика Общие задачи и как их выполнять в Android включает в себя Выделение, подсвечивание или стилизация частей текста:
// Get our EditText object. EditText vw = (EditText)findViewById(R.id.text); // Set the EditText's text. vw.setText("Italic, highlighted, bold."); // If this were just a TextView, we could do: // vw.setText("Italic, highlighted, bold.", TextView.BufferType.SPANNABLE); // to force it to use Spannable storage so styles can be attached. // Or we could specify that in the XML. // Get the EditText's internal text storage Spannable str = vw.getText(); // Create our span sections, and assign a format to each. str.setSpan(new StyleSpan(android.graphics.Typeface.ITALIC), 0, 7, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); str.setSpan(new BackgroundColorSpan(0xFFFFFF00), 8, 19, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); str.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 21, str.length() - 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
Но при этом используются явные номера позиций внутри текста.Есть ли более чистый способ сделать это?
Решение
На случай, если кому-то интересно, как это сделать, вот один из способов:(Еще раз спасибо Марку!)
mBox = new TextView(context);
mBox.setText(Html.fromHtml("<b>" + title + "</b>" + "<br />" +
"<small>" + description + "</small>" + "<br />" +
"<small>" + DateAdded + "</small>"));
Неофициальный список тегов, поддерживаемых этим методом, см. эта ссылка или этот вопрос: Какие HTML-теги поддерживаются Android TextView?
Другие советы
Попробуй Html.fromHtml()
, и выделите свой текст жирным шрифтом и курсивом с помощью HTML-тегов, например:
Spanned text = Html.fromHtml("This mixes <b>bold</b> and <i>italic</i> stuff");
textView.setText(text);
Немного не по теме, но я нашел это слишком полезным, чтобы не упомянуть здесь.
Что, если мы хотели бы прочитать Html-текст из string.xml ресурс и, таким образом, облегчают его локализацию. CDATA - ДАННЫЕ сделайте это возможным:
<string name="my_text">
<![CDATA[
<b>Autor:</b> Mr Nice Guy<br/>
<b>Contact:</b> myemail@grail.com<br/>
<i>Copyright © 2011-2012 Intergalactic Spacebar Confederation </i>
]]>
</string>
Исходя из нашего Java-кода, теперь мы могли бы использовать его следующим образом:
TextView tv = (TextView) findViewById(R.id.myTextView);
tv.setText(Html.fromHtml(getString(R.string.my_text)));
Я не ожидал, что это сработает.Но это произошло.
Надеюсь, это будет полезно кому-то из вас!
Если вам не хочется использовать html, вы могли бы просто создать styles.xml и использовать его следующим образом:
TextView tv = (TextView) findViewById(R.id.textview);
SpannableString text = new SpannableString(myString);
text.setSpan(new TextAppearanceSpan(getContext(), R.style.myStyle), 0, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
text.setSpan(new TextAppearanceSpan(getContext(), R.style.myNextStyle), 6, 10, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
tv.setText(text, TextView.BufferType.SPANNABLE);
Это более легкий вес для использования SpannableString
вместо html-разметки.Это помогает мне увидеть наглядные примеры, поэтому вот дополнительный ответ.
Это единственный TextView
.
// set the text
SpannableString s1 = new SpannableString("bold\n");
SpannableString s2 = new SpannableString("italic\n");
SpannableString s3 = new SpannableString("foreground color\n");
SpannableString s4 = new SpannableString("background color\n");
SpannableString s5 = new SpannableString("underline\n");
SpannableString s6 = new SpannableString("strikethrough\n");
SpannableString s7 = new SpannableString("bigger\n");
SpannableString s8 = new SpannableString("smaller\n");
SpannableString s9 = new SpannableString("font\n");
SpannableString s10 = new SpannableString("URL span\n");
SpannableString s11 = new SpannableString("clickable span\n");
SpannableString s12 = new SpannableString("overlapping spans\n");
// set the style
int flag = Spanned.SPAN_EXCLUSIVE_EXCLUSIVE;
s1.setSpan(new StyleSpan(Typeface.BOLD), 0, s1.length(), flag);
s2.setSpan(new StyleSpan(Typeface.ITALIC), 0, s2.length(), flag);
s3.setSpan(new ForegroundColorSpan(Color.RED), 0, s3.length(), flag);
s4.setSpan(new BackgroundColorSpan(Color.YELLOW), 0, s4.length(), flag);
s5.setSpan(new UnderlineSpan(), 0, s5.length(), flag);
s6.setSpan(new StrikethroughSpan(), 0, s6.length(), flag);
s7.setSpan(new RelativeSizeSpan(2), 0, s7.length(), flag);
s8.setSpan(new RelativeSizeSpan(0.5f), 0, s8.length(), flag);
s9.setSpan(new TypefaceSpan("monospace"), 0, s9.length(), flag);
s10.setSpan(new URLSpan("https://developer.android.com"), 0, s10.length(), flag);
s11.setSpan(new ClickableSpan() {
@Override
public void onClick(View widget) {
Toast.makeText(getApplicationContext(), "Span clicked", Toast.LENGTH_SHORT).show();
}
}, 0, s11.length(), flag);
s12.setSpan(new ForegroundColorSpan(Color.RED), 0, 11, flag);
s12.setSpan(new BackgroundColorSpan(Color.YELLOW), 4, s12.length(), flag);
s12.setSpan(new UnderlineSpan(), 4, 11, flag);
// build the string
SpannableStringBuilder builder = new SpannableStringBuilder();
builder.append(s1);
builder.append(s2);
builder.append(s3);
builder.append(s4);
builder.append(s5);
builder.append(s6);
builder.append(s7);
builder.append(s8);
builder.append(s9);
builder.append(s10);
builder.append(s11);
builder.append(s12);
// set the text view with the styled text
textView.setText(builder);
// enables clicking on spans for clickable span and url span
textView.setMovementMethod(LinkMovementMethod.getInstance());
Дальнейшее изучение
- Объясните значение флагов Span, таких как SPAN_EXCLUSIVE_EXCLUSIVE
- Android Spanned, SpannedString, Spannable, SpannableString и последовательность символов
- Типы пролетов
Этот пример был первоначально вдохновлен здесь.
Список поддерживаемых тегов выглядит следующим образом:
Если вы используете строковый ресурс, вы можете добавить какой-нибудь простой стиль, например, полужирный или курсивный, используя HTML-обозначения.В настоящее время поддерживаются следующие теги:
B
(выделено жирным шрифтом),I
(курсив),U
(подчеркнуть),TT
(моноширинный),BIG
,SMALL
,SUP
(надстрочный знак),SUB
(нижний индекс), иSTRIKE
(зачеркнуто).Так, например, вres/values/strings.xml
вы могли бы объявить об этом:<resource> <string id="@+id/styled_welcome_message">We are <b><i>so</i></b> glad to see you.</string> </resources>
(Из http://developer.android.com/guide/faq/commontasks.html#selectingtext — Ссылка на веб-архив, <resource>
опечатка в оригинале!)
Это также показывает , что Html.fromHtml
на самом деле это не нужно в простых случаях.
Я столкнулся с той же проблемой.Я мог бы использовать fromHtml, но сейчас у меня Android, а не web, поэтому я решил попробовать это.Однако мне нужно локализовать это, поэтому я попробовал, используя концепцию замены строк.Я устанавливаю стиль в TextView в качестве основного стиля, затем просто форматирую остальные элементы.
Я надеюсь, что это поможет другим, желающим сделать то же самое - я не знаю, почему это не проще в фреймворке.
Мои струны выглядят вот так:
<string name="my_text">{0} You will need a {1} to complete this assembly</string>
<string name="text_sub0">1:</string>
<string name="text_sub1">screwdriver, hammer, and measuring tape</string>
Вот эти стили:
<style name="MainStyle">
<item name="android:textSize">@dimen/regular_text</item>
<item name="android:textColor">@color/regular_text</item>
</style>
<style name="style0">
<item name="android:textSize">@dimen/paragraph_bullet</item>
<item name="android:textColor">@color/standout_text</item>
<item name="android:textStyle">bold</item>
</style>
<style name="style1">
<item name="android:textColor">@color/standout_light_text</item>
<item name="android:textStyle">italic</item>
</style>
Вот мой код, который вызывает мой метод formatStyles:
SpannableString formattedSpan = formatStyles(getString(R.string.my_text), getString(R.string.text_sub0), R.style.style0, getString(R.string.main_text_sub1), R.style.style1);
textView.setText(formattedSpan, TextView.BufferType.SPANNABLE);
Метод форматирования:
private SpannableString formatStyles(String value, String sub0, int style0, String sub1, int style1)
{
String tag0 = "{0}";
int startLocation0 = value.indexOf(tag0);
value = value.replace(tag0, sub0);
String tag1 = "{1}";
int startLocation1 = value.indexOf(tag1);
if (sub1 != null && !sub1.equals(""))
{
value = value.replace(tag1, sub1);
}
SpannableString styledText = new SpannableString(value);
styledText.setSpan(new TextAppearanceSpan(getActivity(), style0), startLocation0, startLocation0 + sub0.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
if (sub1 != null && !sub1.equals(""))
{
styledText.setSpan(new TextAppearanceSpan(getActivity(), style1), startLocation1, startLocation1 + sub1.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
return styledText;
}
Теперь в <b>
элемент устарел. <strong>
визуализируется как <b>
, и <em>
визуализируется как <i>
.
tv.setText(Html.fromHtml("<strong>bold</strong> and <em>italic</em> "));
Если вы хотите иметь возможность добавлять стилизованный текст в формате xml, вы можете создать пользовательское представление, расширяющее TextView, и переопределить setText():
public class HTMLStyledTextView extends TextView
{
public HTMLStyledTextView(Context context) {
super(context);
}
public HTMLStyledTextView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public HTMLStyledTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public void setText(CharSequence text, BufferType type)
{
super.setText(Html.fromHtml(text.toString()), type);
}
}
Затем вы можете использовать его следующим образом (заменить PACKAGE_NAME
с вашим именем пакета):
<PACKAGE_NAME.HTMLStyledTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="<![CDATA[
<b>Bolded Text:</b> Non-Bolded Text
]]>"
/>
Вот простой способ сделать это, используя HTMLBuilder
myTextView.setText(new HtmlBuilder().
open(HtmlBuilder.Type.BOLD).
append("Some bold text ").
close(HtmlBuilder.Type.BOLD).
open(HtmlBuilder.Type.ITALIC).
append("Some italic text").
close(HtmlBuilder.Type.ITALIC).
build()
);
Результат:
Немного выделенного жирным шрифтом текста Немного текста, выделенного курсивом
Как указано, используйте TextView.setText(Html.fromHtml(String))
И используйте эти теги в вашей строке в формате Html:
<a href="...">
<b>
<big>
<blockquote>
<br>
<cite>
<dfn>
<div align="...">
<em>
<font size="..." color="..." face="...">
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<i>
<img src="...">
<p>
<small>
<strike>
<strong>
<sub>
<sup>
<tt>
<u>
http://commonsware.com/blog/Android/2010/05/26/html-tags-supported-by-textview.html
Я тоже
Как насчет использования какой-нибудь красивой разметки с Kotlin и Анко -
import org.jetbrains.anko.*
override fun onCreate(savedInstanceState: Bundle?) {
title = "Created with Beautiful Markup"
super.onCreate(savedInstanceState)
verticalLayout {
editText {
hint = buildSpanned {
append("Italic, ", Italic)
append("highlighted", backgroundColor(0xFFFFFF00.toInt()))
append(", Bold", Bold)
}
}
}
}
Да, это возможно с помощью SpannedString
.Если вы используете Kotlin, это становится еще проще сделать с помощью core-ktx
, поскольку это обеспечивает доменно-зависимый язык (DSL) за то , что сделал это:
val string: SpannedString = buildSpannedString {
bold {
append("1111")
}
append("Devansh")
}
Дополнительные опции, предоставляемые им, следующие:
append("Hello There")
bold {
append("bold")
italic {
append("bold and italic")
underline {
append("then some text with underline")
}
}
}
Наконец, вы можете просто:
textView.text = string
Фактически, кроме Html-объекта, вы также могли бы использовать классы Spannable type, напримерTextAppearanceSpan или TypefaceSpan и SpannableString объединяются.Класс Html также использует эти механизмы.Но с классами Spannable type у вас больше свободы.
Это может быть так же просто, как использовать метод String length():
Разделите текстовую строку в XML-файле Strings на столько подстрок (отдельных строк с точки зрения Android), сколько вам нужно разных стилей, чтобы это могло быть похоже: str1, str2, str3 (как в вашем случае), которые при соединении вместе представляют собой целую единую строку, которую вы используете.
А затем просто следуйте методу "Span", точно так же, как вы представили в своем коде, но вместо одной строки объедините все подстроки, объединив их в одну, каждая с другим пользовательским стилем.
Вы по-прежнему используете числа, однако не напрямую - теперь они больше не принимают жестко запрограммированную форму (как в вашем коде), но они заменяются комбинированными методами length() (обратите внимание на две звездочки, предшествующие str.length() и добавляющие суффикс вместо абсолютного числа, чтобы подчеркнуть изменение):
str.setSpan(new StyleSpan(android.graphics.Typeface.ITALIC), 0, **str.length()**, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
для первого размера строки, затем str.длина () + 1, str.длина() + str2.длина() для второго размера строки и так далее со всеми подстроками, вместо, например,0,7 или 8,19 и так далее...
Используя вспомогательный охватываемый класс в качестве Строковые ресурсы Android общие сведения в нижней части веб-страницы.Вы можете подойти к этому, создавCharSquences
и придание им стиля.
Но в примере, который они нам приводят, речь идет только о выделении текста жирным шрифтом, курсивом и даже цветом.Мне нужно было обернуть несколько стилей вCharSequence
для того, чтобы установить их в TextView
.Итак, к этому классу (я назвал его CharSequenceStyles
) Я только что добавил эту функцию.
public static CharSequence applyGroup(LinkedList<CharSequence> content){
SpannableStringBuilder text = new SpannableStringBuilder();
for (CharSequence item : content) {
text.append(item);
}
return text;
}
И в представлении я добавил это.
message.push(postMessageText);
message.push(limitDebtAmount);
message.push(pretMessageText);
TextView.setText(CharSequenceStyles.applyGroup(message));
Я надеюсь, что это поможет вам!
Спанни сделайте SpannableString более простым в использовании.
Spanny spanny = new Spanny("Underline text", new UnderlineSpan())
.append("\nRed text", new ForegroundColorSpan(Color.RED))
.append("\nPlain text");
textView.setText(spanny)
Как Джон сказал, для меня это лучшее решение, и вам не нужно устанавливать какой-либо текст во время выполнения, используйте только этот пользовательский класс HtmlTextView
public class HtmlTextView extends TextView {
public HtmlTextView(Context context) {
super(context);
}
public HtmlTextView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public HtmlTextView(Context context, AttributeSet attrs, int defStyleAttr)
{
super(context, attrs, defStyleAttr);
}
@TargetApi(21)
public HtmlTextView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
@Override
public void setText(CharSequence s,BufferType b){
super.setText(Html.fromHtml(s.toString()),b);
}
}
и это все, теперь только поместите это в свой XML
<com.fitc.views.HtmlTextView
android:id="@+id/html_TV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/example_html" />
с вашей HTML-строкой
<string name="example_html">
<![CDATA[
<b>Author:</b> Mr Donuthead<br/>
<b>Contact:</b> me@donut.com<br/>
<i>Donuts for life </i>
]]>