В справочнике дано описание бесплатных для публикации компонентов.
Top Tab Navigator
Компонент верхней навигации.
Поля дизайнера
- SwipeEnabled - выключатель режима переключения вкладок swipe-жестом
- AnimationEnabled - выключатель анимации при переключении вкладок
- Lazy - выключатель режима ленивой отрисовки области вкладки:
- true - отрисовка в момент переключения на вкладку
- false - отрисовка до момента отображения вкладки
- BackgroundColor - поле для выбора цвета фона
- TabIndicatorColor - поле для выбора цвета индикатора
- ActiveTintColor - поле для выбора цвета активного оттенка (надписи для активной вкладки)
- InactiveTintColor - поле для выбора цвета неактивного оттенка (надписи для неактивной вкладки)
- ShowIcon - выключатель отображения пиктограмм
- ShowLabel - выключатель отображения надписей
- UpperCaseLabel - выключатель отображения надписей в верхнем регистре
- PressColor - цвет эффекта при нажатий на вкладку (только для Android)
- PressOpacity - прозрачность цвета эффекта при нажатии на вкладку (только для Android)
- ScrollEnabled - выключатель прокрутки области вкладок
- TabIndicatorHeight - поле для ввода высоты индикатора активной вкладки
Bottom Tab Navigator
Компонент нижней навигации.
Поля дизайнера
- ActiveTintColor - поле для выбора цвета активного оттенка (надписи для активной вкладки)
- ActiveBackgroundColor - поле для выбора цвета фона активной вкладки
- InactiveTintColor - поле для выбора цвета неактивного оттенка (надписи для неактивной вкладки)
- InactiveBackgroundColor - поле для выбора цвета фона неактивной вкладки
- ShowIcon - выключатель отображения пиктограмм
- ShowLabel - выключатель отображения надписей
Stack Navigator
Компонент навигации, располагающий экраны стопкой.
Поля дизайнера
- Mode - выпадающий список для выбора режима перехода между экранами:
- card - смена экранов в горизонтальном направлении (swipe-жест по горизонтали)
- modal - смена экранов в вертикальном направлении (swipe-жест по вертикали)
- HeaderMode - выпадающий список для выбора режима анимации заголовков при смене экрана:
- float - заголовки анимируется по отдельности (общий шаблон iOS)
- screen - заголовок текущего экрана анимируется вместе с заголовком нового экрана
- none - не отображается
Drawer Navigator
Компонент навигации со списком экранов на выдвигающейся боковой панели. На экране iPhone5 без прокрутки помещается 12 элементов.
Поля дизайнера
- DrawerWidth - поле для указания ширины выдвижной панели
- DrawerPosition - выпадающий список для выбора места выдвижения и расположения панели:
- left - слева
- right - справа
- ActiveTintColor - поле выбора цвета надписи для активного элемента списка экранов
- ActiveBackgroundColor - поле выбора цвета фона для активного элемента списка экранов
- InactiveTintColor - поле выбора цвета надписи для неактивных элементов списка экранов
- InactiveBackgroundColor - поле выбора цвета фона для неактивных элементов списка экранов
Screen
Экран для размещения контейнеров и компонентов. Экран можно сохранить для последующего использования в других проектах.
Поля дизайнера
- BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
- BackgroundPicture - поле для ввода имени файла фонового изображения
- BackgroundPictureResizeMode - выпадающий список для выбора режима масштабирования фонового изображения:
- cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
- contain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
- stretch - растянуть (пропорции нарушаются)
- repeat - повторять
- center - центрировать
- Horizontal Alignment - выпадающий список для выбора выравнивания дочерних компонентов по горизонтали:
- center - по центру
- flex-start - выравнивать от начала главной оси
- flex-end - выравнивать от конца главной оси
- space-between - выравнивать по главной оси, распределяя свободное место между собой
- space-around - выравнивать по главной оси, распределяя свободное место вокруг себя
- Vertical Alignment - выпадающий список для выбора выравнивания дочерних компонентов по вертикали:
- flex-start - выравнивать от начала перпендикулярной оси
- flex-end - выравнивать от конца перпендикулярной оси
- center - по центру
- stretch - растягивать, занимая всё пространство по высоте
- baseline - выравнивать по базовой линии
- Scrollable - выключатель режима прокрутки экрана
- ShowStatusBar - выключатель отображения системной статусной панели
- StatusBar Style - выпадающий список для выбора стиля строки состояния:
- default - тема содержимого по умолчанию
- light-content - светлая тема содержимого
- dark-content - темная тема содержимого
- Translucent StatusBar (Android Only) - выключатель режима полупрозрачности строки состояния
- StatusBar Color (Android Only) - поле для выбора цвета строки состояния
- Screen Orientation - выпадающий список для выбора ориентации экрана:
- portrait - портретная
- landscape - альбомная
- auto (iOS only) - авто
- Display - выпадающий список для выбора режима отображения компонента:
- none - не отображать
- flex - гибкое отображение
- WidthProperties - группа элементов управления для работы с шириной компонента:
- width - заданная
- minWidth - минимальная
- maxWidth - максимальная
- HeightProperties - группа элементов управления для работы с высотой компонента:
- width - заданная
- minWidth - минимальная
- maxWidth - максимальная
- AspectRatio - поле для ввода соотношения сторон компонента (ширины к высоте). При 1 ширина равна высоте.
- Margin - группа элементов управления для задания внешних отступов до границ элемента:
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Padding - группа элементов управления для задания внутренних отступов до границ элемента
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Position - выпадающий список для задания способа позиционирования:
- absolute - абсолютное
- relative - относительное
- Overflow - выпадающий список для выбора способа отображения содержимого, выходящего за пределы границ компонента:
- visible - отображать
- hidden - прятать
- scroll - отображать полосы прокрутки
- FlexBoxLayout - группа элементов управления для задания параметров гибкой компоновки:
- flex - базовая ширина в условных единицах
- flexGrow - растяжение
- flexShrink - сужение
- flexBasis - базовая ширина в пикселях
- flexDirection - направление главной оси:
- row - слева направо
- row-reverse - справа налево
- column - сверху вниз
- column-reverse - снизу вверх
- flexWrap - управление многострочностью:
- wrap - переносить
- nowrap - без переноса
- justifyContent - выравнивание по горизонтали:
- flex-start - от начала
- flex-end - от конца
- center - по центру
- space-between - равномерное распределение между крайними элементами
- space-around - с одинаковыми отступами между элементами, которое в 2 раза больше отступов перед первым и после последнего элемента
- space-evently - с одинаковыми отступами вокруг каждого элемента
- alignItems - выравнивание по вертикали:
- flex-start - по левому краю относительно верхнего края
- flex-end - по левому краю относительно нижнего края
- center - по центру
- stretch - растянуть и занять всё пространство по высоте
- baseline - по базовой линии
- alignSelf - выравнивание отдельного элемента по высоте (переопределяет alignItems):
- flex-start - по левому краю относительно верхнего края
- flex-end - по левому краю относительно нижнего края
- center - по центру
- stretch - растянуться и занять всё пространство по высоте
- baseline - по баазовой линии
- alignContent - многострочное выравнивание по вертикали:
- flex-start - от начала
- flex-end - от конца
- center - по центру
- space-between - равномерное распределение между крайними элементами
- space-around - с одинаковыми отступами между элементами, которое в 2 раза больше отступов перед первым и после последнего элемента
- ZIndex - поле для ввода значения позиционирования по оси Z
- EdgeOffsets - группа элементов управления для ввода смещения до углов компонента:
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Direction - выпадающий список для выбора направления расположения компонентов относительно основных осей:
- inherit - наследуется от родителя
- ltr - слева направо
- rtl - справа налево
- Transform - группа элементов управления для выполнения трансформации над компонентом:
- perspective - перспектива
- rotate - вращение (в радианах)
- rotateX - вращение вокруг оси X (в радианах)
- rotateY - вращение вокруг оси Y (в радианах)
- rotateZ - вращение вокруг оси Z (в радианах)
- scale - масштабирование
- scaleX - масштабирование вдоль оси X
- scaleY- масштабирование вдоль оси Y
- translateX - перенос вдоль оси X
- translateY - перенос вдоль оси Y
- skewX - наклон вдоль оси X
- skewY - наклон вдоль оси Y
- BackfaceVisibility - выпадающий список для выбора режима видимости обратной стороны компонента (актуально при его вращении):
- visible - видна
- hidden - спрятана
- Border - группа элементов управления для задания параметров рамки компонента:
- width - ширина
- color - цвет
- style - стиль:
- solid - сплошная
- dotted - точечная
- dashed - пунктирная
- borderRadius - радиус закругления
- removeClippedSubviews - выключатель улучшенной производительности прокрутки для больших списков (используется на свой страх и риск, поскольку во включенном состоянии могут возникать ошибки)
- Дополнительные свойства при вложении в Drawer Navigator:
- Title - поле для ввода заголовка экрана
- DrawerLabel - поле для ввода названия экрана, которое будет отображаться в списке экранов на выдвижной панели
Дополнительные свойства при вложении в Stack Navigator:
- Title - поле для ввода заголовка экрана
- HeaderTitle - поле для ввода названия экрана, которое будет отображаться в заголовке экрана
- HeaderBackTitle - поле для ввода названия экрана, которое будет отображаться рядом со стрелкой возврата назад. Если оно не указано, то будет отображаться название из поля HeaderTitle
- HeaderTruncatedBackTitle - поле для ввода усечённой версии названия поля , заданного в свойстве HeaderBackTitle, когда оно слишком длинное
- HeaderTintColor - поле выбора цвета надписи заголовка
- GesturesEnabled - выключатель режима поддержки жестов
- BackgroundColor - поле для ввода цвета фона окна, помещенного в навигатор
- Header Background Color - поле для ввода цвета фона заголовка
- Дополнительные свойства при вложении в Top или Bottom Tab Navigator:
- Title - поле для ввода заголовка экрана
- TabBarVisible - выключатель видимости панели вкладок
- TabBarLabel - ярлык для вкладки
- TaиNavigatorIcon - группа элементов для управления пиктограммами:
- ActiveTabIcon - поле ввода названия, адреса или кода пиктограммы для активной вкладки
- InactiveTabIcon - поле ввода названия, адреса или кода пиктограммы для неактивной вкладки
Блоки свойств
- get Computed Width - возвращает реальную ширину компонента в пикселях
- get Computed Height - возвращает реальную высоту компонента в пикселях
- set/get BackgroundColor - задаёт/возвращает цвет фона
- set/get BackgroundPicture - задаёт/возвращает имя изображения, использующегося в качестве фона
- set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования фонового изображения
- set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования фонового изображения
- set/get Scrollable - задаёт/возвращает состояние режима прокрутки экрана
- set/get ShowStatusBar - задаёт/возвращает режим отображения системной статусной панели
- set/get ScreenOrientation - задаёт/возвращает режим ориентации экрана (portrait - портретная, landscape - ландшафтная только для iOS, auto - автоматическая только для iOS)
Блоки методов
- call ToggleDrawerMenu - метод для открытия панели бокового меню
Блоки для обработки событий
- when Open - вызывается при каждом отображении экрана (при переходе на него с помощью свайп-жеста, по кнопке возврата при стековой навигации или нажатия на вкладку)
- when Starts - вызывается только при инициализации экрана
- when BackButtonPressed - вызывается при нажатии на системную кнопку Back в Android
Row
Горизонтальный компоновщик. Может использоваться для создания пользовательской компоновки при использовании компонентов Sata Viewer.
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
- BackgroundPicture - поле для ввода имени файла фонового изображения
- BackgroundPictureResizeMode - выпадающий список для выбора режима масштабирования фонового изображения:
- cover - масштабировать с сохранением пропорций так, чтобы оба размера были не меньше области. Более длинная сторона будет перекрывать размеры области (изображение покрывает область)
- contain - масштабировать с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области (область содержит изображение)
- stretch - растянуть по области (пропорции нарушаются)
- repeat - повторять без изменения размера
- center - центрировать без изменения размера
- Horizontal Alignment - выпадающий список для выбора выравнивания дочерних компонентов по горизонтали:
- center - по центру
- flex-start - выравнивать от начала главной оси
- flex-end - выравнивать от конца главной оси
- space-between - выравнивать по главной оси, распределяя свободное место между собой
- space-around - выравнивать по главной оси, распределяя свободное место вокруг себя
- Vertical Alignment - выпадающий список для выбора выравнивания дочерних компонентов по вертикали:
- flex-start - выравнивать от начала перпендикулярной оси
- flex-end - выравнивать от конца перпендикулярной оси
- center - по центру
- stretch - растягивать, занимая всё пространство по высоте
- baseline - выравнивать по базовой линии
- Scrollable - выключатель режима прокрутки
- BorderColors - группа полей ввода цвета границ:
- borderTopColor - верхней
- borderBottomColor - нижней
- borderRightColor - правой
- borderLeftColor - левой
- BorderRadii - группа полей ввода значения закругления углов:
- topLeft - верхнего левого
- topRight - верхнего правого
- bottomLeft - нижнего левого
- bottomRight - нижнего правого
- Shadow - группа элементов управления для задания параметров тени (только для iOS):
- shadowColor - поле для выбора цвета
- shadowOpacity - поле для указания прозрачности
- shadowRadius - поле указания радиуса размытия
- shadowOffset - группа элементов для задания величины смещения тени:
- Width - по горизонтали
- Height - по вертикали
- Elevation - поле для ввода высоты представления, используя базовый API подходов Android. Это добавляет тень к элементу и влияет на z-порядок для перекрывающихся видов. Поддерживается только на Android 5.0+, не влияет на более ранние версии.
- Opacity - поле для ввода величины прозрачности
Блоки свойств
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get BackgroundColor - задаёт/возвращает цвет фона
- set/get BackgroundPicture - задаёт/возвращает имя изображения, использующегося в качестве фона
- set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования фонового изображения
- set/get Scrollable - задаёт/возвращает состояние режима прокрутки экрана
Column
Вертикальный компоновщик.
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
- BackgroundPicture - поле для ввода имени файла фонового изображения
- BackgroundPictureResizeMode - выпадающий список для выбора режима масштабирования фонового изображения:
- cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
- contain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
- stretch - растянуть (пропорции нарушаются)
- repeat - повторять
- center - центрировать
- Horizontal Alignment - выпадающий список для выбора выравнивания дочерних компонентов по горизонтали:
- center - по центру
- flex-start - выравнивать от начала главной оси
- flex-end - выравнивать от конца главной оси
- space-between - выравнивать по главной оси, распределяя свободное место между собой
- space-around - выравнивать по главной оси, распределяя свободное место вокруг себя
- Vertical Alignment - выпадающий список для выбора выравнивания дочерних компонентов по вертикали:
- flex-start - выравнивать от начала перпендикулярной оси
- flex-end - выравнивать от конца перпендикулярной оси
- center - по центру
- stretch - растягивать, занимая всё пространство по высоте
- baseline - выравнивать по базовой линии
- Scrollable - выключатель режима прокрутки
Блоки свойств
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get BackgroundColor - задаёт/возвращает цвет фона
- set/get BackgroundPicture - задаёт/возвращает имя изображения, использующегося в качестве фона
- set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования фонового изображения
- set/get Scrollable - задаёт/возвращает состояние режима прокрутки экрана
Button
Кнопка без фиксации.
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- Text - поле для ввода надписи
- TextColor - поле выбора цвета надписи в шестнадцатеричном формате RGB
- FontBold - выключатель жирности шрифта
- FontItalic - выключатель наклона шрифта
- FontSize - поле ввода размера шрифта
- BackgroundPicture - поле для ввода имени файла или URL-ресурса
- BackgroundPictureResizeMode - выпадающий список для выбора режима масштабирования фонового изображения:
- cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
- contain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
- stretch - растянуть (пропорции нарушаются)
- repeat - повторять
- center - центрировать
- BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
- Border - группа полей для задания рамки:
- width - ширина в px
- color - цвет
- style - стиль:
- solid - непрерывная
- dotted - пунктирная точечная
- dashed - пунктирная тире
- CornerRadius - радиус закругления углов в px
- Rised - выключатель выпуклости (тени)
- Disabled - выключатель активности
- AccessibilityLabel - краткое описание содержимого элемента для людей с ограниченными возможностями (не работает)
Блоки свойств
- set/get Text - задаёт/возвращает надпись
- set/get TextColor - задаёт/возвращает цвет надпись
- set/get Visible - задаёт/возвращает видимость компонента
- set/get BackgroundColor - задаёт/возвращает цвет фона
- set/get FontSize - задаёт/возвращает размер шрифта
- set/get BackgroundPicture - задаёт/возвращает имя ресурса изображения
- set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования изображения
- set/get FontBold - задаёт/возвращает режим жирность шрифта
- set/get FontItalic - задаёт/возвращает режим наклона шрифта
- set/get Outline - задаёт/возвращает значение обводки
- set/get CornerRadius - задаёт/возвращает значение радиуса закругления углов
- set/get Raised - задаёт/возвращает режим отображения тени
- set/get Disabled - задаёт/возвращает режим активности
Блоки для обработки событий
- when Click - вызывается при щелчке
- when LongClick - вызывается при долгом нажатии
- when TouchDown - вызывается при нажатии
- when TouchUp - вызывается при отпускании кнопки
Label
Многострочная текстовая область. Допускает использование символа новой строки \n.
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- Text - поле для ввода текста
- Color - поле выбора цвета надписи в шестнадцатеричном формате RGB
- FontFamily - поле для ввода названия шрифта
- FontSize - поле для ввода размера шрифта
- FontStyle - выпадающий список для выбора стиля шрифта:
- normal - нормальный
- italic - наклон
- FontWeight - выпадающий список для выбора толщины шрифта:
- normal - нормальный
- bold - жирный
- 100..900 - жирный с указанной степенью
- TextShadowOffset - группа полей ввода для задания смещения тени:
- Width - по горизонтали
- Height - по верикали
- TextShadowRadius - поле для ввода величины закругления тени
- TextShadowColor - поде выбора цвета тени
- LetterSpacing - поле для ввода расстояния между символами
- LineHeight - поле для ввода высоты строки
- TextAlign - выпадающий список для выбора выравнивания текста по горизонтали:
- auto - автоматически
- left - по левому краю
- right - по правому краю
- center - по центру
- justify - по обоим краям (только для iOS)
- TextAlignVertical - выпадающий список для выбора выравнивания текста по вертикали
- TextDecorationLine - выпадающий список для выбора декоративной линии:
- none - нет
- underline - подчеркнутый текст
- line-trougth - перечеркнутый текст
- underline line-trougth - подчеркнутый перечеркнутый текст
- TextDecorationStyle - выпадающий список для выбора стиля декоративной линии:
- solid - одинарная сплошная
- double - двойная сплошная
- dotted - пунктирная точками
- dashed - пунктирная тире
- TextDecorationColor - поле для выбора цвета декоративной линии
- WritingDirection - выпадающий список для выбора направления текста:
- auto - автоматически
- ltr - слева направо
- rtl - справа налево
- FontVariant - группа элементов для задания параметров начертания шрифта:
- small-caps - отображает заглавные буквы, уменьшенные до размера строчных букв
- oldstyle-nums - отображает некоторые знаки (3, 4, 7, 9) таким образом, чтобы они уходили нижним краем под базовую линию текста
- tabular-nums - отображает табличные чисела одинаковой ширины, которые легко выравниваются, как в таблицах
- lining-nums - выравнивает все цифры по базовой линии текста
- proportional-nums - отображение пропорциональных чисел
- BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
Блоки свойств
- set/get Number of Lines - задаёт/возвращает количество строк
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get Color - задаёт/возвращает цвет надписи
- set/get BackgroundColor - задаёт/возвращает цвет фона
- set/get FontStyle - задаёт/возвращает стиль шрифта
- set/get Text - задаёт/возвращает надпись
- set/get FontSize - задаёт/возвращает размер шрифта
Блоки для обработки событий
- when Click - вызывается при щелчке
TextInput
Однострочное поле для ввода текста
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- Hint - поле для ввода текста подсказки
- BorderWidth - поле для ввода ширины рамки
- Text - поле для ввода текста
- KeyboardType - выпадающий список для выбора типа клавиатуры для поля:
- default - по умолчанию
- email-address - для ввода электронных адресов (заметно выделены символы "@", "." и пробела)
- numeric - для ввода чисел
- phone-pad - для ввода телефонных номеров (0-9,+,*,#)
- ascii-capable - для ввода стандартных символов ASCII
- numbers-and-punctuation - для ввода чисел и пунктуации
- url - для ввода url (заметно выделены символы ".","/" и строка ".com")
- number-pad - для ввода целых чисел и PIN-кода (0-9)
- name-phone-pad - для ввода названий и телефонных номеров
- decimal-pad - для ввода десятичных чисел (0-9 и ,)
- twitter - для твитов (включает #)
- web-search - для поисковых запросов
- AutoCapitalize - выпадающий список для выбора режима применения заглавной буквы:
- none - выключен
- sentences - автоматически делать заглавной первую букву предложения.
- words - автоматически делать заглавной первую букву каждого слова
- characters - автоматически делать заглавными все буквы
- AutoCorrect - выключатель режима автоматической замены текста
- SpellCheck - выключатель режима проверки правописания
- AutoFocus - выключатель режима автофокусировки (для ввода текста сразу в этом поле без необходимости перемещения фокуса на него вручную)
- Editable - выключатель возможности редактирования текста
- KeyboardAppearance - выпадающий список для выбора стиля (темы) оформления клавиатуры:
- default - по умолчанию
- light - светлая
- dark - тёмная
- ReturnKeyType - выпадающий список для выбора надписи на клавише Return (для возможности закрытия числовых клавиатур используйте опцию done при выборе которой в области клавиатуры появится кнопка done, нажатие на которую убирает клавиатуру):
- done - "Done"
- go - "Go"
- next - "Next"
- search - "Search"
- send - "Send"
- none - ""
- previous - "Previous"
- default - "return"
- emergency-call - "Emergency Call"
- google - "Google"
- join - "Join"
- route - "Route"
- yahoo - "Yahoo"
- ReturnKeyLabel - поле для ввода ключа метки возврата (используется вместо ReturnKeyType) (Android)
- MaxLength - поле для ввода максимального количества символов в поле
- NumberOfLines - поле для ввода количества строк (Android)
- DisableFullscreenUI - выключатель режима полноэкранного редактирования (Android). Когда он выключен, то редактирование всегда осуществляется в поле ввода
- EnablesReturnKeyAutomatically - выключатель режима управления активностью клавиши return. Если режим включен, то клавиша return автоматически становится неактивной, если в поле нет текста
- Multiline - выключатель режима многострочности
- TextBreakStrategy - выпадающий список для выбора режима переноса текста:
- simple - простой (во избежание "танцующего" при редактировании текста)
- highQuality - высокого качества
- balanced - сбалансированный
- Hint Text Color - поле выбора цвета для текста подсказки
- SecureTextEntry - выключатель режима замены символов точками для секретного ввода текста
- SelectionColor - поле для выбора цвета выделения
- ClearButtonMode - выпадающий список для выбора режима отображения кнопки очистки поля:
- never - никогда
- while-editing - когда текст редактируется
- unless-editing - когда текст не редактируется
- always - всегда, если поле содержит текст
- ClearTextOnFocus - выключатель режима очистки поля при получении фокуса
- SelectTextOnFocus - выключатель режима выделения текста при получении фокуса
- UnderlineColorAndroid - поле для выбора цвета подчёркивания (для Android)
- DataDetectorTypes - группа элементов управления для задания режима определения типа данных для создания из них активной ссылки. Обнаруженные данные подсвечиваются синим цветом (номера, ссылки) или подчёркиваются (адрес, дата):
- Pick One - выбрать один из доступных ниже
- Pick
- выбрать из доступных ниже
- phoneNumber - номер телефона (89261234567)
- link - ссылка (mail@mail.ru, https://ya.ru)
- address - адрес (14 London Road, Apt. 10 Liverpool WC6X 2NX England)
- calendarEvent - будущая дата (25.08.2018, 01-01-2020, 25 September)
- all - все
Блоки свойств
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get Hint - задаёт/возвращает текст подсказки
- set/get KeyboardType - задаёт/возвращает тип клавиатуры
- set/get BorderWidth - задаёт/возвращает ширину рамки
- set/get Text - задаёт/возвращает текст
Блоки для обработки событий
- when Click - вызывается при щелчке
- when Changes - вызывается при изменении строки
- when Unfocus - вызывается при потере фокуса
- when Submit - вызывается при нажатии клавиши Enter
List Viewer
Область для отображения данных в виде текстового списка.
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
- BackgroundPicture - поле для ввода имени файла фонового изображения
- BackgroundPictureResizeMode - выпадающий список для выбора режима масштабирования фонового изображения:
- cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
- contain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
- stretch - растянуть (пропорции нарушаются)
- repeat - повторять
- center - центрировать
- Scrollable - выключатель режима прокрутки
- TextItems - поле для ввода текста элемента
- Add - кнопка для добавления элемента в список
- ShowArrow - выключатель отображения стрелок
- Direction - выпадающий список для выбора положения стрелок:
Блоки свойств
- set/get Height - задаёт/возвращает высоту компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get ShowArrow - задаёт/возвращает состояние отображения стрелок
- set TextItems - создаёт элементы области из списка List
- get TextItems - возвращает список List из элементов области
Блоки для обработки событий
- when ItemClick - вызывается при щелчке по элементу списка
Web Viewer
Область для просмотра web-ресурса
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- URL - поле для ввода адреса web-ресурса (страницы или изображения). Для загрузки удалённого ресурса необходимо указать протокол http:// или https://, а для локального - ввести имя файла, которое предварительно было загружено в ресурсы проекта (вкладка с названием проекта Files Choose a file)
- Source - группа элементов управления для отправки запроса web-серверу
- Bounces - выключатель режима отскакивания прокрутки от края содержимого
- DecelerationRate - группа элементов управления для для выбора скорости замедления прокрутки после отпускания пальца:
- Pick One - выбор из:
- fast - быстрая
- normal - нормальная
- Number - число
- ScrollEnabled - выключатель режима прокрутки
- AutomaticallyAdjustContentInsets - выключатель режима автоматической вставки прокрутки
- StartInLoadingState - выключатель режима визуализации загрузки
- DataDetectorTypes - выпадающий список для определения типа обнаруживаемых в поле данных для их превращения в активную ссылку:
- phoneNumber - телефонные номера, например, 89261234567
- link - ссылки (mail@mail.ru)
- address - адреса (14 London Road, Apt. 10 Liverpool WC6X 2NX England)
- calendarEvent - будущие даты (25.06.2018, 01-01-2020, 25 September)
- all - все
Для работы данного режима необходимо для поля установить Editable = false, Multiline = true. Обнаруженные данные подсвечиваются синим цветом (телефонные номера, адреса почты, ссылки) или подчёркиваются (даты, адреса).
- InjectedJavaScript - поле для ввода кода Javascript, который будет загружен при загрузке представления
- ScalesPageToFit - выключатель режима масштабирования содержимого по области просмотра
- AllowsInlineMediaPlayback - выключатель режима использования родного полноэкранного контроллера для воспроизведения видео
- MediaPlaybackRequiresUserAction - выключатель режима запроса действия пользователя для воспроизведения медиаданных
Блоки свойств
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get URL - задаёт/возвращает текущий адрес web-ресурса
Блоки методов
- call Reload - метод для перезагрузки web-ресурса
- call Back - возврат на предыдущую страницу в истории посещений
- call Forward - переход на следующую страницу в истории посещений
- call Post Message - метод для передачи сообщения в Web Viewer
Блоки для обработки событий
- when Reseive Messages - вызывается при получении сообщения, отправленного из html-файла (локального или удалённого)
Switch
Кнопка-переключатель
Поля дизайнера
- Value - выключатель состояния
- Visible - выключатель видимости
- Disabled - выключатель активности
- TintColor - выпадающий список для выбора цвета трека во включенном состоянии переключателя
- OnTintColor - выпадающий список для выбора цвета трека в выключенном состоянии переключателя
- ThumbTintColor - выпадающий список для выбора цвета ползунка
Блоки свойств
- set/get Value - задаёт/возвращает состояние
- set/get Visible - задаёт/возвращает видимость компонента
- set/get Disabled - задаёт/возвращает состояние активности
- set/get TintColor - задаёт/возвращает цвет трека во включенном состоянии переключателя
- set/get OnTintColor - задаёт/возвращает цвет трека в выключенном состоянии переключателя
- set/get ThumbTintColor - задаёт/возвращает цвет ползунка
Блоки для обработки событий
- when onValueChange - вызывается при изменении пользователем состояния переключателя (этот блок не вызывается, если изменение состояния происходит при помощи блока set Value)
Slider
Ползунок
Поля дизайнера
- MinimumValue - поле для задания минимального значения
- MaximumValue - поле для задания максимального значения
- Value - поле для задания текущего значения
- Step - поле для задания шага
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- Border - группа элементов управления для задания параметров рамки компонента:
- width - ширина
- color - цвет
- style - стиль:
- solid - сплошная
- dotted - точечная
- dashed - пунктирная
- borderRadius -радиус закругления
- MinimumTrackTintColor - поле для выбора цвет левой части трека (до ползунка)
- MaximumTrackTintColor - поле для выбора цвет правой части трека (после ползунка)
- Disabled - выключатель активности
- ThumbTintColor (Android only) - поле для выбора цвета ползунка (только для Android)
Блоки свойств
- set/get MinimumValue - задаёт/возвращает минимальное значение
- set/get MaximumValue - задаёт/возвращает максимальное значение
- set/get Value - задаёт/возвращает текущее значение
- set/get Step - задаёт/возвращает шаг
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get MinimumTrackTintColor - задаёт/возвращает цвет левой части трека (до ползунка)
- set/get MaximumTrackTintColor - задаёт/возвращает цвет правой части трека (после ползунка)
- set/get Disabled - задаёт/возвращает состояние активности
- set/get ThumbTintColor - задаёт/возвращает цвет ползунка
Блоки для обработки событий
- when onValueChange - вызывается при перемещении пользователем ползунка
- when onSlidingComplete - вызывается после отпускания пользователем ползунка после его перемещения
Alert
Компонент для отображения сообщений и диалога выбора из списка.
Поля дизайнера
- Title - поле для ввода заголовка
- Message - поле для ввода текста сообщения
- Confirm Button Text - поле ввода текста для кнопки подтверждения
- Cancel Button Text - поле ввода текста для кнопки отмены
- Dangerous - выключатель режима отображения надписи на кнопке подтверждения красным цветом
- Text - поле для ввода надписи на кнопке выбора
- Style - cтиль кнопки выбора:
- ok - подтверждение
- cancel - отмена
- destructive - подтверждения с красным цветом надписи (только для iOS)
Блоки свойств
- set/get Title - задаёт/возвращает текст заголовка
- set/get Message - задаёт/возвращает текст сообщения
- set/get ConfirmButton - задаёт/возвращает объект для кнопки подтверждения
- set/get CancelButton - задаёт/возвращает объект для кнопки отмены
- set/get ButtonList - задаёт/возвращает список объектов для кнопок выбора
Блоки методов
- call Show - отобразить диалог
- call ShowButtonList отобразить диалог выбора из списка
Canvas
Компонент для создания анимации при помощи спрайтов.
Поля дизайнера
- Click to edit the canvas - ссылка для перехода в редактор сцен
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- Margin - группа элементов управления для задания внешних отступов до границ компонента:
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Padding - группа элементов управления для задания внутренних отступов до границ компонента
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Border - группа элементов управления для задания параметров рамки компонента:
- width - ширина
- color - цвет
- style - стиль:
- solid - сплошная
- dotted - точечная
- dashed - пунктирная
- borderRadius - радиус закругления
Блоки свойств (общие)
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
Блоки для обработки событий
- when loads - вызывается после загрузки холста и готовности его к использованию. Но это не значит то, что прорисовка изображений на холсте полностью завершена к этому моменту
- when is clicked - вызывается при нажатии на выбранный спрайт или спрайт выбранного типа (класса)
- when collides with - вызывается при столкновений спрайтов друг с другом
- when collides with edge - вызывается при столкновении спрайта с выбранным краем сцены:
- any - любым
- left - левым
- right - правым
- top - верхнем
- bottom - нижним
- when pointer is on - вызывается при касании холста пальцем или курсором. Возвращает координаты всех точек касания (касаться можно и несколькими пальцами)
- when is dropped - вызывается при отпускании спрайта после его перетаскивания по холсту
Блоки движения спрайтов
- set/change/get speed - задаёт/изменяет/возвращает скорость движения спрайта (пикселей в секунду)
- set speed to in direction - задаёт скорость движения спрайта по направлению:
- pointing - наведения
- moving - движения
- move to x y z - перемещает центральную точку спрайта в указанную точку координат или z-глубину
- set/change/get to - задаёт/изменяет/возвращает выбранную координату центра спрайта
- 's - возвращает указанную координату на холсте для выбранной точки касания
- set draggable/passable to - задаёт/возвращает возможность прохождения другого спрайта скозь данный спрайт:
- draggable - перемещаемый (не проходимый)
- passable - проходимый
- stop all sprites - останавливает движение всех спрайтов
Блоки видимости спрайтов
- hide/show - скрывает/отображает спрайт
- is visible? - возвращает true, если спрайт видим
- set image number to - задаёт изображение для спрайта по номеру в списке изображений
- set/change/get to - задаёт/изменяет/возвращает ширину или высоту спрайта
- stamp - добавляет стоп-кадр в текущую позицию
- color at - цвет указанной точки холста
- flip - переворачивает спрайт по горизонтали, вертикали и на 90% против часовой стрелки
- draw line from - рисование линии между заданными точками холста с заданными параметрами. Здесь и во всех остальных фигурах параметр width следует воспринимать толщину в контексте плотности линии, а не как толщину линии.
- draw circle at - рисование окружности заданного радиуса
- draw filled circle at - рисование круга заданного радиуса и цвета
- draw polygon at - рисование незакрашенного многоугольника
- draw filled polygon at - рисование многоугольной фигуры заданного цвета
- clear drawings on - очищает холст от нарисованного на нём
- image of - возвращает изображение холста в формате base64
Блоки направления
- point towards - поворачивает спрайт по направлению на выбранную точку касания холста или выбранный спрайт
- set/change/get - задаёт/изменяет/возвращает угол поворота спрайта
- set/change/get angular velocity to - задаёт/изменяет/возвращает скорость угла поворота спрайта
Блоки измерений
- distance between and - возвращает расстояние между двумя спрайтами
- distance between and x y - возвращает расстояние между спрайтом и указанной точкой координат на холсте
- angle from to - возвращает угол между двумя спрайтами от 0 до 180 (если исходный спрайт находится выше целевого, то угол отсчитывается по часовой стрелке и положителен, в противном случае угол отсчитывается против часовой стрелки и отрицателен)
- closest instance of - возвращает ближайший экземпляр для выбранного типа спрайта
Блоки методов
- create do - создаёт спрайт выбранного типа в заданной точке холста. Если тип содержин несколько спрайтов, то всё равно создаётся только один спрайт
- remove - удаляет выбранный спрайт
- all sprites in - возвращает список спрайтов выбранного типа
Stage - компонент сцены, связанный с холстом. Холст может иметь несколько сцен.
Поля дизайнера
- Background Color - поле выбора цвета сцены
- Frame Color - поле выбора цвета рамки сцены
- Background Picture - поле для ввода адреса фонового изображения
- BackgroundPicture Resize Mode - поле для выбора режима масштабирования фонового изображения
- Height - поле для ввода высоты сцены в пикселях
- Width - поле для ввода ширины сцены в пикселях
- Color - выпадающий список для выбора цвета фона сцены
- Frame Color - выпадающий список для выбора цвета рамки или области вокруг холста
- GravityY- поле для ввода величины силы притяжения по оси Y
- GravityX - поле для ввода величины силы притяжения по оси X
- Touch Drawing - выключатель режима рисования касанием экрана (пальцами)
- Drawing Color -поле для выбора цвета линии при рисовании касанием экрана
- Drawing Width - поле для ввода тольщины линии при рисовании касанием экрана
- Stage Scaling Mode - поле для выбора режима масштабирования сцены (растягивать или масштабировать)
- Stage Alignment - поле для выбора режима выравнивания сцены на холсте
Блоки свойств
- switch current stage to - делает активным указанный компонент сцены
- set/get Background Color - задаёт/возвращает цвет сцены
- set/get Frame Color - задаёт/возвращает цвет рамки сцены
- set images number to - задаёт номер изображения для сцены
- set/get Gravity Y - задаёт/возвращает величину силы притяжения по оси Y
- set/get Gravity X - задаёт/возвращает величину силы притяжения по оси X
- set/get Touch Drawing - задаёт/возвращает статус активности сцены для рисованием пальцами
- set/get Drawing Color - задаёт/возвращает цвет пера при рисованием пальцами
- set/get Drawing Width - задаёт/возвращает толщину пера при рисованием пальцами
Label - компонент для вывода текста на холст.
Sprite Type - компонент описания типа (класса) спрайтов. Класс спрайта определяет характеристики и поведение спрайтов этого класса. Спрайты с одинаковым набором характеристик и поведением должны принадлежать одному и тому же классу спрайтов. Например, неподвижные стены - один класс спрайтов, движущиеся шары - другой, анимированные спрайты, прозрачные для столкновений - третий и т.д.
Поля дизайнера
- PictureList - группа элементов для добавления изображений спрайтов в список при нажатии на кнопку Add
- Height - поле для ввода высоты спрайта
- Width - поле для ввода ширины спрайта
- Angle - поле для ввода угла поворота спрайта (по часовой стрелке)
- Z - поле для ввода значения z-глубины спрайта
- Opacity - поле для ввода значения непрозрачности (100 - полностью непрозрачен)
- Bounce - поле для ввода величины скорости отскока в процентах при столкновении спрайта с другими спрайтами или поверхностями. 100 означает отскок с той же скоростью, 200 - с удвоенной скоростью
- IsDraggable - выключатель возможности перетаскивания спрайта
- PassesThrough - выключатель режима обработки столкновений. В выключенном состоянии спрайты будут проходить сквозь друг друга без обработки столкновений
- IsStatic - выключатель режима "стена", в котором никаие силы не могут сдвинуть спрайт
- IgnoreGravity - выключатель режима учёта гравитации. Во включенном состоянии на спрайт не действует сила гравитации.
- FixedRotation - выключатель режима вращения спрайта. При включенном состоянии угол поворота спрайта остаётся неизменным
- Drawing - выключатель режима рисования пером при перемещении спрайта
- Drawing Color - поле для выборе цвета пера
- Drawing Width - поле для ввода толщины пера
Sprite - компонент спрайта
Поля дизайнера
- PictureSelection - воле ввода/выбора файла изображения
- X - поле для ввода горизонтальной координаты спрайта
- Y - поле для ввода вертикальной координаты спрайта
- Z - поле для ввода значения z-глубины спрайта
- Height - поле для ввода высоты спрайта
- Width - поле для ввода ширины спрайта
- Angle - поле для ввода угла поворота спрайта (по часовой стрелке)
- Bounce - поле для ввода величины скорости отскока в процентах при столкновении спрайта с другими спрайтами или поверхностями. 100 означает отскок с той же скоростью, 200 - с удвоенной скоростью
- IsDraggable - выключатель возможности перетаскивания спрайта
- PassesThrough - выключатель режима обработки столкновений. В выключенном состоянии спрайты будут проходить сквозь друг друга без обработки столкновений
- IsStatic - выключатель режима "стена", в котором никаие силы не могут сдвинуть спрайт
- IgnoreGravity - выключатель режима учёта гравитации. Во включенном состоянии на спрайт не действует сила гравитации.
- FixedRotation - выключатель режима вращения спрайта. При включенном состоянии угол поворота спрайта остаётся неизменным
- Drawing - выключатель режима рисования пером при перемещении спрайта
- Drawing Color - поле для выборе цвета пера
- Drawing Width - поле для ввода толщины пера
Loading Icon
Компонент для отображения выполнения фонового процесса.
Поля дизайнера
- Color - поле для выбора цвета индикатора
- Size - выпадающий список для выбора размера индикотора:
- small - маленький
- large - большой
- Animation - выключатель режима анимации
- Hides When Stopped (iOS Only) - выключатель режима отображения при остановке
Блоки свойств
- set/get Color - задаёт/возвращает цвет индикатора
- set/get Size - задаёт/возвращает размер индикатора
Date Input
Компонент для выбора и отображения даты.
Поля дизайнера
- Style - выпадающий список для выбора формата отображения данных
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- FontSize - поле для ввода размера шрифта
- Color - поле выбора цвета надписи в шестнадцатеричном формате RGB
- BackgroundColor - поле для выбора цвета фона
- FontStyle - выпадающий список для выбора стиля шрифта:
- normal - нормальный
- italic - наклон
- FontWeight - выпадающий список для выбора толщины шрифта:
- normal - нормальный
- bold - жирный
- 100..900 - жирный с указанной степенью
- TextAlign - выпадающий список для выбора выравнивания текста по горизонтали:
- auto - автоматически
- left - по левому краю
- right - по правому краю
- center - по центру
- justify - по обоим краям (только для iOS)
- Margin - группа элементов управления для задания внешних отступов до границ компонента:
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Padding - группа элементов управления для задания внутренних отступов до границ компонента
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Border - группа элементов управления для задания параметров рамки компонента:
- width - ширина
- color - цвет
- style - стиль:
- solid - сплошная
- dotted - точечная
- dashed - пунктирная
- borderRadius -радиус закругления
- Disabled - выключатель активности
Блоки свойств
- set/get Style - задаёт/возвращает формат отображения данных
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get FontSize - задаёт/возвращает размер шрифта
- set/get Color - задаёт/возвращает цвет надписи
- set/get BackgroundColor - задаёт/возвращает цвет фона
- set/get FontStyle - задаёт/возвращает стиль шрифта
- set/get FontWeight - задаёт/возвращает значение толщины шрифта
- set/get TextAlign - задаёт/возвращает значение выравнивания текста по горизонтали
Блоки методов
- call Launch Picker - открывает диалог для выбора даты
- call Get Date - возвращает выбранную дату в ранее выбранном формате
- call Get Year - возвращает год выбранной даты(в формате 4-х цифр)
- call Get Month - возвращает порядковый номер месяца выбранной даты (от 1 до 12)
- call Get Day - возвращает порядковый номер дня выбранной даты (от 1 до 31 в зависимости от месяца)
Блоки для обработки событий
- when Date Picked - вызывается после выбора даты
Time Input
Компонент для выбора и отображения времени.
Поля дизайнера
- Style - выпадающий список для выбора формата отображения данных
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости
- FontSize - поле для ввода размера шрифта
- Color - поле выбора цвета надписи в шестнадцатеричном формате RGB
- BackgroundColor - поле для выбора цвета фона
- FontStyle - выпадающий список для выбора стиля шрифта:
- normal - нормальный
- italic - наклон
- FontWeight - выпадающий список для выбора толщины шрифта:
- normal - нормальный
- bold - жирный
- 100..900 - жирный с указанной степенью
- TextAlign - выпадающий список для выбора выравнивания текста по горизонтали:
- auto - автоматически
- left - по левому краю
- right - по правому краю
- center - по центру
- justify - по обоим краям (только для iOS)
- Margin - группа элементов управления для задания внешних отступов до границ компонента:
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Padding - группа элементов управления для задания внутренних отступов до границ компонента
- top - сверху
- bottom - снизу
- left - слева
- right - справа
- Border - группа элементов управления для задания параметров рамки компонента:
- width - ширина
- color - цвет
- style - стиль:
- solid - сплошная
- dotted - точечная
- dashed - пунктирная
- borderRadius -радиус закругления
- Disabled - выключатель активности
Блоки свойств
- set/get Style - задаёт/возвращает формат отображения данных
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Visible - задаёт/возвращает видимость компонента
- set/get FontSize - задаёт/возвращает размер шрифта
- set/get Color - задаёт/возвращает цвет надписи
- set/get BackgroundColor - задаёт/возвращает цвет фона
- set/get FontStyle - задаёт/возвращает стиль шрифта
- set/get FontWeight - задаёт/возвращает значение толщины шрифта
- set/get TextAlign - задаёт/возвращает значение выравнивания текста по горизонтали
Блоки методов
- call Launch Picker - открывает диалог для выбора времени
- call Get Time - возвращает время в ранее выбранном формате
- call Get Hour - возвращает час выбранного времени (от 1 до 24)
- call Get Minute - возвращает минуту выбранного времени (от 1 до 60)
Блоки для обработки событий
- when Time Picked - выпоняется после выбора времени
PDF Reader
Компонент для отображения документов в формате PDF.
Поля дизайнера
- Visible - выключатель видимости
- File - поле для ввода URL или имени загруженного в проект файла
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
Блоки свойств
- set/get Visible - задаёт/возвращает видимость компонента
- set/get File - задаёт/возвращает URL или имя загруженного файла
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
Data Viewer List
Компонент для отображения данных в списочном виде. В качестве источника данных можно выбрать локальную таблицу, таблицу AirTable или Google Sheet.
Поля дизайнера
- Data Source - группа элементов для добавления и выбора из списка источника данных
- Selected Collection - список для выбора коллекции данных (имя таблицы с данными)
- Click here to view the data - ссылка для просмотра данных во всплывающем окне
- list Item Layout - список для выбора компоновки элементов из диалога:
- Title - только заголовок
- Title Subtitle - заголовок и подзаголовок
- Icon Title - пиктограмма и заголовок
- Icon Title Subtitle - пиктограмма, заголовок и подзаголовок
- Icon Title Subtitle Text - пиктограмма, заголовок, подзаголовок и текст описания
- Icon Title Subtitle Image Text - пиктограмма, заголовок, подзаголовок, изображение и текст описания
- Image Title Subtitle Text - изображение, заголовок, подзаголовок и текст описания
- Data Bindings - группа элементов для выбора полей данных для отображения в сообветствующих элементах списка:
- Get Image From Column - выпадающий список выбора поля изображения (единственного или первого)
- Get Title From Column - выпадающий список выбора поля заголовка
- Get Subtitle From Column - выпадающий список выбора поля подзаголовка
- Get Secondary Image From Column - выпадающий список выбора поля второго изображения
- Get Description From Column - выпадающий список выбора поля описания
- Left Swipe - выключатель режима отображения кнопки справа при свайпе влево. При включенном состоянии позволяет настроить параметры кнопки:
- Left Swipe Button Text - поле для ввода текста
- Left Swipe Button Text Color - поле выбора цвета текста
- Left Swipe Button Background Color - поле выбора цвета фона
- Right Swipe - выключатель режима отображения кнопки с левой стороны при свайпе направо. При включенном состоянии позволяет настроить параметры кнопки:
- Right Swipe Button Text - поле для ввода текста
- Right Swipe Button Text Color - поле выбора цвета текста
- Right Swipe Button Background Color - поле выбора цвета фона
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости компонента
Блоки свойств
- set/get Visible - задаёт/возвращает видимость компонента
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
Блоки для обработки событий
- when Item Click - выпоняется после выбора элемента списка
- when Left Swipe Click - выполняется при нажатии на левую кнопку (появляется привключенном режиме Left Swipe)
- when Right Swipe Click - выполняется при нажатии на правую кнопку (появляется при включенном режиме Right Swipe)
Блоки методов
- call Refresh Data - обновляет данные
Data Viewer Grid
Компонент для отображения данных в табличном виде. В качестве источника данных можно выбрать локальную таблицу, таблицу AirTable или Google Sheet.
Поля дизайнера
- Data Source - группа элементов для добавления и выбора из списка источника данных
- Selected Collection - список для выбора коллекции данных (имя таблицы с данными)
- Click here to view the data - ссылка для просмотра данных во всплывающем окне
- Grid Item Layout - список для выбора компоновки элементов из диалога:
- Image, Title - изображение с заголовком, наложенным снизу
- Title - заголовок
- Image и Title и Subtitle - изображение с заголовком и подзаголовком под изображением
- Image и Title - изображение с заголовком под ним
- Image, Title и Subtitle - изображение с заголовком и поздзаголовком под ними
- Image, Title, Subtitlele - закруглённое изображение с заголовком и подзаголовком
- Image Title - затенённое заголовком изображение
- Data Bindings - группа элементов для выбора полей данных для отображения в сообветствующих элементах списка:
- Get Image From Column - выпадающий список выбора поля изображения (единственного или первого)
- Get Title From Column - выпадающий список выбора поля заголовка
- Get Subtitle From Column - выпадающий список выбора поля подзаголовка
- Get Secondary Image From Column - выпадающий список выбора поля второго изображения
- Get Description From Column - выпадающий список выбора поля описания
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Visible - выключатель видимости компонента
Блоки свойств
- set/get Visible - задаёт/возвращает видимость компонента
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
Блоки для обработки событий
- when Item Click - выпоняется после выбора элемента списка
Блоки методов
- call Refresh Data - обновляет данные
Rating
Компонент для отображения рейтинга.
Поля дизайнера
- Value - поле для ввода текущего значения
- Count - поле для ввода количества символов в рейтинге
- Image - группа полей для выбора символа
- Visible - выключатель видимости
- Direction - поле для выбора направления роста рейтинга:
- row - вправо
- row-reverse - влево
- column - вниз
- column-reverse - вверх
- Read only - выключатель режима "только для чтения"
- Font size - поле для ввода размера шрифта
- Font size - поле для ввода расстояния между символами в px
- Rating color - поле для выбора цвета символов
- Background size - поле для выбора цвета фона
Блоки свойств
- set/get Value - задаёт/возвращает текущее значение рейтинга
- set/get Count - задаёт/возвращает количество символов в рейтинге
- set/get Icon - задаёт/возвращает символ рейтинга
- set/get Visible - задаёт/возвращает видимость компонента
- set/get Direction - задаёт/возвращает направление роста рейтинга
- set/get Read Only - задаёт/возвращает состояние режима "только для чтения"
- set/get Font Size - задаёт/возвращает размер шрифта
- set/get Icon Margin - задаёт/возвращает расстояние между символами
- set/get Rating Color - задаёт/возвращает цвет символов
- set/get Rating Background Color - задаёт/возвращает цвет фона
Блоки для обработки событий
- when Click - вызывается при щелчке
Video
Компонент для воспроизведения небольших видеофайлов и потокового радио (в фоновом режиме не работает). Размер файла видео должен быть ощутимо меньше максимально возможного размера приложения, равного 50 Mb.
Поля дизайнера
- Visible - выключатель видимости
- Video - поле для ввода URL или имени загруженного в проект файла
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
Блоки свойств
- set/get Visible - задаёт/возвращает видимость компонента
- set/get File - задаёт/возвращает URL или имя загруженного файла
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
Sound
Проигрыватель звуков формата mp3 и wav.
Поля дизайнера
- Source - поле для ввода имени или URL файла
- Volume - поле для ввода уровня громкости
Блоки свойств
- set/get Source - задаёт/возвращает имя звукового файла
- set/get Volume - задаёт/возвращает уровень громкоcти
Блоки методов
- call Play - запустить воспроизведение
- call Pause - поставить воспроизведения на паузу
- call Resume - продолжить воспроизведение после паузы
- call Stop - остановить воспроизведение
Блоки для обработки событий
- when OnError - вызывается при возникновении ошибки
Text To Speech
Синтезатор речи для воспроизведения переданного ему текста
Поля дизайнера
- DefaultLanguage - выпадающий список для выбора языка воспроизведения (русский отсутствует)
Блоки методов
- call Speak - начать воспроизведение текста
- call Stop - остановить воспроизведение текста
Speech Recognizer
Распознаватель речи
Поля дизайнера
- DefaultLanguage - выпадающий список для выбора языка по умолчанию (русский присутствует)
Блоки свойств
- set/get DefaultLanguage - задаёт/возвращает язык по умолчанию
- call Speak - запустить процесс распознавания
- call Stop - остановить процесс распознавания
Assistant
Компонент для работы с голосовым помощником от Dialogflow (API V2).
Поля дизайнера
- ClientAccessToken - поле для ввода ключа доступа к API (Thunkable предоставляет свой собственный ключ default)
- Language - список для выбора языка взаимодействия
Блоки свойств
- set/get ClientAccessToken - задаёт/возвращает ключ API
- set/get Language - задаёт/возвращает язык взаимодействия
Блоки методов
- call StartListening - запускает прослушивание
- call StopListening - останавливает прослушивание
- call Query - отправляет запрос
Translator
Yandex-переводчик текста.
Поля дизайнера
- YandexApikey - поле для ввода ключа доступа к API (Thunkable предоставляет свой собственный ключ default)
- SourceLanguage - список для выбора языка, с которого нужно осуществить перевод
- TargetLanguage - список для выбора языка, на который нужно осуществить перевод
Блоки свойств
- set/get YandexApikey - задаёт/возвращает ключ API
Блоки методов
- call Translate - перевести
Audio Recorder
Диктофон.
Блоки методов
- call Start Timed Recording - начать запись в течении заданного фиксированного промежутка времени
- call Start Recording - начать запись
- call Stop Recording - остановить запись
Image
Область для отображения графического файла.
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Picture - поле для ввода имени файла
- ResizeMode - выпадающий список для выбора режима масштабирования изображения:
- cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
- contain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
- stretch - растянуть (пропорции нарушаются)
- repeat - повторять
- center - центрировать
- DefaultSource - группа полей для задания статического изображения при загрузке источника изображения
- OverlayColor (только для Android) - если изображение имеет закругленные углы, указание значения данного свойства приведет к тому, что оставшееся пространство в углах будет заполнено сплошным цветом. Это полезно в случаях, которые не поддерживаются реализацией Android закругленных углов - нкоторые режимы изменения размера, такие как "contain",
и анимированные картинки
Типичный способ использования этого свойства - изображения, отображаемые на сплошном фоне, и установка цвета OverlayColor в цвет фона
- Accessible - выключатель доступности. Если равно true, то элемент становится элементом доступности для людей с ограниченными возможностями (работа режима не подтверждена)
- BlurRadius - поле ввода радиуса размытия
- CapInsets - группа полей ввода для фиксации размеров углов. При растяжении изображения указанные углы останутся фиксированного размера, что полезно при создании изменяемых размеров закругленных кнопок, теней и других изменяемых размеров активов.
Блоки свойств
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Picture - задаёт/возвращает имя графического файла
Блоки для обработки событий
- when Click - вызывается при щелчке
Barcode Scanner
Компонент для чтения штрих-кодов и QR-кодов.
Поля дизайнера
- WhichCamera - выпадающий список опций для выбора камеры:
- Back - задняя
- Front - передняя
Блоки свойств
- set/get WhichCamera - задаёт/возвращает выбранную камеру
Блоки методов
- call scan - включает сканер для сканирования
Photo Library
Компонент фотогалереи для выбора из неё изображений.
Блоки методов
- call SelectPhoto - отображает фотогалерею
Camera
Компонент для работы с камерой устройства.
Блоки методов
- call TakePhoto - включает на устройстве режим работы с камерой
Image Recognizer
Компонент для распознавания изображений при помощи сервиса распознавания Microsoft. Возвращает описание и теги о визуальном содержимом, найденном на изображении. Сервис работает с изображением из камеры или расположенным в сети и доступным по ссылке.
Поля дизайнера
- ServerURL - поле для ввода адреса сервера (не изменяйте значение по умолчанию, если доступ к API происходит не из Китая)
- SubscriptionKey - поле для ввода ключа подписки (Thunkable предоставляет свой собственный ключ подписки default, который позволяет загружать до 1000 изображений в месяц. Если требуется большее количество, то нужно ввести ключ своей бесплатной подписки)
Блоки свойств
- set/get ServerURL - задаёт/возвращает адрес сервера
- set/get SubscriptionKey - задаёт/возвращает ключ подписки для доступа к сервису
Блоки методов
- call Upload - отправляет изображение в службу распознавания Microsoft
Animation
Компонент для выполнения анимации, созданной в Adobe After Effects.
Поля дизайнера
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Animation - поле для ввода имени файла анимации .json, загруженного в проект
- Loop - выключатель режима циклического воспроизведения анимации
Блоки свойств
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Animation - задаёт/возвращает имя файла анимации
- set/get Loop - задаёт/возвращает состояние циклического воспроизведения анимации
Local Storage
Локальное хранилище для хранения относительно небольшого объёма данных.
Блоки методов
- call Save - сохраняет значение для указанного ключа
- call Get - возвращает значение указанного ключа или null, если последнего не существует
- call Remove - удалет ключ и его значение
Local DB
Таблица данных (данные не сохраняются после закрытия приложения).
Блоки методов
- call GetCell - возвращает значение ячейки таблицы, находящейся в указанном столбце и строке (по номеру)
- call SetGet - сохраняет значение в указанную столбцом и строкой (по номеру) ячейку
- call NumberOfRows - возвращает количество строк
- call GetColumn - возвращает все значения ячеек в виде списка для заданного по названию или номеру столбца
- call GetRow - возвращает все значения ячеек в виде списка из строки, заданной по номеру
- call AddRow - добавляет новую строку
Realtime DB
Высокопроизводительное облачное хранилище на основе Firebase. Есть возможность работать со своим экземпляром базы данных.
Блоки методов
- call Save - сохраняет значение для указанного ключа
- call Get - возвращает значение указанного ключа
- call AddListener - указывает Firebase на необходимость отслеживания изменения значения указанного ключа (для выполнения заданных действий)
- call RemoveListener - отменяет отслеживание изменения указанного ключа
Блоки для обработки событий
- when DataChanged - вызывается при изменении данных
Spreadsheet
Компонент для работы со службой электронных таблиц Airtable.
Поля дизайнера
- APIKey - поле для ввода ключа API
- BaseID - поле для ввода идентификатора базы данных
- TableName - поле для ввода названия таблицы
- ViewName - поле для ввода названия вида
Блоки свойств
- set/get APIKey - задаёт/возвращает ключ API
- set/get BaseID - задаёт/возвращает идентификатор базы
- set/get TableName - задаёт/возвращает название таблицы
- set/get ViewName - задаёт/возвращает название вида
Блоки методов
- call GetCell - возвращает значение указанной ячейки
- call SetCell - изменяет значение указанной ячейки
- call GetColumn - возвращает список значений полей указанного столбца
- call GetRow - возвращает значение указанной строки в виде объекта
- call GetAllRows - возвращает все строки в виде массива объектов
- call GetSelectedRows - возвращает строки в виде списка объектов по заданному начальному индексу и количеству строк
- call CreateRow - добавляет новую строку в конец таблицы
- call UpdateRowNum -обновляет строку с указанным номером
- call UpdateRow - обновляет строку с указанным по _id объектом
- call ReplaceRowNum - заменяет заданную номером строку
- call ReplaceRow - заменяет строку с указанным по _id объектом
- call DeleteRowNum - удаляет заданную номером строку
- call DeleteRow - удаляет строку с указанным по _id объектом
Web API
Компонент для работы с запросами GET, POST, PUT и DELETE для доступа к общедоступным web-данным.
Поля дизайнера
- URL - поле для ввода адреса запроса (web-сервера)
- QueryParameters - группа элементов управления для работы с параметрами, передаваемыми в командной строке:
- Property - поле для ввода имени параметра
- Value - поле для ввода значения параметра
- Add - кнопка для добавления параметра в строку
- Body - поле для ввода тела запроса
- Headers - группа элементов управления для работы с параметрами, передаваемыми при помощи заголовков:
- Property - поле для ввода имени параметра
- Value - поле для ввода значения параметра
- Add - кнопка для добавления параметра в заголовок
Блоки свойств
- set/get URL - задаёт/возвращает адрес сервера
- set/get Body - задаёт/возвращает тело запроса
- set/getQueryParameters- задаёт/возвращает параметры
- set/get Headers - задаёт/возвращает заголовки
Блоки методов
- call Get - отправляет запрос GET
- call Post - отправляет запрос POST
- call Put - отправляет запрос PUT
- call Delete - отправляет запрос DELETE
Media DB
Компонент для работы с облачным хранилищем данных cloudinary.com. Для удобства по умолчанию Thunkable предоставляет свою общую учетную запись, но предупреждает, что время от времени может производить её очистку, да и не гарантирует конфиденциальность. Поэтому лучше сразу создать свой аккаунт и работать с ним.
Поля дизайнера
- CloudName - поле для ввода облачного имени
- APIKey - поле для ввода ключа
- APISecret - поле для ввода секретного ключа
Блоки свойств
- set/get CloudName- задаёт/возвращает облачное имя
- set/get APIKey- задаёт/возвращает ключ
- set/get APISecret- задаёт/возвращает секретный ключ
Блоки методов
- call Upload - загружает ресурс в облако и возвращает его URL, в случае успеха
Data Sources
Компонент для подключения источников данных, в качестве которых могут использоваться локальные таблицы, таблицы AirTable и Google. Записи доступны по идентификаторам или индексам.
Блоки методов
- update value in - метод для обновления значения данных
- create row in - метод для создания строки
- get value from - метод для получения данных
- delete row in - метод для удаления строки
- number of rows in - возвращает количество записей
- list of values in - возвращает список значений выбранного столбца
- get row object from - возвращает запись
- delete all rows in - удаляет все записи в выбранной таблице (работает только для Local DB)
Map
Компонент для отображения карты.
Поля дизайнера
- Latitude - поле для ввода широты (от -90 до 90)
- Longitude- поле для ввода долготы (от -90 до 90)
- Zoom - поле для ввода значения масштаба (от -15 до 10)
- Height - выпадающий список опций для задания высоты компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Width - выпадающий список опций для задания ширины компонента:
- Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
- Relative Size - относительный размер в процентах
- Absolute Size - абсолютный размер в пикселях
- Border - группа элементов управления для задания параметров рамки компонента:
- width - ширина
- color - цвет
- style - стиль:
- solid - сплошная
- dotted - точечная
- dashed - пунктирная
- borderRadius - радиус закругления
- LatitudeDelta - поле для ввода значения в градусах расстояния между севером и югом для отображения области на карте (1 градус широты примерно равен 111 км)
- LongitudeDelta - поле для ввода значения в градусах расстояния между востоком и западом для отображения области на карте ( 1 градус долготы охватывает расстояние 111 км на экваторе и 0 километров на полюсах)
- Provider - поле для ввода названия поставщика услуг
- CustomMapStyleString - поле для ввода строки стиля для карты в формате JSON
- ShowsUserLocation - выключатель режима отображения положения пользователя в виде мигающей синей точки
- ShowsMyLocationButton - выключатель режима отображения кнопки, которая автоматически центрирует карту относительно положения пользователя
- FollowsUserLocation - выключатель режима отслеживания местоположения пользователя
- ShowsCompass - выключатель режима отображения компаса
- ZoomEnabled - выключатель режима масштабирования
- RotateEnabled - выключатель режима вращения карты
- CacheEnabled - выключатель режима кэширования данных
- ScrollEnabled - выключатель режима прокрутки
- PitchEnabled - выключатель режима связи наклона устройства с наклоном плоскости карты
- ShowsScale - выключатель режима отображения шкалы
- ShowsBuildings - выключатель режима отображения зданий
- ShowsTraffic - выключатель режима отображения трафика
- ShowsIndoors - выключатель режима отображения интерьеров
- MapType - выпадающий список для выбора типа карты:
- standart - указывает стандартное изображение дорожной карты, как она обычно отображается на веб-сайте Google Maps
- satellite - задает изображение спутникового снимка
- hybrid - задает гибридное изображение спутникового снимка и дорожной карты с отображением прозрачного слоя с основными улицами и названиями мест на спутниковом снимке
- terrain - задает изображение физической карты рельефа с отображением местности и растительности
- none - нет
- Region - группа поле ввода для задания параметров области, отображаемой на карте
- InitialRegion - группа поле ввода для задания параметров первоначальной области, отображаемой на карте
- LiteMode - выключатель облегченного режима
- MaxDelta - поле для ввода максимального размера области, которое может быть отображено
- MinDelta - поле для ввода минимального размера области, которое может быть отображено
- IegalLabelInsets - группа поле ввода для вставки юридического ярлыка карты
Блоки свойств
- set/get Height - задаёт/возвращает высоту компонента
- set/get Width - задаёт/возвращает ширину компонента
- set/get Latitude - задаёт/возвращает широту
- set/get Longitude - задаёт/возвращает долготу
- set/get Zoom - задаёт/возвращает значение масштаба
Блоки методов
- call addMarker - добавляет на карту точку
- call addPolyline - добавляет на карту ломаную линию
- call addPolygon - добавляет на карту многоугольник
- call deleteAllMarkers - удаляет все маркеры
Блоки для обработки событий
- when onMapReady - вызывается после полной готовности карты к работе
- when onUserLocationChange - вызывается при изменении положения пользователя
- when onPress - вызывается при нажатии на карту
- when onMarkerPress - вызывается при нажатии на маркер (отображает выноску)
- when onCalloutPress - вызывается при нажатии на выноску
Location sensor
Компонент для работы с датчиком положения.
Поля дизайнера
- EnableHighAccuracy - выключатель режима повышенной точности (по GPS). Если значение равно false, то используется определение местоположения по Wifi, Bluetooth или 3G. На Android, если местоположение кэшируется, оно может вернуться почти сразу или запросить обновление, которое может занять некоторое время.
- Timeout - поле для ввода максимального времени ожидания в миллисекундах, в течение которого устройство будет ожидать определение местоположения
- MaximumAge - поле для ввода максимального значения времени кэширования данных в миллисекундах (как долго предыдущее местоположение будет кэшировано). По умолчаниюравно бесконечности
Блоки свойств
- set/get EnableHighAccuracy - задаёт/возвращает состояние режима повышенной точности
- set/get Timeout - задаёт/возвращает величину времени ожидания
- set/get MaximumAge - задаёт/возвращает значение времени кэширования данных
Блоки методов
- call GetCurrentLocation - возвращает информацию о текущем положении
Timer
Таймер с однократным или регулярно повторяемым запуском.
Поля дизайнера
- Enabled - выключатель таймера
- Interval - группа полей для ввода задержки срабатывания в секундах или миллисекундах
- Loops - выключатель режима автоповтора
- Count up - выключатель режима счёта в сторону увеличения значения
Блоки свойств
- set/get Enabled - задаёт/возвращает состояние активности
- set/get Time in seconds - задаёт/возвращает задержку в секундах
- set/get Time in milliseconds - задаёт/возвращает задержку в миллисекундах
- set/get Loops - задаёт/возвращает режим автоповтора
- set/get Count up - задаёт/возвращает режим счёта
Блоки методов
- Timer start - запуск отсчёта
- Timer stop - остановка отсчёта
Блоки для обработки событий
- when onFires - вызывается при срабатывании таймера
Accelerometer
Датчик ускорения.
Поля дизайнера
- Enabled - выключатель датчика
Блоки свойств
- set/get Enabled - задаёт/возвращает состояние активности
Блоки для обработки событий
- when Changes - вызывается при изменении данных
- when Shaking - вызывается при встряхивании устройства
Gyroscope
Датчик наклона.
Поля дизайнера
- Enabled - выключатель датчика
Блоки свойств
- set/get Enabled - задаёт/возвращает состояние активности
Блоки для обработки событий
- when Changes - вызывается при изменении данных
Magnetometer
Датчик магнитного поля.
Поля дизайнера
- Enabled - выключатель датчика
Блоки свойств
- set/get Enabled - задаёт/возвращает состояние активности
Блоки для обработки событий
- when Changes - вызывается при изменении данных
Bluetooth Low Energy
Компонент для беспроводного соединение двух устройств друг с другом с низким энергопотреблением.
Блоки методов
- call Scan - осуществляет поиск ближайших устройств BLE в течение 10 секунд и возвращает в случае успеха список доступных иденификаторов и имён устройств
- call Connect to Device id - используется для подключения к устройству по его идентификатору
- call Connect to Device Name - используется для подключения к устройству по его имени
- call Receive - для получения данных от устройства
- call Transmit - для передачи данных устройству
Share
Компонент для обмена сообщениями (текстовыми или изображениями) с помощью установленного коммуникационного приложения Slack, Facebook, iMessage, WhatsApp и др.
Блоки методов
- call SendTextMessage - отправляет SMS
- call SendEmail - отправляет почтовое сообщение
- call CallPhone - осуществляет звонок
- call ShareMessage - предоставляет текст для отправки через выбираемый мессенджер
- call ShareImage - предоставляет изображение для отправки через выбираемый мессенджер
Sign In
Компонент для доступа к базе данных Firebase.
Блоки методов
- call SignUp - создаёт новую учётную запись или возвращает ошибку
- call SingIn - осуществляет вход в учётную запись или возвращает ошибку
- call SignOut - осуществляет выход из учётной записи
- call ResetPassword - сбрасывает пароль
Payment
Компонент для доступа к платёжной системе Stripe.
Поля дизайнера
- RequireAddress - выпадающий список для выбора опции для отправки транзакции:
- zip - почтовый индекс
- full - полный адрес (снижает риск мошеннической деятельности)
Блоки свойств
- set/getRequireAddress - задаёт/возвращает требуемый адрес
Блоки методов
- call OneTimeCharge - осуществляет транзакцию