DroidScript MUI Controls

A set of controls you can use to create elegant user interfaces inspired by Google's Material Design.

To use the MUI controls, you must first configure your app by placing the following line at the top of your main file

 cfg.MUI, cfg.Light

Once you have done this, an instance of the MUI object is created and is available globally.


Example - Example click to collapse contents 

cfg.MUI, cfg.Light

function OnStart()
{
    lay = app.CreateLayout("Linear", "VCenter, FillXY");
    lay.SetBackColor( MUI.colors.white );

    btn = MUI.CreateButtonRaised("BUTTON", 0.4, null, MUI.colors.teal.teal);
    lay.AddChild(btn);

    btn = MUI.CreateButtonRaisedO("BUTTON", 0.4, null, MUI.colors.teal.teal);
    lay.AddChild(btn);

    btn = MUI.CreateButtonRound("BUTTON", 0.4, null, MUI.colors.deepPurple.darken1);
    lay.AddChild(btn);

    btn = MUI.CreateButtonRoundO("BUTTON", 0.4, null, MUI.colors.deepPurple.darken1);
    lay.AddChild(btn);

    btn = MUI.CreateButtonElegant("BUTTON", 0.4, null, MUI.colors.blue.darken2);
    lay.AddChild(btn);

    btn = MUI.CreateButtonFlat("BUTTON", 0.4, null, MUI.colors.pink.pink);
    lay.AddChild(btn);

    btn = MUI.CreateButtonToggle("TOGGLE", 0.4, null, true, OnToggle, MUI.colors.green.darken2);
    lay.AddChild(btn);

    app.AddLayout(lay);
}

function OnToggle(val)
{
    app.ShowPopup(val);
}
Copy All