Галерея UI написанных на MQL - страница 30

 
Реter Konow #:
Подготавливаю обучающий материал по привязкам групп, элементов и их составных объектов.

А пока берите файл-справку со свойствами элементов и окон, устанавливаемых с помощью флагов или коротких строк.

Файлы:
 
А движок... верю что первую версию смогу опубликовать в ближайшие дни. И сразу займемся подключением пользовательского интерфейса.
 
Реter Konow #:
А движок... Думаю, первая версия выйдет в ближайшие несколько дней. Мы начнем подключать пользовательский интерфейс прямо сейчас.
Хорошие новости.
 
Что такое "D_BAR OR P_BAR"? Горизонтальная или вертикальная?
 
hini #:
Что такое "D_BAR OR P_BAR"? Горизонтальная или вертикальная?

1. 

P_BAR означает "Progress bar". Элемент графического интерфейса для мониторинга завершения процесса.

D_BAR означает "Diagram bar". Элемент диаграмм и графиков. 


В данной части справки речь идет о возможности задания цвета и других свойств составным объектам элементов.  

Почти все элементы состоят из двух или более объектов. Прогресс бар, например, из основания и бара.

Ключевое слово _,bar, указывает на составной объект элемента.

Почему это нужно:

если задать цвет _,N_COLOR, (uint)clrGreen, то установим цвет основания элемента, а если указать _,bar, N_COLOR, (uint)clrGreen, цвет обретет именно бар (внутренняя полоса).


Тот же принцип работает в отношении текста:

//Указываем цвет текста кнопки или любого другого элемента

_,text, N_COLOR, (uint)clrGreen,

//--------------------------------------


2. 

Слова "горизонтальный и вертикальный" имеют ввиду что Diagram bar может быть как вертикальным, так и горизонтальным (в горизонтальных диаграммах у меня используется прогресс бар, если не ошибаюсь).

 
Далее я приведу примеры кода с картинками для наглядности.
 

Установка цвета текста для различных состояний элемента:

Определяем цвет текста кнопки в нейтральном состоянии.


Меняем его.


Устанавливаем цвет текста для нажатого состояния кнопки:


Ставим цвет для текста когда кнопка отжата и под курсором.


И пробуем цвет текста когда кнопка нажата и под курсором:


 

Попробуйте сами, вот код:

GROUP, A,

__, BUTTON, "Hello World!", _,text, N_COLOR, (uint)clrBlue,

                            _,text, A_COLOR, (uint)clrRed,
                            
          /*(when the button under cursor in neutral state)*/                      
                            _,text, P_COLOR, (uint)clrLime,
       
          /*(when the button under cursor in activated state)*/                      
                           _,text, AP_COLOR, (uint)clrWhite,
                                                     
                            _,FIC,//FIXED IF CLICKED

END_GROUP,
 

Значения префиксов перед словом COLOR:

  •  N_      сокращение от слова NEUTRAL. Подразумевается состояние элемента.
  • A_       сокращение от слова ACTIVATED. Обычно это нажатое состояние элемента.
  •  P_      сокращение от слова POINTED.   Означает что элемент находится под курсором в нейтральном состоянии.
  • AP_      сокращение от слов ACTIVATED POINTED.   Означает что элемент находится под курсором в активированном состоянии.


Есть и другие префиксы состояний, но они используются реже. Вы можете найти их в файле справки.

 
Раз уж я начал вести тему про установку свойств текста элемента, то продолжу. Следующие свойства логично приходящие на ум, это размер текста, шрифт и стиль. Все они также легко устанавливаются короткими строками. Приведу примеры в картинках.