GithubHelp home page GithubHelp logo

albertolarah / material-1 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cosmicmind/material

0.0 3.0 0.0 8.2 MB

A beautiful graphics framework for Material Design in Swift.

Home Page: http://cosmicmind.io

License: BSD 3-Clause "New" or "Revised" License

Ruby 0.15% Swift 99.26% Objective-C 0.59%

material-1's Introduction

Material

Welcome to Material

Material is a graphics and animation framework for Google's Material Design. It is designed to allow the creativity of others to easily be expressed.

Features

  • Fully Configurable UI Components
  • Base Material Layers & Material Views To Create New UI Components
  • Side Navigation View Controller
  • Navigation Bar View
  • Material Buttons
  • Material Card Views
  • Camera / Video Extension With Extensive Functionality
  • Layout Library To Simplify AutoLayout
  • Animation Extension To Create Intricate Animations
  • Complete Material Color Library
  • Example Projects

Requirements

  • iOS 8.0+
  • Xcode 7.2+

Communication

  • If you need help, use Stack Overflow. (Tag 'cosmicmind')
  • If you'd like to ask a general question, use Stack Overflow.
  • If you found a bug, and can provide steps to reliably reproduce it, open an issue.
  • If you have a feature request, open an issue.
  • If you want to contribute, submit a pull request.

Installation

Embedded frameworks require a minimum deployment target of iOS 8.

Visit the Installation page to learn how to install Material using CocoaPods and Carthage.

Changelog

Material is a growing project and will encounter changes throughout its development. It is recommended that the Changelog be reviewed prior to updating versions.

Examples

  • Visit the Examples directory to see example projects using Material.

A Tour

Upcoming

  • SearchBarView
  • SearchBarViewController
  • TabView
  • TabViewController
  • Scrolling Techniques
  • Dialogs
  • Snackbar
  • ProgressBar (circular and horizontal)
  • DatePicker
  • TimePicker
  • Switch Control
  • More Examples

MaterialColor

MaterialColor is a complete Material Design color library. It uses base color values that expand to a range of lighter and darker shades, with the addition of accents.

MaterialMaterialColorPalette

Learn More About MaterialColor

MaterialLayer

MaterialLayer is a lightweight CAShapeLayer used throughout Material. It is designed to easily take shape, depth, and animations.

MaterialMaterialLayer

Learn More About MaterialLayer

MaterialView

MaterialView is the base UIView class used throughout Material. Like MaterialLayer, it is designed to easily take shape, depth, and animations. The major difference is that MaterialView has all the added features of the UIView class.

MaterialMaterialView

Learn More About MaterialView

MaterialPulseView

MaterialPulseView is at the heart of all pulse animations. Any view that subclasses MaterialPulseView instantly inherits the pulse animation with full customizability.

MaterialMaterialPulseView

Learn More About MaterialPulseView

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.

MaterialTextField

Learn More About TextField

TextView

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.

MaterialTextView

Learn More About TextView

FlatButton

A FlatButton is simple, clean, and very effective. Below is an example of a FlatButton in action.

MaterialFlatButton

Learn More About FlatButton

RaisedButton

A RaisedButton is sure to get attention. Take a look at the following animation example.

MaterialRaisedButton

Learn More About RaisedButton

FabButton

A FabButton is essential to Material Design's overall look. Below showcases its beauty.

MaterialFabButton

Menu

A Menu manages a group of UIButtons that may be animated open in the Up, Down, Left, and Right directions. The animations are fully customizable. The Examples/Programmatic directory has a sample project using the Menu.

Below is an example using FabButtons.

MaterialFabButton

Below is an example using FlatButtons.

MaterialFabButton

Below is an example using FlatButtons with images.

MaterialFabButton

Learn More About Menu

NavigationBarView

A NavigationBarView is a fully featured navigation bar that supports orientation changes, background images, title and detail labels, both left and right button sets, and status bar settings.

MaterialNavigationBarView

Learn More About NavigationBarView

SideNavigationViewController

The SideNavigationViewController is an app wide navigation pattern. It generally provides overall app navigation with other useful items. Use the Left position for global app navigation, and the Right position for view navigation.

MaterialSideNavigationViewController

Learn More About SideNavigationViewController

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

Learn More About CardView

Easily remove the pulse animation and add a background image for an entirely new feel.

MaterialCardViewFavorite

Adjust the alignment of the UI elements to create different configurations of the CardView.

MaterialCardViewDataDriven

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.

MaterialCardViewButtonBar

ImageCardView

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.

MaterialImageCardView

Learn More About ImageCardView

Remove elements, such as details to create a fresh look for your images.

MaterialImageCardViewBackgroundImage

CaptureView

Add a new dimension of interactivity with CaptureView. CaptureView is a fully functional camera that is completely customizable.

MaterialCaptureView

Learn More About CaptureView

License

Copyright (C) 2015 - 2016, Daniel Dahan and CosmicMind, Inc. http://cosmicmind.io. All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

  • Redistributions of source code must retain the above copyright notice, this
    list of conditions and the following disclaimer.

  • Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.

  • Neither the name of Material nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

material-1's People

Contributors

adam88labs avatar danieldahan avatar adamdahan avatar ninjaishere avatar

Watchers

James Cloos avatar Alberto Lara Hernández avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.