DroidScript

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

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

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

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

Tab Navigator

Компонент навигации при помощи вкладок.

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

  • TabBarPosition - выпадающий список для выбор положения панели вкладок:
    • top - вверху
    • bottom - внизу
  • TextColor - выключатель режима переключения вкладок swipe-жестом
  • AnimationEnabled - выключатель анимации при переключении вкладок
  • Lazy - выключатель режима ленивой отрисовки области вкладки. true - отрисовка в момент переключения на вкладку, false - отрисовка до момента отображения вкладки
  • Initial Screen/Nav Name - поле для указания имени вкладки (экрана), отображающейся по умолчанию
  • TabOrder - поле для ввода названия вкладки
  • Add - кнопка для добавления названия вкладки с целью их упорядочивания

Stack Navigator

Компонент навигации, располагающий экраны стопкой.

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

  • Initial Screen/Nav Name - поле для указания имени экрана, отображающегося по умолчанию
  • Mode - выпадающий список для выбора режима перехода между экранами:
    • card - смена экранов в горизонтальном направлении (swipe-жест по горизонтали)
    • modal - смена экранов в вертикальном направлении (swipe-жест по вертикали)
  • HeaderMode - выпадающий список для выбора режима анимации заголовков при смене экрана:
    • float - заголовки анимируется по отдельности (общий шаблон iOS)
    • screen - заголовок текущего экрана анимируется вместе с заголовком нового экрана
    • none - не отображается

Drawer Navigator

Компонент навигации со списком экранов на выдвигающейся боковой пенели.

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

  • DrawerWidth - поле для указания ширины выдвижной панели
  • DrawerPosition - выпадающий список для выбора места выдвижения и расположения панели:
    • left - слева
    • right - справа
  • DrawerOptions - поле для ввода имен экранов
  • Add - кнопка для добавления имени экрана в список на выдвижной панели
  • ActiveTintColor - поле выбора цвета надписи для активного элемента списка экранов
  • ActiveBackgroundColor - поле выбора цвета фона для активного элемента списка экранов
  • InactiveTintColor - поле выбора цвета надписи для неактивных элементов списка экранов
  • InactiveBackgroundColor - поле выбора цвета фона для неактивных элементов списка экранов

Screen

Экран.

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

  • 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 - выключатель режима прокрутки экрана
  • ShowStatusBar - выключатель отображения системной статусной панели
  • Свойства при вложении в Drawer Navigator:
    • Title - поле для ввода заголовка экрана
    • DrawerLabel - поле для ввода названия экрана, которое будет отображаться в списке экранов на выдвижной панели
  • Свойства при вложении в Stack Navigator:
    • Title - поле для ввода заголовка экрана
    • HeaderTitle - поле для ввода названия экрана, которое будет отображаться в заголовке экрана
    • HeaderBackTitle - поле для ввода названия экрана, которое будет отображаться рядом со стрелкой возврата назад. Ели ононе указано, то будет отображаться название из поля HeaderTitle
    • HeaderTruncatedBackTitle
    • HeaderTintColor - поле выбора цвета надписи заголовка
    • GesturesEnabled - выключатель режима поддержки жестов
  • Свойства при вложении в Tab Navigator:
    • Title - поле для ввода заголовка экрана
    • TabBarVisible - выключатель видимости панели вкладок
    • TabBarVisible - поле для ввода надписи на вкладке

Блоки

  • set/get BackgroundPicture - задаёт/возвращает имя изображения, использующегося в качестве фона
  • set/get Scrollable - задаёт/возвращает состояние режима прокрутки экрана
  • set/get ShowStatusBar - задаёт/возвращает режим отображения системной статусной панели
  • 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 - выключатель режима прокрутки

Блоки

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

Button

Кнопка без фиксации.

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

  • Text - поле для ввода надписи
  • TextColor - поле выбора цвета надписи в шестнадцатеричном формате RGB
  • FontBold - выключатель жирности шрифта
  • FontItalic - выключатель наклона шрифта
  • FontSize - поле ввода размера шрифта
  • BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB
  • Outline - выключатель контура
  • CornerRadius - радиус закругления углов
  • Rised - выключатель тени
  • Disabled - выключатель активности

Блоки

  • set/get Text - задаёт/возвращает надпись
  • set/get FontBold - задаёт/возвращает режим жирность шрифта
  • set/get FontItalic - задаёт/возвращает режим наклона шрифта
  • set/get FontSize - задаёт/возвращает размер шрифта
  • when Click - блок обработки нажатия
  • when LongClick - блок обработки длительного нажатия
  • when TouchDown - блок обработки касания
  • when TouchUp - блок обработки отпускания
  • set/get Outline - задаёт/возвращает значение обводки
  • set/get CornerRadius - задаёт/возвращает значение радиуса закругления углов
  • set/get Raised - задаёт/возвращает режим отображения тени
  • set/get Disabled - задаёт/возвращает режим активности

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
  • FontSize - поле для ввода размера шрифта
  • FontStyle - выпадающий список для выбора стиля шрифта (нормальный или /наклон)
  • BackgroundColor - поле выбора цвета фона в шестнадцатеричном формате RGB

Блоки

  • set/get Height - задаёт/возвращает высоту компонента
  • set/get Width - задаёт/возвращает ширину компонента
  • 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 - для ввода телефонных номеров

Блоки

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

Блоки

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

Sound

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

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

  • Source - поле для ввода имени звуководо файла
  • 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 - остановить воспроизведение текста

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

Local Storage

Локальное хранилище для хранения относительно небольшого объёма данных.

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

  • call Save - сохраняет значение для указанного ключа
  • call Get - возвращает значение указанного ключа
  • call Remove - удалет ключ и его значение

Realtime DB

Высокопроизводительное облачное хранилище на основе Firebase. Есть возможность работать со своим экземпляром базы данных.

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

  • call Save - сохраняет значение для указанного ключа
  • call Get - возвращает значение указанного ключа
  • call AddListener - указывает Firebase на необходимость отслеживания изменения значения указанного ключа (для выполнения заданных действий)
  • call RemoveListener - отменяет отслеживание изменения указанного ключа

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

  • when DataChanged - вызывается при изменении данных

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

Google Map

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

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

  • Height - выпадающий список опций для задания высоты компонента:
    • Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
    • Relative Size - относительный размер в процентах
    • Absolute Size - абсолютный размер в пикелях
  • Width - выпадающий список опций для задания ширины компонента:
    • Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
    • Relative Size - относительный размер в процентах
    • Absolute Size - абсолютный размер в пикелях
  • Latitude - поле для ввода широты
  • Longitude- поле для ввода долготы
  • Zoom - поле для ввода увеличения

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

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

Map

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

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

  • Height - выпадающий список опций для задания высоты компонента:
    • Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
    • Relative Size - относительный размер в процентах
    • Absolute Size - абсолютный размер в пикелях
  • Width - выпадающий список опций для задания ширины компонента:
    • Pick One: Fit contets, Fill container - режим выбора расширения по содержимому или заполнение контейнера
    • Relative Size - относительный размер в процентах
    • Absolute Size - абсолютный размер в пикелях
  • Latitude - поле для ввода широты
  • Longitude- поле для ввода долготы
  • Zoom - поле для ввода увеличения

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

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

Timer

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

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

  • Enabled - выключатель таймера
  • IntervalMilliseconds - поле для ввода задержки срабатывания в миллисекундах
  • Loops - выключатель режима автоповтора

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

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

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

  • when Fires - вызывается при срабатывании таймера
Оглавление  
© 2016 droidscript.ru admin@droidscript.ru