Форматирование текста приложения Mobile SMARTS тегами псевдо-HTML
Тексты в окнах на терминале можно форматировать при помощи тегов псевдо-HTML. Использование форматирования позволяет отобразить информацию на экране в удобном пользователям виде, выделить важные сообщения в тексте и т.п.
Список тегов, которые можно использовать при форматировании текста:
|
Тег |
Описание |
Пример |
|---|---|---|
|
<r [size="размер"] [color="цвет"]>Текст</r> […] – необязательные параметры |
Обычный текст с возможностью задания цвета и размера. |
<r size="14" color ="Green">Имя товара</r> <r size="8">Имя товара</r> |
|
<b [size="размер"] [color="цвет"]>Жирный текст</b> […] – необязательные параметры |
Выделение текста жирным. |
<b size="+2" color ="FF0000">Штрихкод</b> <b size="10">Штрихкод</b> |
|
<i [size="размер"] [color="цвет"]>Наклонный текст</i> […] – необязательные параметры |
Текст написан курсивом (наклонный). |
<i size="+1">Артикул</i> <i size="8" color="Red">Артикул</i> |
|
<u [size="размер"] [color="цвет"]>Подчеркнутый текст</u> […] – необязательные параметры |
Подчеркнутый текст. |
<i size="+1">Ячейка</i> <i>Ячейка</i> |
|
<ИмяЦвета>Текст с цветом</ИмяЦвета> |
В качестве тега можно использовать имя цвета для текста. |
<Green>выводится зеленым</Green> <Blue>выводится синим</Blue> |
|
<hr [size="размер"] [color="цвет"]/> […] – необязательные параметры |
Горизонтальная линия отчеркивания. |
<hr/> <hr size="2"/> |
|
<br/> |
Переход на новую строку (устанавливает перевод строки в том месте, где этот тег находится). |
Текст<br/>С новой строки |
|
<image> Путь к картинке или шаблон</image> |
Вставка изображения. Читайте подробнее >> |
<img>picture.jpg</img> |
|
<button> Текст кнопки или картинка</button> |
Вставка кнопки. Читайте подробнее >> |
<button>Удалить</button> |
Теги можно заключать друг в друга, например,
<r size="12">Обычный текст <b> выделение текста жирным </b> снова обычный текст</r>.
Результат: Обычный текст выделение текста жирным снова обычный текст
При этом, вложенные тэги, если у них не задан размер или цвет, наследуют эти атрибуты у тега верхнего уровня, т.е. в приведенном примере жирный текст «выделение текста жирным» будет также иметь размер 12, как и остальной текст.
Задание размера текста
Для задания размера текста используется необязательный атрибут size="…". Если атрибут не задан, то для вывода текста используется размер по умолчанию, в соответствии со стилем отображения.
Размер может задаваться двумя способами:
|
Абсолютное значение Размер текста соответствует заданному в атрибуте size. |
<r size="12">Текст</r> <r size="16">Текст</r> <r size="8">Текст</r> <b size="8">Текст</b> |
Текст Текст Текст Текст |
|
Относительное значение Размер текст задается со знаком "+" или “–“ и определяет изменение относительно размера уровнем выше, или размера текста по умолчанию. Примеры смотрите здесь. |
<r size="+2">Текст</r> <r size="-1">Текст</r> <b size="+2"> Выводим 12м - <b size="-2">Выведено 10м размером</b> - снова 12</b> <b size="-2">Текст</b>
Размер по умолчанию = 10 |
Текст Текст Выводим 12м - Выведено 10м размером - снова 12 Текст |
Размерами текстов в разных местах интерфейса по умолчанию Вы можете управлять, используя стиль клиентского приложения на ТСД. Подробнее про это читайте здесь.
Задание цвета текста
Для задания цвета текста используется тег с именем цвета или необязательный атрибут color="…". Если атрибут не задан, то для вывода текста используется цвет по умолчанию, в соответствии со стилем отображения.
Цвет может задаваться тремя способами:
|
Тег – имя цвета В качестве тега можно использовать имя цвета на английском языке |
<Green>Зеленый</Green> <Red>Красный</Red> |
Зеленый Красный |
|
Название цвета на английском языке color="название цвета" |
<r color=" Green ">Зеленый</r> <r color="Red">Красный</r> <b color="Black"> Черный - <b color="Blue">Синий</b> - Снова черный</b> |
Зеленый Красный Черный - Синий - Снова черный |
|
Код цвета в шестнадцатеричном виде color="код цвета" |
<r color="#008000">Зеленый</r> <r color="# FF0000">Красный</r> <b color="#000000"> Черный - <b color="#0000FF">Синий</b> - Снова черный</b> |
Зеленый Красный Черный - Синий - Снова черный |
Таблица цветов:
