Skip to content

M
Material
Commit 321dc6f2 by Daniel Dahan
Options

development: updated README for 2.2 release

parent 8c653e91
Showing with 53 additions and 23 deletions
Examples/Programmatic/SearchBarController/SearchBarController/AppSearchBarController.swift
...@@ -55,7 +55,7 @@ class AppSearchBarController: SearchBarController { ...@@ -55,7 +55,7 @@ class AppSearchBarController: SearchBarController {
statusBarStyle = .lightContent statusBarStyle = .lightContent
// Access the statusBar. // Access the statusBar.
// statusBar.backgroundColor = Color.green.base // statusBar.backgroundColor = Color.grey.base
} }
private func prepareSearchBar() { private func prepareSearchBar() {
......
README.md
...@@ -38,7 +38,6 @@ The first version of Material was to bring Material Design to iOS. We considered ...@@ -38,7 +38,6 @@ The first version of Material was to bring Material Design to iOS. We considered
- [x] Toasts - [x] Toasts
- [x] Dialogs & Alerts - [x] Dialogs & Alerts
- [x] Bottom Sheets - [x] Bottom Sheets
- [x] Beginner To Pro Lessons
- [x] Additional Examples - [x] Additional Examples
- [x] And More... - [x] And More...
...@@ -66,15 +65,13 @@ Visit the [Installation](https://github.com/CosmicMind/Material/wiki/Installatio ...@@ -66,15 +65,13 @@ Visit the [Installation](https://github.com/CosmicMind/Material/wiki/Installatio
Material is a growing project and will encounter changes throughout its development. It is recommended that the [Changelog](https://github.com/CosmicMind/Material/wiki/Changelog) be reviewed prior to updating versions. Material is a growing project and will encounter changes throughout its development. It is recommended that the [Changelog](https://github.com/CosmicMind/Material/wiki/Changelog) be reviewed prior to updating versions.
## Examples # Examples
The following are some examples to see how Material may be used within your applications.
* Visit the [Examples](https://github.com/CosmicMind/Material/tree/master/Examples) directory to see example projects using Material. * Visit the [Examples](https://github.com/CosmicMind/Material/tree/master/Examples) directory to see example projects using Material.
* The [Installation](https://github.com/CosmicMind/Material/wiki/Installation) page has documentation on how to run example projects. * The [Installation](https://github.com/CosmicMind/Material/wiki/Installation) page has documentation on how to run example projects.
# Sample Components
The following are some sample components available within Material:
## Icons ## Icons
Icons is a library of Google and CosmicMind icons that are available for use within your iOS applications. Icons is a library of Google and CosmicMind icons that are available for use within your iOS applications.
...@@ -97,7 +94,9 @@ A TextField is an excellent way to improve UX. It allows for a placeholder and a ...@@ -97,7 +94,9 @@ A TextField is an excellent way to improve UX. It allows for a placeholder and a
![TextField](http://www.cosmicmind.io/gifs/TextField.gif) ![TextField](http://www.cosmicmind.io/gifs/TextField.gif)
[Learn More](http://cosmicmind.io/material/textfield) * Download the complete [TextField example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/TextField).
* Learn more about [TextField](http://cosmicmind.io/material/textfield).
## Button ## Button
...@@ -105,7 +104,9 @@ A button is used to trigger an action through a touch event. Material comes with ...@@ -105,7 +104,9 @@ A button is used to trigger an action through a touch event. Material comes with
![Material Image](http://www.cosmicmind.io/material/white/button.gif) ![Material Image](http://www.cosmicmind.io/material/white/button.gif)
[Learn More](http://cosmicmind.io/material/button) * Download the complete [Button example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/Button).
* Learn more about [TextField](http://cosmicmind.io/material/button).
## Switch ## Switch
...@@ -113,7 +114,9 @@ A switch is a control component that toggles between on and off states. ...@@ -113,7 +114,9 @@ A switch is a control component that toggles between on and off states.
![Material Image](http://www.cosmicmind.io/material/white/switch.gif) ![Material Image](http://www.cosmicmind.io/material/white/switch.gif)
[Learn More](http://cosmicmind.io/material/switch) * Download the complete [Switch example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/Switch).
* Learn more about [Switch](http://cosmicmind.io/material/switch).
## Card ## Card
...@@ -121,7 +124,9 @@ A Card is a flexible component that may be configured in any way you like. It ha ...@@ -121,7 +124,9 @@ A Card is a flexible component that may be configured in any way you like. It ha
![Material Image](http://www.cosmicmind.io/material/white/card.gif) ![Material Image](http://www.cosmicmind.io/material/white/card.gif)
[Learn More](http://cosmicmind.io/material/card) * Download the complete [Card example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/Card).
* Learn more about [Card](http://cosmicmind.io/material/card).
## ImageCard ## ImageCard
...@@ -129,7 +134,10 @@ An ImageCard is an expansion of the base Card. The Toolbar overlays an image are ...@@ -129,7 +134,10 @@ An ImageCard is an expansion of the base Card. The Toolbar overlays an image are
![Material Image](http://www.cosmicmind.io/material/white/image-card.gif) ![Material Image](http://www.cosmicmind.io/material/white/image-card.gif)
[Learn More](http://cosmicmind.io/material/imagecard) * Download the complete [ImageCard example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/ImageCard).
* Learn more about [ImageCard](http://cosmicmind.io/material/imagecard).
* Learn how to make the ImageCard data-driven with [Graph's ImageCard example](https://github.com/CosmicMind/Graph/tree/master/Examples/ImageCard).
## PresenterCard ## PresenterCard
...@@ -137,7 +145,9 @@ The PresenterCard is a completely new card style. It allows for a primary presen ...@@ -137,7 +145,9 @@ The PresenterCard is a completely new card style. It allows for a primary presen
![Material Image](http://www.cosmicmind.io/material/white/presenter-card.gif) ![Material Image](http://www.cosmicmind.io/material/white/presenter-card.gif)
[Learn More](http://cosmicmind.io/material/presentercard) * Download the complete [PresenterCard example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/PresenterCard).
* Learn more about [PresenterCard](http://cosmicmind.io/material/presentercard).
## Menu ## Menu
...@@ -145,7 +155,9 @@ A Menu manages a collection of views. A new MenuItem type has been added that ma ...@@ -145,7 +155,9 @@ A Menu manages a collection of views. A new MenuItem type has been added that ma
![Material Image](http://www.cosmicmind.io/material/white/menu-controller.gif) ![Material Image](http://www.cosmicmind.io/material/white/menu-controller.gif)
[Learn More](http://cosmicmind.io/material/menu) * Download the complete [Menu example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/MenuController).
* Learn more about [Menu](http://cosmicmind.io/material/menu).
## Toolbar ## Toolbar
...@@ -153,15 +165,20 @@ Toolbars are super flexible and add excellent control to your navigation flow. T ...@@ -153,15 +165,20 @@ Toolbars are super flexible and add excellent control to your navigation flow. T
![Material Image](http://www.cosmicmind.io/gifs/Toolbar.gif) ![Material Image](http://www.cosmicmind.io/gifs/Toolbar.gif)
[Learn More](http://cosmicmind.io/material/toolbar) * Download the complete [Toolbar example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/ToolbarController).
* Learn more about [Toolbar](http://cosmicmind.io/material/toolbar).
## SearchBar ## SearchBar
A SearchBar is a powerful navigation tool that allows for user's input with an instant visual response. A set of left and right views may be added to expand functionality. A SearchBar is a powerful navigation tool that allows for user's input with an instant visual response. A set of left and right views may be added to expand functionality.
![Material Image](http://www.cosmicmind.io/gifs/SearchBar.gif) ![Material Image](http://www.cosmicmind.io/gifs/shared/search-bar-controller.gif)
* Download the complete [SearchBar example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/SearchBarController).
* Learn more about [SearchBar](http://cosmicmind.io/material/searchbar).
* Learn how to make the SearchBar data-driven with [Graph's Search example](https://github.com/CosmicMind/Graph/tree/master/Examples/Search).
[Learn More](http://cosmicmind.io/material/searchbar)
## PageTabBar ## PageTabBar
...@@ -169,7 +186,9 @@ A PageTabBar is a new component that links a customizable TabBar to a UIPageView ...@@ -169,7 +186,9 @@ A PageTabBar is a new component that links a customizable TabBar to a UIPageView
![Material Image](http://www.cosmicmind.io/material/white/page-tab-bar-controller.gif) ![Material Image](http://www.cosmicmind.io/material/white/page-tab-bar-controller.gif)
[Learn More](http://cosmicmind.io/material/pagetabbar) * Download the complete [PageTabBar example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/PageTabBarController).
* Learn more about [PageTabBar](http://cosmicmind.io/material/pagetabbar).
## NavigationController ## NavigationController
...@@ -177,7 +196,9 @@ A NavigationController is a specialized view controller that manages a hierarchy ...@@ -177,7 +196,9 @@ A NavigationController is a specialized view controller that manages a hierarchy
![Material Image](http://www.cosmicmind.io/material/white/navigation-controller.gif) ![Material Image](http://www.cosmicmind.io/material/white/navigation-controller.gif)
[Learn More](http://cosmicmind.io/material/navigationcontroller) * Download the complete [NavigationController example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/NavigationController).
* Learn more about [NavigationController](http://cosmicmind.io/material/navigationcontroller).
## NavigationDrawer ## NavigationDrawer
...@@ -185,7 +206,9 @@ A NavigationDrawer slides in from the left or right and contains the navigation ...@@ -185,7 +206,9 @@ A NavigationDrawer slides in from the left or right and contains the navigation
![Material Image](http://www.cosmicmind.io/material/shared/navigation-drawer-controller.gif) ![Material Image](http://www.cosmicmind.io/material/shared/navigation-drawer-controller.gif)
[Learn More](http://cosmicmind.io/material/navigationdrawer) * Download the complete [NavigationDrawer example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/NavigationDrawerController).
* Learn more about [NavigationDrawer](http://cosmicmind.io/material/navigationdrawer).
## Snackbar ## Snackbar
...@@ -193,7 +216,9 @@ A Snackbar is a new component that is very simple in its behavior and very power ...@@ -193,7 +216,9 @@ A Snackbar is a new component that is very simple in its behavior and very power
![Material Image](http://www.cosmicmind.io/material/white/snackbar-controller.gif) ![Material Image](http://www.cosmicmind.io/material/white/snackbar-controller.gif)
[Learn More](http://cosmicmind.io/material/snackbar) * Download the complete [Snackbar example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/SnackbarController).
* Learn more about [Snackbar](http://cosmicmind.io/material/snackbar).
## PhotoLibrary ## PhotoLibrary
...@@ -201,7 +226,9 @@ PhotoLibrary is a new component that simplifies the Photos framework and allows ...@@ -201,7 +226,9 @@ PhotoLibrary is a new component that simplifies the Photos framework and allows
![Material Image](http://www.cosmicmind.io/material/shared/photolibrary-controller.png) ![Material Image](http://www.cosmicmind.io/material/shared/photolibrary-controller.png)
[Learn More](http://cosmicmind.io/material/photolibrary) * Download the complete [PhotoLibrary example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/PhotoLibraryController).
* Learn more about [PhotoLibrary](http://cosmicmind.io/material/photolibrary).
## Capture ## Capture
...@@ -209,7 +236,9 @@ Capture is an API that simplifies iOS' AVFoundation framework. It allows for pho ...@@ -209,7 +236,9 @@ Capture is an API that simplifies iOS' AVFoundation framework. It allows for pho
![Material Image](http://www.cosmicmind.io/material/shared/capture-controller.png) ![Material Image](http://www.cosmicmind.io/material/shared/capture-controller.png)
[Learn More](http://cosmicmind.io/material/capture) * Download the complete [Capture example](https://github.com/CosmicMind/Material/tree/master/Examples/Programmatic/CaptureController).
* Learn more about [Capture](http://cosmicmind.io/material/capture).
## Sticker Sheet ## Sticker Sheet
...@@ -219,6 +248,7 @@ To help template your project, checkout Material Sticker Sheet. ...@@ -219,6 +248,7 @@ To help template your project, checkout Material Sticker Sheet.
[Get Material Sticker Sheet](http://www.materialup.com/posts/material-design-sticker-sheets) [Get Material Sticker Sheet](http://www.materialup.com/posts/material-design-sticker-sheets)
## Much More... ## Much More...
So much more inside. Enjoy! So much more inside. Enjoy!
......
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