Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

Контейнер. Содержит любое количество вложенных компонентов. Каждый вложенный компонент добавляется на экран в соответствие с очередностью, заданной в разметке. Позволяет прокручивать компоненты с эффектом "прилипания". Алгоритм расположения вложений соответствует HorizontalLayout. 

Свойства

СвойствоТип*ОбластьОписаниеПримерВерсия
Visibleлогическийразметка и скриптЗадает видимость компонента. Если он невидим, его размеры, тем не менее, учитываются в контейнерах
Блок кода
languagexml
themeEclipse
<c:SwipeHorizontalLayout Visible="false"/>
Блок кода
language
js
c#
themeEclipse
function
void 
Hide
UnHide(SwipeHorizontalLayout control) {
	control.Visible = 
false
true;
}
 -
CssClassстрока**разметкаЗадает название CSS класса, стили которого будут применяться к данному компоненту
Блок кода
languagexml
themeEclipse
<c:SwipeHorizontalLayout CssClass="main_row"/>
-
Idстрока**разметкаЗадает идентификатор компонента в области видимости данного экрана. Таким образом можно получить доступ к его свойствам из произвольного места разметки или скрипта. Так же задавать значение идентификатора необходимо для сохранения состояния некоторых визуальных компонентов при возврате по бизнес процессу.
Блок кода
languagexml
themeEclipse
<c:SwipeHorizontalLayout Id="
main
shlMain"/>
Блок кода
language
js
c#
themeEclipse
function
void 
HideMain
UnHide() {
	
$.main
((SwipeHorizontalLayout)Variables["shlMain"]).Visible = true;
}
-
Parentкомпонентразметка и скрипт, только чтениеВозвращает ссылку на родительский компонент. Возвращает null если текущий объект на верху дерева.
Блок кода
language
xmlfunction
c#
themeEclipse
<c:Button OnClick="$Hide($main.Parent)"/>
Блок кода
languagejs
themeEclipse
void HideRoot() {
	
$
shlMain.
main
Parent.
Parent
Visible = false;
}
-
Controlsсписокскрипт, только чтениеВозвращает список визуальных компонентов, вложенных в данный контейнер.
Блок кода
language
js
c#
themeEclipse
function
void HideContent(
sender
SwipeHorizontalLayout container) {
	
for
foreach(var control in 
sender
container.Controls)
		control.Visible = false;
}
-
Indexчислоразметка и скриптЗадает индекс видимого элемента. Позволяет прокрутить контейнер до соответствующего вложенного компонента, согласно очередности добавления.
Блок кода
languagexml
themeEclipse
<c:SwipeHorizontalLayout Id="
main
shlMain" Index="1">
	...
</c:SwipeHorizontalLayout>
Блок кода
language
js
c#
themeEclipse
function
void OpenMenu() {
	
$.main
shlMain.Index = 0;
}
-
Percentчисло (0..100)разметка и скрипт Задает меру, на сколько необходимо прокрутить вложенный элемент контейнера, что бы он остался отображенным.
Блок кода
languagexml
themeEclipse
<c:SwipeHorizontalLayout Percent="25">
	...
</c:SwipeHorizontalLayout>
-
AlignmentDefault | CenterразметкаЗадает способ отображения вложенных компонентов. Если задать значение свойства как Center, они будут центрироваться.
Блок кода
languagexml
themeEclipse
<c:SwipeHorizontalLayout Alignment="Center">
	...
</c:SwipeHorizontalLayout>
-
Scrollableлогическийразметка и скрипт Задает возможность прокручивать содержимое. Еслизадать значение свойства как false, единственным способом прокрутки будет изменение свойства Index.
Блок кода
languagexml
themeEclipse
<c:SwipeHorizontalLayout Scrollable= "False">
	...
</c:SwipeHorizontalLayout>
-
OnSwipeфункцияразметкаЗадает ссылку на функцию*** из основного контроллера, вызываемую при прокрутке. Первым параметром в функцию передается ссылка на объект (sender)
, последующим - объекты переданные в разметке.
Блок кода
languagexml
themeEclipse
<c:SwipeHorizontalLayout OnSwipe="
$HandleContentVisiblity()
Layout_Swipe">
	...
</c:SwipeHorizontalLayout>
Блок кода
languagec#
themeEclipse
void Layout_Swipe(object sender, EventArgs e) {
	DConsole.WriteLine("OnSwipe fired");
}
-

* - в качестве параметра можно передавать константу, переменную, функцию или свойства соответствующего типа

** - при установке строкового свойства в разметке, применяются особые правила форматирования текста.

Методы

МетодОписаниеПараметрыПримерВерсия
Refresh()Перерисовывает элемент управления, вызов необходим при смене стилей. 
Блок кода
languagec#
void Btn_Click(object sender, EventArgs e)
{
	Buttob btn = (Button)sender;
	btn.CssStyle = "someNewStyle";
	btn.Text = "Style changed";
	btn.Refresh();
}
3.0.0

Стили