Стиль клиентского приложения на ТСД

Данная статья применима только к ТСД на ОС Windows CE!

Mobile SMARTS поддерживает работу со многими ТСД, у которых разные размеры экранов, на которых кнопки и текст выглядят по-разному (в зависимости от разрешения экрана). Для простоты настройки отображения текстов и кнопок для конкретного ТСД предусмотрен стиль клиентского приложения (начиная с версии 2.6.7.13).

Изменение стиля выполняется в файле MobileSMARTS.exe.config, который расположен в папке приложения на ТСД (например, для терминалов Motorola, \Application\MobileSmarts\MobileSMARTS.exe.config).

Стиль задается в конфигурационной группе <style> </style>.

…
<add key = "screenMode" value = "Color"/>
…
<style>
<add key = "menuButtonHeight" value = "34" /> 
<add key = "LargeFont" value = "Tahoma;12pt;Bold" />
<add key = "NormalFont" value = "Tahoma;11pt;" />
<add key = "ListFont" value = " Tahoma;10pt;" />
<add key = "ButtonForeColor" value = "Black" />
<add key = "ButtonFocusForeColor" value = "Black" />
<add key = "ListFocusForeColor" value = "White" />
<add key = "ListFocusBackColor" value = "LightSteelBlue" />
</style>
…

Возможные настройки:

Цвет текста может быть задан по разному, можно указать название цвета на английском языке (например, red, blue, green) value = "Black", или задать код цвета в шестнадцатеричном виде value = "#0000FF". Таблицу цветов можно посмотреть здесь. 

Шрифт задается в виде строки Имя;Размер;Стиль. 

Имя: обычно используется Arial или Tahoma 

Размер: число с добавлением единицы измерения pt. Обычные значения 12pt10pt и т.д. 

Стиль: Regular – обычный (можно не указывать), Bold – жирный текст, Italic - курсив 

Примеры: 

Tahoma;12pt 

Arial;10pt;Bold 

Tahoma;10pt;Italic

Отображение кнопок

Минимальная высота кнопки

<addkey = "menuButtonHeight" value = "34" /> - 34 пиксела минимальная высота кнопки, установленная по умолчанию.

В случае если надпись на кнопке не помещается, кнопка автоматически подстроится под размер (станет выше, а текст перенесется на новую строку).

Шрифт и размер текста в кнопках меню

Строка <addkey = "LargeFont" value = "Tahoma;12pt;Bold" /> - задает шрифт в кнопках меню на терминале по умолчанию.

Tahoma; – означает назначенный по умолчанию шрифт;

12pt; – размер шрифта;

Bold – выделение жирным.

<add key = "LargeFont" value = "Tahoma;12pt;Bold" />		<add key = "LargeFont" value = "Cadara;16pt;Bold" />

Цвет текста в кнопках меню

По умолчанию цвет текста в кнопках меню задается в строке <addkey = "ButtonForeColor" value = "Black" />. Можно указать название цвета на английском языке (например, red, blue, green) color=”blue”, или задать код цвета в шестнадцатеричном виде color="#0000FF" (таблицу кодов цвета смотрите здесь).

<add key = "ButtonForeColor" value = "Black" />		<add key = "ButtonForeColor" value = "Red" />

Цвет текста активной кнопки меню

Для изменения цвета активной (выделенной) кнопки меню, установленный по умолчанию, в строке <addkey = "ButtonFocusForeColor" value = "White" /> задаем нужный нам цвет (например, White). Теперь во всех меню на ТСД текст в активной кнопке будет белым.

Цветное или черно-белое отображение кнопок

По умолчанию кнопки отображаются цветные. Для более корректного отображения кнопок на ТСД с черно-белым экраном в строке < add key = "screenMode" value = "Color"/> можно изменить "Color" на "BW".

<add key = "screenMode" value = "Color"/> Цветное отображение кнопок		<add key = "screenMode" value = "BW"/> Черно-белое отображение кнопок

Отображение текста

Шрифт и размер в тексте

Строка <addkey = "NormalFont" value = "Tahoma;11pt;" /> - задает шрифт и его размер в тексте на терминале (например, в шапке). По умолчанию задается шрифт Tahoma и размер size="11".

Шрифт и размер в списках

Строка <addkey = "ListFont" value = "Tahoma;10pt;" /> - задает шрифт и его размер в списках.

Если не задан (<add key = "ListFont" value = "" />), то берется шрифт и размер из строки "NormalFont".

Цвет текста в активной строке

Кроме размера шрифта в списке по умолчанию в строке <add key = "ListFocusForeColor" value = "#008000" /> задается цвет текста в активной (выделенной) строке (например, #008000 – зеленый). Теперь во всех списках на ТСД текст в активной строке будет зеленым (кода цветов смотрите здесь).

Цвет фона в активной строке

Кроме цвета текста активной (выделенной) строки можно изменять цвет фона назначенного по умолчанию в строке <add key = "ListFocusBackColor" value = "#FF0000" />. Теперь во всех списках на ТСД фон в активной строке будет красным (кода цветов смотрите здесь).