Доработка визуального оформления главного меню приложения на платформе Mobile SMARTS для ОС Android

Последние изменение: 26.10.2018

Экранные формы главного меню приложения относятся к так называемым жестким формам , правка которых ранее была недоступна. Но сейчас в последних версиях андроид-клиента для приложений Mobile SMARTS это стало возможно. Рассмотрим конкретнее на примере «Магазина 15». 

Что можно изменить во внешнем виде приложения:

  1. Стандартный фон шапки и цвет названия приложения.

  2.         

    Изменения кода:

    Было Стало 
    [CSS]
    { colorTitle:#EBEBEB;
    colorSubTitle:#EBEBEB;
    colorHeader:#993535;
    colorStatusBar:#7f2a2a;
    iconColor:white;
    submenuiconcolor:#808080;
    }
    [CSS]
    .__main_action_bar
    {
    colorTitle:#928907;
    colorSubTitle:#EBEBEB;
    colorHeader:#355899;
    colorStatusBar:#7f2a2a;
    iconColor:white;
    submenuiconcolor:#808080;
    }
  3. Внешний вид «шторки».

  4.    

    Данное изменение производится путем создания папки FormTemplates и добавления в нее файла MainMenu.xml 

     

    [XML]
    <?xml version="1.0" encoding="utf-8"?> <Menu xmlns:clr="http://schemas.cleverence.ru/clr&quot; capacity="16" count="11"> <ChangeFontsAction actionName="Настройки" icon="Set" iconColor="#6A7F8D" /> <DocumentTypeAction actionName="Профиль" documentTypeName="FrontolParams" icon="Q" iconColor="#6A7F8D" /> <DocumentTypeAction actionName="Активировать лицензию" icon="abc_ic_star_black_16dp" documentTypeName="#clinternal_ObtainLicense" /> <Separator /> <ChangeUserInfoAction actionName="Сменить пользователя" icon="ic_book_black_24dp" iconColor="#6A7F8D" /> <ExitAction actionName="Выход" icon="E" iconColor="@null"/ </Menu>

  5. Текст на кнопке обмена. 

           

    Происходит путем добавления в ту же папку FormTemplates файла MainMenuRefreshButton.html со следующим содержимым:

    [HTML]

    <div class="__mainmenu_refresh_button_container">
    <div>
    <table style="width:100%;">
    <tr>
    <td width="15%" style="text-align:left; vertical-align:middle;padding-left:20dp;"><img tcolor="yes" maxwidth="70" maxheight="70">simple.Refresh</img>
    </td><td style="text-align:left; vertical-align:middle;"><span class="list_name">
    {__NotSendDocCount>0:Измененный текст, когда есть документы;Измененный текст, когда нет документов}</span></td>
    </tr>
    </table>
    </div>
    </div>   

  6. Внешний вид кнопок списка операций путем удаления цветов кнопок, заданных в конфигурации, и добавления в файл global.android.css следующих строк:

    [CSS]

    .__mainmenu_button
    {
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #3A6721;
    corner-radius: 8%;
    border: 0px solid #706f6f;
    color: white;
    }
    .__mainmenu_button:hover
    {
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #6CBC3E;
    corner-radius: 8%;
    border: 0px solid #706f6f;
    color: white;  
    } .__mainmenu_button:active
    {
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #6CBC3E;
    corner-radius: 8%;
    border: 0px solid #706f6f;
    color: white;    
    } .__mainmenu_button:disabled
    {
    margin-bottom: 4px; margin-right: 0px;
    margin-left: 0px;
    background-color: #9E9E9E;
    corner-radius: 8%;
    border: 0px solid #9E9E9E; color: white;

    Итог: