Implementing UI based on iOS 7+ / Google Material (?)

paul.cardwell · August 11, 2016, 11:43pm

Changes in release and a screen shot of “Open Dialog” which uses sprite sheet for on/off states.

Image buttons. These can be specified using a single image or two images (sprite sheet) for on/off states. See menu.lua and look for “Open Dialog” for an example. See project wiki too https://github.com/arcadefx/material-ui/wiki/Buttons for more information. The sprite sheets are those from Corona SDK and uses display.newImage() with the sheet and index of image to use.

Also working on newer button animation and starting on themes. The below uses newNavBar(), newRoundedRectButton() and attachToNavBar(). “attachToNavBar()” can attach buttons and other mui widgets to the navigation bars.

Download the above example: http://www.anedix.com/fileshare/buttons-example.zip

View example video here: https://youtu.be/ZgdS6kIFnss

paul.cardwell · April 15, 2016, 8:24pm

Material design video 4 for Corona SDK. This addresses resolution sizing, fixes toolbar alignment and adds a tableView scrollview. A regular scrollView will be added next.

Play the video: https://youtu.be/lIHK3H9QFv8

paul.cardwell · August 15, 2016, 7:16pm

Changes in release:

Added support for display.newImage() and display.newImageRect() via wrappers. See mui-image.lua for options. For an example usage see http://www.anedix.com/fileshare/login-form.zip and below is a screen shot of it.
Added “value” to both newTextField and newTextBox properties. This allows pulling the information later in another method. Example: local email = mui.getWidgetProperty(“textfield_email”, “value”)
Added “value” to all user input fields, buttons, toolbars, slide panels, tile panels, etc. Use getWidgetProperty() to get the value for the widget name.
Fixed a bug in newRoundedRect() where it left a white outline on buttons that did not use a shadow gradient.
Other fixes.

paul.cardwell · August 17, 2016, 3:07am

Added

Shadow support to newRectButton(), newRoundedRectButton() and newCircleButton. Can specify to use shadow, set size of shadow and opacity of shadow.
“shadow” property to the above widget types and use mui.getWidgetProperty(“widget_name”, “shadow”) to get the shadow.

paul.cardwell · April 21, 2016, 9:08pm

If I get time I will create another video, but for now I did implement rounded rectangle buttons with a nice shadow. It gives the buttons a nice slight shadow gradually fading up. I am working on switches, circle wipes (like a scene switch) and animated controls.

paul.cardwell · August 19, 2016, 7:40pm

Changes in release:

Added new Documentation website for the library documentation. I borrowed ideas from the Corona SDK documentation flow. It’s mobile compatible.
Bug fixes.

paul.cardwell · August 22, 2016, 8:50pm

Changes in release:

Added new method newProgressCircle(). Creates an animated progress circle. Updated API docs for it.

paul.cardwell · August 27, 2016, 9:20pm

Coming soon progress arc method based on time and percentage. Special thanks to horacebury for mathlib.

Example video:

https://youtu.be/ISoU91exIpM

paul.cardwell · August 30, 2016, 12:13pm

Changes in release:

Added newProgressArc() method to draw a time based progress arc. It uses a background and foreground color combination. The progress indicator text in percent can be hidden.
Bug fixes.
Special thanks and credit to horacebury for mathlib.
Will update this thread with example source.

xdookie · May 30, 2016, 9:04pm

Very good Paul!

This version free?

paul.cardwell · May 31, 2016, 7:09pm

For those following, this is based on Corona SDK free edition. I am working on getting a GitHub repository for the project. This way others can help out and provide feedback.

-Stay tuned!

sargntpi · June 2, 2016, 5:25am

Awesome! Please let us know when it’s up on GitHub, looking forward to seeing it.

paul.cardwell · June 2, 2016, 7:48pm

This is about ready for the ‘first’ alpha release. ;). It works fine. Anyone dealt with licensing? I am thinking MIT license and would like others to contribute back, but before I upload code any thoughts on choosing a license?

sargntpi · June 2, 2016, 10:52pm

Don’t know much about licencing, but that sounds good.

sargntpi · June 3, 2016, 6:58am

Not sure if it’s just me, but I couldn’t seem to find the materialui.lua on GitHub, only the licence and readme files.

paul.cardwell · June 3, 2016, 12:44pm

Here is the initial repo for the project. This is alpha and will be continually developed.

https://github.com/arcadefx/material-ui

paul.cardwell · June 7, 2016, 3:07pm

Added createTextField() method and plan on making it “work” with a scrollable view. The scrollable view could be collecting form data beyond what the screen area will hold.

Be sure to read the README about “Building for Device” so the keyboard won’t cover up the field being edited.

paul.cardwell · September 23, 2016, 10:01pm

Working on the library. Making cards, yep those wonderful info cards. Going to add more objects to them.

paul.cardwell · June 10, 2016, 12:46pm

Changes for release:

Fixed issue with highlighting the active native text field.
Added support for widget.newScrollView() so native text fields can reside on a scrollable view. Just supply the scroll view in the parameters like: scrollView = <scroll view>. For an example see the fun.lua file.

paul.cardwell · June 17, 2016, 7:58pm

Changes in latest release:

Added createTextBox() method with scrollView support. This will create a text box using native.newTextBox() and has the option to include it on a scrollView.
Added automatic scrollView area adjustment. It will scroll the view area to reveal a native.newTextField() or native.newTextBox() hanging out of the scrollView area. Focus will be set on the field once adjustment is complete. Only vertical adjustment is made.
Fixed scaling issue in simulator and device (omitted config.lua device display spec, but can be used if desired).
Fixed scene switch issue, won’t crash if you hold the button a long time and release.
Updated demo scrollView to be taller.
Improved the code and various fixes.