Skip to content
Material Design UI for Corona Labs SDK
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
icon-font
materialui Small fix Mar 2, 2018
1484022678_go-home.png
1484026171_02.png
CHANGELOG.md
Icon-167.png
Icon-60.png
Icon-60@2x.png Initial submission of alpha project. Jun 3, 2016
Icon-60@3x.png
Icon-72.png Initial submission of alpha project. Jun 3, 2016
Icon-72@2x.png
Icon-76.png
Icon-76@2x.png
Icon-Small-40.png
Icon-Small-40@2x.png
Icon-Small-40@3x.png
Icon-Small-50.png
Icon-Small-50@2x.png
Icon-Small.png
Icon-Small@2x.png
Icon-Small@3x.png Initial submission of alpha project. Jun 3, 2016
Icon-hdpi.png Initial submission of alpha project. Jun 3, 2016
Icon-ldpi.png
Icon-mdpi.png
Icon-xhdpi.png
Icon-xxhdpi.png
Icon-xxxhdpi.png
Icon.png
Icon@2x.png
LICENSE
README.md
build.settings
button-sheet-demo@2x.png
cloud-in-blue-sky855.jpg
config.lua
creative-blue-abstract-background-header-4803_0.jpg
fun.lua
main.lua event propagation refactored and _mui_debug variable to turn on conso… Mar 30, 2017
menu.lua
onboard.lua
tile.lua

README.md

Alt text

Material Design UI for Corona Labs SDK

This README is just an overview document. You can find more detailed documentation within the repo in future updates.

What is material-ui?

A loosely based Material UI library for Corona Labs SDK. It is written in Lua using the free edition of the SDK. The library will help build a UI based on Material Design.

  • Requires Corona SDK build 2017.3135 or greater.

  • Supports: iOS 8+, Android 4.x to 7.x+ and other Corona SDK supported platforms.

Installing material-ui from the repo on GitHub

  • Clone the repo or download archive
git clone git://github.com/arcadefx/material-ui.git
  • Copy the required folders into your project:
materialui (folder)
icon-font (folder)
  • Read config.lua to copy to your config.lua the "MUI SET UP" section and also follow the 'content' section for specifying width and height.

Using material-ui

  • If using the GitHub repo, edit your scene file and be sure to include at the top:
local mui = require( "materialui.mui" )
local muiData = require( "materialui.mui-data" )
  • In the scene create function add in the initializer and any user-interface elements
    mui.init()
    mui.newRoundedRectButton({
        name = "newGame",
        text = "New Game",
        width = 150,
        height = 30,
        x = 100,
        y = 100,
        font = native.systemFont,
        fillColor = { 0, 0.82, 1 },
        textColor = { 1, 1, 1 },
        callBack = mui.actionForButton
    })
  • In the scene destroy function add in the destroy method to remove all user-interface elements in the scene.
    mui.destroy()

Building for Device

Due to device keyboard possibly covering up input fields, be sure to include "coronaWindowMovesWhenKeyboardAppears=true" into iOS settings->iphone->plist table and Android settings.

For an example, see build.settings file.

  • For iOS devices, please add to you "plist": UILaunchStoryboardName = "LaunchScreen",
  • For iOS devices, copy the folder "LaunchScreen.storyboardc" to your project ONLY if it doesn't

Try a Demo

Using Corona Simulator open up the "main.lua" file in the folder.

Sample Screenshot

Alt text

Available Methods and Documentation

  • See Documentation. View Documentation for more information on methods, examples and properties.

Contributing

  • Feel free to contribute code, testing and feedback.
  • Once we get additional authors they will be included in the repo and get recognition for their efforts.
  • Please follow the licensing terms for any software included.
  • See materialui/mui-example.lua for creating additional modules or review any mui-[name].lua module to see the format.

Contributors (by code, testing, helping, etc):

willcastillo
bluetardis
StevenWarren
bodily11
taigak
lmy46

Change Log

  • Please see "CHANGELOG.md" in this repo for information on latest changes.

To-Do

  • Expand the library (new widgets: card, clock, calendar, etc)
  • Develop a layout engine
  • Develop a palette engine

Summary

There are also many other files not described here, please review the .lua files for additional information. :-)

Enjoy!

You can’t perform that action at this time.