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

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

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

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

        


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



Было	Стало
[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; }

2. Внешний вид «шторки».

   


Данное изменение производится путем создания папки 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>




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

          
   

   Происходит путем добавления в ту же папку 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>    
   




4. Внешний вид кнопок списка операций путем удаления цветов кнопок, заданных в конфигурации, и добавления в файл 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; 

   
   

   Итог: