DroidScript

Thunkable под iOS: объекты и свойства

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

Thunkable под iOS: объекты и свойства

Оглавление  
Дата изменения 05.06.2017

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

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

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

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

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

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

Tab Navigator

Компонент навигации при помощи однорядных вкладок. На экране iPhone5 помещается 7 вкладок с именами ScreenN.

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

  • TabBarPosition - выпадающий список для выбор положения панели вкладок:
    • top - вверху
    • bottom - внизу
  • SwipeEnabled - выключатель режима переключения вкладок swipe-жестом
  • AnimationEnabled - выключатель анимации при переключении вкладок
  • Lazy - выключатель режима ленивой отрисовки области вкладки:
    • true - отрисовка в момент переключения на вкладку
    • false - отрисовка до момента отображения вкладки

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 - центрировать
  • Justification - выпадающий список для выбора выравнивания дочерних компонентов по горизонтали:
    • center - по центру
    • flex-start - выравнивать от начала главной оси
    • flex-end - выравнивать от конца главной оси
    • space-between - выравнивать по главной оси, распределяя свободное место между собой
    • space-around - выравнивать по главной оси, распределяя свободное место вокруг себя
  • Alignment - выпадающий список для выбора выравнивания дочерних компонентов по вертикали:
    • flex-start - выравнивать от начала перпендикулярной оси
    • flex-end - выравнивать от конца перпендикулярной оси
    • center - по центру
    • stretch - растягивать, занимая всё пространство по высоте
    • baseline - выравнивать по базовой линии
  • Scrollable - выключатель режима прокрутки экрана
  • ShowStatusBar - выключатель отображения системной статусной панели
  • Display - выпадающий список для выбора режима отображения компонента:
    • none - не отображать
    • flex - гибкое отображение
  • WidthProperties - группа элементов управления для работы с шириной компонента:
    • width - заданная
    • minWidth - минимальная
    • maxWidth - максимальная
  • HeightProperties - группа элементов управления для работы с высотой компонента:
    • width - заданная
    • minWidth - минимальная
    • maxWidth - максимальная
  • AspectRatio - поле для ввода соотношения сторон компонента
  • 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
    • HeaderTintColor - поле выбора цвета надписи заголовка
    • GesturesEnabled - выключатель режима поддержки жестов
  • Дополнительные свойства при вложении в Tab Navigator:
    • Title - поле для ввода заголовка экрана
    • TabBarVisible - выключатель видимости панели вкладок
    • TabBarVisible - поле для ввода надписи на вкладке

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

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

Блоки событий:

  • 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 - абсолютный размер в пикелях
  • BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
  • BackgroundPicture - поле для ввода имени файла фонового изображения
  • BackgroundPictureResizeMode - выпадающий спиок для выбора режима масштабирования фонового изображения:
    • cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
    • ontain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
    • stretch - растянуть (пропорции нарушаются)
    • repeat - повторять
    • center - центрировать
  • Justification - выпадающий список для выбора выравнивания дочерних компонентов по горизонтали:
    • center - по центру
    • flex-start - выравнивать от начала главной оси
    • flex-end - выравнивать от конца главной оси
    • space-between - выравнивать по главной оси, распределяя свободное место между собой
    • space-around - выравнивать по главной оси, распределяя свободное место вокруг себя
  • Alignment - выпадающий список для выбора выравнивания дочерних компонентов по вертикали:
    • flex-start - выравнивать от начала перпендикулярной оси
    • flex-end - выравнивать от конца перпендикулярной оси
    • center - по центру
    • stretch - растягивать, занимая всё пространство по высоте
    • baseline - выравнивать по базовой линии
  • Scrollable - выключатель режима прокрутки
  • BorderColors - группа полей ввода цвета границ:
    • borderTopColor - верхней
    • borderBottomColor - нижней
    • borderRightColor - правой
    • borderLeftColor - левой
  • BorderRadii - группа полей ввода значения закругления углов:
    • topLeft - верхнего левого
    • topRight - верхнего правого
    • bottomLeft - нижнего левого
    • bottomRight - нижнего правого
  • Shadow - группа элементов управления для задания параметров тени:
    • shadowColor - поле для выбора цвета
    • shadowOpacity - поле для указания прозрачности
    • shadowRadius - поле указания радиуса размытия
    • shadowOffset - группа элементов для задания величины смещения тени:
      • Width - по горизонтали
      • Height - по вертикали
  • Elevation - поле для ввода
  • Opacity - поле для ввода величины прозрачности

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

  • set/get Height - задаёт/возвращает высоту компонента
  • set/get Width - задаёт/возвращает ширину компонента
  • set/get BackgroundColor - задаёт/возвращает цвет фона
  • set/get BackgroundPicture - задаёт/возвращает имя изображения, использующегося в качестве фона
  • set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования фонового изображения
  • set/get Justification- задаёт/возвращает режим выравнивания дочерних элементов по горизонтали
  • set/get Aligment - задаёт/возвращает режим выравнивания дочерних элементов по вертикали
  • 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 - абсолютный размер в пикелях
  • BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
  • BackgroundPicture - поле для ввода имени файла фонового изображения
  • BackgroundPictureResizeMode - выпадающий спиок для выбора режима масштабирования фонового изображения:
    • cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
    • ontain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
    • stretch - растянуть (пропорции нарушаются)
    • repeat - повторять
    • center - центрировать
  • Justification - выпадающий список для выбора выравнивания дочерних компонентов по горизонтали:
    • center - по центру
    • flex-start - выравнивать от начала главной оси
    • flex-end - выравнивать от конца главной оси
    • space-between - выравнивать по главной оси, распределяя свободное место между собой
    • space-around - выравнивать по главной оси, распределяя свободное место вокруг себя
  • Alignment - выпадающий список для выбора выравнивания дочерних компонентов по вертикали:
    • flex-start - выравнивать от начала перпендикулярной оси
    • flex-end - выравнивать от конца перпендикулярной оси
    • center - по центру
    • stretch - растягивать, занимая всё пространство по высоте
    • baseline - выравнивать по базовой линии
  • Scrollable - выключатель режима прокрутки

Блоки

  • set/get Height - задаёт/возвращает высоту компонента
  • set/get Width - задаёт/возвращает ширину компонента
  • set/get BackgroundColor - задаёт/возвращает цвет фона
  • set/get BackgroundPicture - задаёт/возвращает имя изображения, использующегося в качестве фона
  • set/get BackgroundPictureResizeMode - задаёт/возвращает режим масштабирования фонового изображения
  • set/get Justification- задаёт/возвращает режим выравнивания дочерних элементов по горизонтали
  • set/get Aligment - задаёт/возвращает режим выравнивания дочерних элементов по вертикали
  • 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 - абсолютный размер в пикелях
  • 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 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

Многострочная текстовая область.

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

  • Height - выпадающий список опций для задания высоты компонента:
    • Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
    • Relative Size - относительный размер в процентах
    • Absolute Size - абсолютный размер в пикелях
  • Width - выпадающий список опций для задания ширины компонента:
    • Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
    • Relative Size - относительный размер в процентах
    • Absolute Size - абсолютный размер в пикелях
  • Text - поле для ввода текста
  • Color - поле выбора цвета надписи в шестнадцатеричном формате RGB
  • FontFamily - поле для ввода названия шрифта
  • FontSize - поле для ввода размера шрифта
  • FontStyle - выпадающий список для выбора стиля шрифта:
    • normal - нормальный
    • italic - наклон
  • FontWeight - выпадающий список для выбора толщины шрифта
  • TextShadowOffset - группа полей ввода для задания смещения тени:
    • Width - по горизонтали
    • Height - по верикали
  • TextShadowRadius - поле для ввода величины закругления тени
  • TextShadowColor - поде выбора цвета тени
  • LetterSpacing - поле для ввода расстояния между символами
  • LineHeight - поле для ввода высоты строки
  • TextAlign - выпадающий список для выбора выравнивания текста по горизонтали
  • 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 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 - абсолютный размер в пикелях
  • 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)
  • AutoCapitalize - выпадающий список для выбора режима применения заглавной буквы:
    • none - выключен
    • sentences - автоматически делать заглавной первую букву предложения.
    • words - автоматически делать заглавной первую букву каждого слова
    • characters - автоматически делать заглавными все буквы
  • AutoCorrect - выключатель режима автоматической замены текста
  • SpellCheck - выключатель режима проверки правописания
  • AutoFocus - выключатель режима автофокусировки (для ввода текста сразу в этом поле без необходимости перемещения фокуса на него вручную)
  • Editable - выключатель возможности редактирования текста
  • KeyboardAppearance - выпадающий список для выбора стиля (темы) оформления клавиатуры:
    • default - по умолчанию
    • light - светлая
    • dark - тёмная
  • ReturnKeyType - выпадающий список для выбора надписи на клавише Return:
    • 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)
  • MaxLength - поле для ввода максимального количества символов в поле
  • NumberOfLines - поле для ввода количества строк
  • DisableFullscreenUI - выключатель режима полноэкранного редактирования
  • EnablesReturnKeyAutomatically - выключатель режима действия ключа возврата (клавиши 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 - номер телефона
      • link - ссылка
      • address - адрес
      • calendarEvent - дата
      • all - все

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

  • set/get Height - задаёт/возвращает высоту компонента
  • set/get Width - задаёт/возвращает ширину компонента
  • 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 - абсолютный размер в пикелях
  • BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
  • BackgroundPicture - поле для ввода имени файла фонового изображения
  • BackgroundPictureResizeMode - выпадающий спиок для выбора режима масштабирования фонового изображения:
    • cover - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или больше области
    • ontain - масштабировать равномерно с сохранением пропорций так, чтобы оба размера изображения были равны или меньше области
    • stretch - растянуть (пропорции нарушаются)
    • repeat - повторять
    • center - центрировать
  • Scrollable - выключатель режима прокрутки
  • TextItems - поле для ввода текста элемента
  • Add - кнопка для добавления элемента в список
  • ShowArrow - выключатель отображения стрелок

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

  • set/get Height - задаёт/возвращает высоту компонента
  • 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 - абсолютный размер в пикелях
  • URL - поле для ввода адреса web-ресурса (страницы или изображения). Для загрузки удалённого ресурса необходимо указать протокол http:// или https://, а для локального - ввести имя файла, которое предварительно было загружено в ресурсы проекта (вкладка с названием проекта Files Choose a file)
  • Source - группа элементов управления для отправки запроса web-серверу
  • Bounces - выключатель режима отскакивания прокрутки от края содержимого
  • DecelerationRate - группа элементов управления для для выбора скорости замедления прокрутки после отпускания пальца:
    • Pick One - выбор из:
      • fast - быстрая
      • normal - нормальная
    • Number - число
  • ScrollEnabled - выключатель режима прокрутки
  • AutomaticallyAdjustContentInsets -
  • StartInLoadingState - выключатель режима визуализации зхагрузки
  • DataDetectorTypes - выпадающий список для определения типа обнаруживаемых данных:
    • phoneNumber - телефонные номера
    • link ссылки
    • address - адреса
    • calendarEvent - даты
    • all - все
  • InjectedJavaScript - поле для ввода кода Javascript
  • ScalesPageToFit - выключатель режима пользовательского масштабирования
  • AllowsInlineMediaPlayback - выключатель режима использования полноэкранного контроллера для воспроизведения видео
  • MediaPlaybackRequiresUserAction - выключатель режима запроса действия пользователя для воспроизведения медиаданных

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

  • set/get Height - задаёт/возвращает высоту компонента
  • set/get Width - задаёт/возвращает ширину компонента
  • set/get URL - задаёт/возвращает адрес web-ресурса

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

  • call Reload - метод для перезагрузки web-ресурса

Switch

Кнопка-переключатель

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

  • Value - выключатель состояния
  • Disabled - выключатель активности
  • TintColor - выпадающий список для выбора цвета трека во включенном состоянии переключателя
  • OnTintColor - выпадающий список для выбора цвета трека в выключенном состоянии переключателя
  • ThumbTintColor - выпадающий список для выбора цвета ползунка

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

  • set/get Value - задаёт/возвращает состояние
  • set/get Disabled - задаёт/возвращает состояние активности
  • set/get TintColor - задаёт/возвращает цвет трека во включенном состоянии переключателя
  • set/get OnTintColor - задаёт/возвращает цвет трека в выключенном состоянии переключателя
  • set/get ThumbTintColor - задаёт/возвращает цвет ползунка

Блоки событий

  • when onValueChange - блок обработки события при изменении состояния переключателя

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 - абсолютный размер в пикелях
  • 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 MinimumTrackTintColor - задаёт/возвращает цвет левой части трека (до ползунка)
  • set/get MaximumTrackTintColor - задаёт/возвращает цвет правой части трека (после ползунка)
  • set/get Disabled - задаёт/возвращает состояние активности
  • set/get ThumbTintColor - задаёт/возвращает цвет ползунка

Блоки событий

  • when onValueChange - блок обработки события при изменении состояния ползунка
  • when onSlidingComplete - блок обработки события после завершения перемешения ползунка (отпускания ползунка)

Sound

Проигрыватель звуков формата mp3 и wav.

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

  • Source - поле для ввода имени или URL звуководо файла
  • Volume - поле для ввода уровня громкости

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

  • set/get Source - задаёт/возвращает имя звукового файла
  • set/get Volume - задаёт/возвращает уровень громкоти

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

  • 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.

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

  • 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 - центрировать

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

  • set/get Height - задаёт/возвращает высоту компонента
  • set/get Width - задаёт/возвращает ширину компонента
  • set/get Picture - задаёт/возвращает имя графического файла

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

Lottie

Компонент для выполнения анимации, созданной в 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 - удалет ключ и его значение

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 - задаёт/возвращает тело запроса

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

  • 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 - добавляет на карту многоугольник

Блоки событий

  • when onMapReady - вызывается после полной готовности карты к работе
  • when onUserLocationChange - вызывается при изменении положения пользователя
  • when onPress - вызывается при нажатии на карту
  • when onMarkerPress - вызывается при нажатии на маркер
  • when onCalloutPress - вызывается при нажатии на выноску

Location sensor

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

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

  • EnableHighAccuracy - выключатель режима повышенной точности
  • 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 - вызывается при срабатывании таймера

Share

Компонент для обмена сообщениями (текстовыми или изображениями) с помощью установленного коммуникационного приложения Slack, Facebook, iMessage, WhatsApp и др.

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

  • 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 droidscript.ru admin@droidscript.ru