Commit 2e8c9bf6 by Daniel Dahan

updated README

parent 38ba6de9
......@@ -73,208 +73,57 @@ Try the Material Colors app to see the wonderful colors available in Material, o
Take a look at some components in Material.
<a name="materialicon"></a>
#### Material Icons
MaterialIcon is a library of Google and CosmicMind icons that are available for use within your iOS applications. To help with icon choices, visit [MaterialIcon.io](http://www.materialicon.io).
![MaterialIcon](http://www.cosmicmind.io/MK/MaterialMaterialIcon.png)
<a name="textfield"></a>
#### TextField
A TextField is an excellent way to improve UX. TextFields offer details
that describe the usage and input results of text. For example, when a
user enters an incorrect email, it is possible to display an error message
under the TextField.
A TextField is an excellent way to improve UX.
![MaterialTextField](http://www.cosmicmind.io/MK/MaterialTextField.gif)
![TextField](http://www.cosmicmind.io/gifs/TextField.gif)
<a name="textview"></a>
#### TextView
#### Buttons
A TextView is an excellent way to improve UX. TextViews offer details that describe the usage of text. In addition, TextViews may easily match any regular expression pattern in a body of text. Below is an example of the default hashtag pattern matching.
Some example buttons - FlatButton, RaisedButton, FabButton, and IconButton.
![MaterialTextView](http://www.cosmicmind.io/MK/MaterialTextView.gif)
![Buttons](http://www.cosmicmind.io/gifs/Buttons.gif)
<a name="flatbutton"></a>
#### FlatButton
A FlatButton is simple, clean, and very effective. Below is an example of a FlatButton in action.
![MaterialFlatButton](http://www.cosmicmind.io/MK/MaterialFlatButton.gif)
<a name="raisedbutton"></a>
#### RaisedButton
A RaisedButton is sure to get attention. Take a look at the following animation example.
![MaterialRaisedButton](http://www.cosmicmind.io/MK/MaterialRaisedButton.gif)
<a name="fabbutton"></a>
#### FabButton
A FabButton is essential to Material Design's overall look. Below showcases its beauty.
![MaterialFabButton](http://www.cosmicmind.io/MK/MaterialFabButton.gif)
<a name="materialswitch"></a>
#### MaterialSwitch
MaterialSwitch is a fully customizable UIControl. It has auto centre alignment when using AutoLayout, and makes for a great addition to the UIControl family of components.
![MaterialMaterialSwitch](http://www.cosmicmind.io/MK/MaterialMaterialSwitch.gif)
<a name="menu"></a>
#### Menu
A Menu manages a group of UIViews that may be animated open in the Up, Down, Left, and Right directions. The animations are fully customizable.
Below is an example using FlatButtons.
![MaterialFlatMenu](http://www.cosmicmind.io/MK/MaterialFlatMenu.gif)
#### MenuView
Below is an example using FlatButtons with images.
A MenuView manages a group of UIViews that may be animated with default and custom configurations.
![MaterialFlashMenu](http://www.cosmicmind.io/MK/MaterialFlashMenu.gif)
![MenuView](http://www.cosmicmind.io/gifs/MenuView.gif)
<a name="grid"></a>
#### Grid
Grid is an extension of UIView that enables any collection of subviews to be managed in a flexible grid system, independent of other views that would need to be freely moving. Below are examples of using Grid. In the Examples/Programmatic directory, there are examples using this wonderful feature.
Below is an example of a small CardView using Grid.
![MaterialSmallCardView](http://www.cosmicmind.io/MK/MaterialGridSmallCardView.gif)
Below is an example of a medium CardView using Grid.
![MaterialGridMediumCardView](http://www.cosmicmind.io/MK/MaterialGridMediumCardView.gif)
Below is an example of a large CardView using Grid.
![MaterialGridLargeCardView](http://www.cosmicmind.io/MK/MaterialGridLargeCardView.gif)
<a name="materialtableviewcell"></a>
#### MaterialTableViewCell
UITableViewCell is a popular and widely used view in iOS. Now the pulse animation and core Material features have been made available for the UITableViewCell.
![MaterialMaterialTableViewCell](http://www.cosmicmind.io/MK/MaterialMaterialTableViewCell.gif)
<a name="cardview"></a>
#### CardView
Right out of the box to a fully customizable configuration, CardView always stands out. Take a look at a few examples in action.
![MaterialCardView](http://www.cosmicmind.io/MK/MaterialCardView.gif)
Easily remove the pulse animation and add a background image for an entirely new feel.
![MaterialCardViewFavorite](http://www.cosmicmind.io/MK/MaterialCardViewFavorite.gif)
Grid is an extension of UIView that enables any collection of subviews to be managed in a flexible grid system.
Add any UIView as the detail to a CardView. For example, a UITableView.
![Grid](http://www.cosmicmind.io/gifs/Grid.gif)
![MaterialTableCardView](http://www.cosmicmind.io/MK/MaterialTableCardView.gif)
#### CardViews
CardViews are so flexible they create entirely new components by removing all but certain elements. For example, bellow is a button bar by only setting the button values of the CardView.
CardViews are flexible components that may be configured in any way you like.
![MaterialCardViewButtonBar](http://www.cosmicmind.io/MK/MaterialCardViewButtonBar.gif)
![CardView](http://www.cosmicmind.io/gifs/CardView.gif)
<a name="imagecardview"></a>
#### ImageCardView
![ImageCardView](http://www.cosmicmind.io/gifs/ImageCardView.gif)
Bold and attractive, ImageCardView is the next step from a CardView. Below are some animations to give you an idea of the possibilities the ImageCardView has to offer.
![TableCardView](http://www.cosmicmind.io/gifs/TableCardView.gif)
![MaterialImageCardView](http://www.cosmicmind.io/MK/MaterialImageCardView.gif)
Remove elements, such as details to create a fresh look for your images.
![MaterialImageCardViewBackgroundImage](http://www.cosmicmind.io/MK/MaterialImageCardViewBackgroundImage.gif)
#### Navigation Controls
Navigation controls create smooth transitions between UIViewControllers. They may be used individually or stacked. Transitions are customizable and dimensions are flexible with auto management for both Portrait and Landscape modes.
<a name="menu"></a>
#### MenuView
A MenuView is a UIView wrapper around a Menu control. It allows a stack of UIViews to be coordinated by a single view. This is good for Menus that are within flexible view hierarchies.
Below is an example using FabButtons.
![MaterialFabMenu](http://www.cosmicmind.io/MK/MaterialFabMenu.gif)
<a href="#menuviewcontroller"></a>
#### MenuViewController
A MenuViewController manages UIViewControllers using a MenuView component.
![MaterialMenuViewController](http://www.cosmicmind.io/MK/MaterialMenuViewController.gif)
<a name="toolbar"></a>
#### Toolbar
A Toolbar is a fully featured navigation bar that supports orientation changes, background images, title and detail labels, both left and right UIControl sets, and status bar settings.
![MaterialToolbar](http://www.cosmicmind.io/MK/MaterialToolbar.gif)
<a href="#toolbarcontroller"></a>
#### ToolbarController
A ToolbarController manages UIViewControllers using a NavigationBar component.
![MaterialToolbarController](http://www.cosmicmind.io/MK/MaterialToolbarController.gif)
<a name="searchbar"></a>
#### SearchBar
A SearchBar is a fully featured search bar that supports orientation changes, background images, title and detail labels, both left and right UIControl sets, and status bar settings.
![MaterialSearchBar](http://www.cosmicmind.io/MK/MaterialSearchBar.gif)
<a href="#searchbarcontroller"></a>
#### SearchBarController
A SearchBarController manages UIViewControllers using a SearchBar component.
![MaterialSearchBarController](http://www.cosmicmind.io/MK/MaterialSearchBarController.gif)
<a href="#sidenavigationcontroller"></a>
#### SideNavigationController
A SideNavigationController manages UIViewControllers that are available as hidden drawers on the left and right of the view port.
![MaterialSideNavigationController](http://www.cosmicmind.io/MK/MaterialSideNavigationController.gif)
<a name="captureview"></a>
#### CaptureView
Add a new dimension of interactivity with CaptureView. CaptureView is a fully functional camera that is completely customizable.
![MaterialCaptureView](http://www.cosmicmind.io/MK/MaterialCaptureView.jpg)
<a name="filterblur"></a>
#### Filters
Toolbars are super flexible and add excellent control to your navigation flow.
Material will be expanding its library to add image filters. The initial filter is blur.
![Toolbar](http://www.cosmicmind.io/gifs/Toolbar.gif)
![MaterialFilterBlur](http://www.cosmicmind.io/MK/MaterialFilterBlur.png)
### SearchBar
## Upcoming
SearchBars are sleek and powerful. Customize a SearchBar in anyway you like.
* TabBar
* TabBarController
* Scrolling Techniques
* Snackbar
* BottomNavigationController with Snackbar.
* Bottom Sheets
* Dialogs
* Collapsing Toolbar
* Pull to Refresh
* RTL Support
* Advanced Camera / Audio Toolset & Views
* More Examples
![SearchBar](http://www.cosmicmind.io/gifs/SearchBar.gif)
## License
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment