DroidScript
DroidScript
инструменты для мобильной разработки

Справочник по объектам

В справочнике дано описание некоммерческих компонентов.

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

Компоненты компоновки

Компоненты интерфейса

Компоненты для работы со звуком

Компоненты для работы с графикой

Компоненты для работы с данными

Датчики

Прочие компоненты

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 - выключатель отображения системной статусной панели
  • 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 - поле для ввода цвета фона заголовка
  • Дополнительные свойства при вложении в Bottom Tab Navigator:
    • Title - поле для ввода заголовка экрана
    • TabBarVisible - выключатель видимости панели вкладок
    • TabBarLabel - ярлык для вкладки
    • TaиNavigatorIcon - группа элементов для управления пиктограммами:
      • ActiveTabIcon - поле ввода названия, адреса или кода пиктограммы для активной вкладки
      • InactiveTabIcon - поле ввода названия, адреса или кода пиктограммы для неактивной вкладки

Блоки свойств

  • set/get BackgroundColor - задаёт/возвращает цвет фона
  • set/get BackgroundPicture - задаёт/возвращает имя изображения, использующегося в качестве фона
  • set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования фонового изображения
  • set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования фонового изображения
  • set/get Scrollable - задаёт/возвращает состояние режима прокрутки экрана
  • set/get ShowStatusBar - задаёт/возвращает режим отображения системной статусной панели

Блоки методов

  • call ToggleDrawerMenu - метод для открытия панели бокового меню

Блоки для обработки событий:

  • when Open - вызывается при каждом отображении экрана (при переходе на него с помощью свайп-жеста, по кнопке возврата при стековой навигации или нажатия на вкладку)
  • when Starts - вызывается только при инициализации экрана

Row

Горизонтальный компоновщик.

Поля дизайнера

  • 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 - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
    • ontain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
    • 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
    • tabular-nums
    • lining-nums
    • proportional-nums
  • BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB

Блоки

  • set/get Height - задаёт/возвращает высоту компонента
  • set/get Width - задаёт/возвращает ширину компонента
  • set/get Visible - задаёт/возвращает видимость компонента
  • set/get Color - задаёт/возвращает цвет надписи
  • set/get BackgroundColor - задаёт/возвращает цвет фона
  • set/get FontStyle - задаёт/возвращает стиль шрифта
  • set/get Text - задаёт/возвращает надпись
  • set/get FontSize - задаёт/возвращает размер шрифта
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 - задаёт/возвращает текст
List Viewer

Область для отображения и выбора элементов списка.

Поля дизайнера

  • Height - выпадающий список опций для задания высоты компонента:
    • Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
    • Relative Size - относительный размер в процентах
    • Absolute Size - абсолютный размер в пикселях
  • Visible - выключатель видимости
  • BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
  • BackgroundPicture - поле для ввода имени файла фонового изображения
  • BackgroundPictureResizeMode - выпадающий список для выбора режима масштабирования фонового изображения:
    • cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
    • ontain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
    • stretch - растянуть (пропорции нарушаются)
    • repeat - повторять
    • center - центрировать
  • Scrollable - выключатель режима прокрутки
  • TextItems - поле для ввода текста элемента
  • Add - кнопка для добавления элемента в список
  • ShowArrow - выключатель отображения стрелок
  • Direction - выпадающий список для выбора положения стрелок:
    • ltr - справа
    • rtl - слева

Блоки свойств

  • 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-ресурса
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 - перемещает центральную точку спрайта в указанную точку координат
  • 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 - задаёт/изменяет/возвращает ширину или высоту спрайта

Блоки направления

  • point towards - поворачивает спрайт по направлению на выбранную точку касания холста или выбранный спрайт
  • set/change/get - задаёт/изменяет/возвращает угол поворота спрайта
  • set/change/get angular velocity to - задаёт/изменяет/возвращает скорость угла поворота спрайта

Блоки измерений

  • distance between and - возвращает расстояние между двумя спрайтами
  • distance between and x y - возвращает расстояние между спрайтом и указанной точкой координат на холсте
  • angle from to - возвращает угол между двумя спрайтами
  • closest instance of - возвращает ближайший экземпляр для выбранного типа спрайта

Блоки методов

  • create do - создаёт спрайт выбранного типа в заданной точке холста. Если тип содержин несколько спрайтов, то всё равно создаётся только один спрайт
  • remove - удаляет выбранный спрайт
  • all sprites in - возвращает список спрайтов выбранного типа

Stage - компонент сцены, связанный с холстом

Поля дизайнера

  • Height - поле для ввода высоты сцены в пикселях
  • Width - поле для ввода ширины сцены в пикселях
  • Color - выпадающий список для выбора цвета фона сцены
  • Frame Color - выпадающий список для выбора цвета рамки или области вокруг холста
  • GravityY- поле для ввода величины силы притяжения по оси Y
  • GravityX - поле для ввода величины силы притяжения по оси X

Sprite Type - компонент описания типа (класса) спрайтов. Класс спрайта определяет характеристики и поведение спрайтов этого класса. Спрайты с одинаковым набором характеристик и поведением должны принадлежать одному и тому же классу спрайтов. Например, неподвижные стены - один класс спрайтов, движущиеся шары - другой, анимированные спрайты, прозрачные для столкновений - третий и т.д.

Поля дизайнера

  • PictureList - группа элементов для добавления изображений спрайтов в список при нажатии на кнопку Add
  • Height - поле для ввода высоты спрайта
  • Width - поле для ввода ширины спрайта
  • Angle - поле для ввода угла поворота спрайта (по часовой стрелке)
  • Bounce - поле для ввода величины скорости отскока в процентах при столкновении спрайта с другими спрайтами или поверхностями. 100 означает отскок с той же скоростью, 200 - с удвоенной скоростью
  • IsDraggable - выключатель возможности перетаскивания спрайта
  • PassesThrough - выключатель режима обработки столкновений. В выключенном состоянии спрайты будут проходить сквозь друг друга без обработки столкновений
  • IsStatic - выключатель режима "стена", в котором никаие силы не могут сдвинуть спрайт
  • IgnoreGravity - выключатель режима учёта гравитации. Во включенном состоянии на спрайт не действует сила гравитации.
  • FixedRotation - выключатель режима вращения спрайта. При включенном состоянии угол поворота спрайта остаётся неизменным

Sprite - компонент спрайта

Поля дизайнера

  • PictureSelection - воле ввода/выбора файла изображения спрайта
  • X - поле для ввода горизонтальной координаты спрайта
  • Y - поле для ввода вертикальной координаты спрайта
  • Height - поле для ввода высоты спрайта
  • Width - поле для ввода ширины спрайта
  • Angle - поле для ввода угла поворота спрайта (по часовой стрелке)
  • Bounce - поле для ввода величины скорости отскока в процентах при столкновении спрайта с другими спрайтами или поверхностями. 100 означает отскок с той же скоростью, 200 - с удвоенной скоростью
  • IsDraggable - выключатель возможности перетаскивания спрайта
  • PassesThrough - выключатель режима обработки столкновений. В выключенном состоянии спрайты будут проходить сквозь друг друга без обработки столкновений
  • IsStatic - выключатель режима "стена", в котором никаие силы не могут сдвинуть спрайт
  • IgnoreGravity - выключатель режима учёта гравитации. Во включенном состоянии на спрайт не действует сила гравитации.
  • FixedRotation - выключатель режима вращения спрайта. При включенном состоянии угол поворота спрайта остаётся неизменным

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 - задаёт/возвращает ширину компонента
Video

Компонент для воспроизведения видео. Размер файла видео должен быть ощутимо меньше максимально возможного размера приложения, равного 50 Mb.

Поля дизайнера

  • Visible - выключатель видимости
  • Viodeo - поле для ввода 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 - перевести
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 - задаёт/возвращает имя графического файла
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, в случае успеха
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 - поле для ввода строки стиля для карты
  • 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 - выключатель таймера
  • IntervalMilliseconds - поле для ввода задержки срабатывания в миллисекундах
  • Loops - выключатель режима автоповтора

Блоки свойств

  • set/get Enabled - задаёт/возвращает состояние активности
  • set/get IntervalMilliseconds - задаёт/возвращает задержку в миллисекундах
  • set/get Loops - задаёт/возвращает режим автоповтора

Блоки для обработки событий

  • 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 - осуществляет транзакцию
© 2016-2018 Александр Страшко