Back

DroidScript UI Kit

A UI Kit plugin built entirely from scratch using DroidScript controls. You can use it to implement elegant UI inspired by Google's Material Design.

In order to use DroidScript UI Kit, you must first load the plugin at the top of your script using the LoadPlugin method like this:

app.LoadPlugin( "DroidScriptUIKit" );

Once you have loaded the plugin, an instance of the UI object is created and is available globally.

You can then used all the methods available from UI object.

Properties

Here are the list of properties available from UI object.

UI.colors

Methods

Here are the list of methods available from UI object.

Typography

UI.CreateTextH1(text, width, height, options, color, fontweight)

UI.CreateTextH2(text, width, height, options, color, fontweight)

UI.CreateTextH3(text, width, height, options, color, fontweight)

UI.CreateTextH4(text, width, height, options, color, fontweight)

UI.CreateTextH5(text, width, height, options, color, fontweight)

UI.CreateTextH6(text, width, height, options, color, fontweight)

UI.CreateTextParagraph(text, width, height, options, color, fontweight)

UI.CreateTextSecondary(text, width, height, options, color, fontweight)

UI.CreateTextJumbo(text, width, height, options, color)

Button

UI.CreateButtonRaised(text, width, height, color, txtcolor)

UI.CreateButtonRaisedO(text, width, height, color, backColor)

UI.CreateButtonRound(text, width, height, color, txtcolor)

UI.CreateButtonRoundO(text, width, height, color, backColor)

UI.CreateButtonElegant(text, width, height, color)

UI.CreateButtonFlat(text, width, height, color, backColor)

UI.CreateFAB(icon, color)

UI.CreateFABOutline(icon, color, backColor)

UI.CreateFABElegant(icon, color)

UI.CreateButtonToggle(text, width, height, value, callback, color, backColor)

TextEdit

UI.CreateTextEditOutline(width, options, hint, boolLabel, color, backColor)

UI.CreateTextEditOutlineA(width, options, hint, boolLabel, color, backColor)

UI.CreateTextEditFilled(width, options, hint, boolLabel, color)

UI.CreateTextEditFilledA(width, options, hint, boolLabel, color)

UI.CreateTextEditUnique(width, options, hint, textColor, backColor)

UI.CreateTextEditSearch(width, options, hint, color, backColor)

UI.CreateTEFilledIconLeft(width, options, icon, hint, boolLabel, color)

UI.CreateTEFilledIconRight(width, options, icon, hint, boolLabel, color)

UI.CreateTEOutlineIconLeft(width, options, icon, hint, boolLabel, color, backColor)

UI.CreateTEOutlineIconRight(width, options, icon, hint, boolLabel, color, backColor)

UI.CreateTESearchUnique(width, hint, icon, iconColor)

UI.CreateTESearchElegant(width, hint, icon, iconPosition, color, option)

UI.CreateTextAreaFilled(width, height, hint, boolLabel, color)

UI.CreateTextAreaFilledA(width, height, hint, boolLabel, color)

UI.CreateTextAreaOutline(width, height, hint, boolLabel, color, backColor)

UI.CreateTextAreaOutlineA(width, height, hint, boolLabel, color, backColor)

AppBar

UI.CreateAppBar(title, logoIcon, controls, color, fontWeight)

UI.CreateAppBarElegant(title, logoIcon, controls, color)

UI.CreateAppBarModern(hint, icon, color, options)

Dialog

UI.CreateDialog(title, body, okText, color, type, divider, static)

UI.CreateBanner(text, okText, color)

UI.CreateModal(title, bodyText, okText, type, color, bool)

UI.CreateAlertSimple(text, color, type)

UI.CreateAlertStylish(text, icon, okText, color)

UI.CreateAlert(text, icon, color)

List

UI.CreateList(list, width, height, textColor, iconColor)

UI.CreateListInitialIcon(list, height, type, randomColor, color)

UI.CreateListMaterialIcon(list, height, type, randomColor, color)

UI.CreateListSimple(list, height, divider)

UI.CreateListWithAvatar(list, height, color)

UI.CreateListModern(list, height, color)

Radio

UI.CreateRadio(list, width, height, color)

UI.CreateRadioMaterial(list, width, height, color, backColor, orientation)

Switch

UI.CreateSwitch(value, color)

Checkbox

UI.CreateCheckbox(list, width, height, color)

Tab

UI.CreateTabFixed(titles, width, height, options, color)

Menu

UI.CreateMenu(list, width, height, position, textColor, type)

Pickers

UI.DatePicker(color)

UI.TimePicker(hh, mm, color)

Miscellaneous

UI.CreateDivider(thickness)

Note: For a complete collection of UI controls, refer to the DroidScript UI Kit app for it has the complete documentation.

We are constantly adding new ui designs to DroidScript UI Kit. You can also suggest ui control and we might implement that in our future updates.