Главная » Используем для текста 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));
}
}
Вот и все! Запускаем приложение и смотрим на результат:
| |
|
Всего комментариев: 0 | |