Шпаргалка по Андроид Разработке.: Используем для текста HTML оформление

Используем для текста HTML оформление

Главная » Используем для текста HTML оформление

В этом кратком уроке мы научимся делать вот такую полезную штуку - использовать для любого текстового элемента TextView в нашем приложении заданный с помощью HTML вид. Это может пригодиться для того, чтобы не настраивать каждый раз новый текстовый элемент с нуля, а просто применить к нему готовый стиль. Также этот прием понравиться знатока HTML, которым проще работать именно с этим кодом.

Создаем новый проект с Blank Activity. Первым делом в файле activity_main.xml создадим текстовый элемент для экспериментов:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:id="@+id/tv"
 android:text="Пример текста"/>
</LinearLayout>

Теперь откроем файл, хранящий строковые ресурсы - strings.xml. Именно здесь мы и создадим необходимый нам шаблон текста с помощью HTML:

<string name="info"><![CDATA[
 <font color="#4713f2"><b><i>HTML</b></font> - язык гипертекстовой разметки
 </i><br></br>]]>
 </string>

Как видите, мы создали довольно экзотическую для Android программирования строку с помощью вот такой команды:

<![CDATA[ помещаем сюда html-код ]]>

Внутри этой строки пишем необходимый HTML код без каких либо изменений и он отобразиться как нужно.

Осталось нужным образом отредактировать MainActivity.java:

import android.app.Activity;
import android.os.Bundle;
import android.text.Html;
import android.widget.TextView;

public class MainActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 
 //Объявляем объект TextView и привязываем к нашему элементу:
 TextView Htext = (TextView) findViewById(R.id.tv);
 
 //Создаем строковый ресурс и задаем ему значение с нашей строки "example":
 String infoText = getResources().getString(R.string.example);
 
 //Настраиваем строке HTML текст:
 Htext.setText(Html.fromHtml(infoText));
 }
}

Вот и все! Запускаем приложение и смотрим на результат:

Страницы

Используем для текста HTML оформление