Giter Site home page Giter Site logo

cosmicmind / material Goto Github PK

View Code? Open in Web Editor NEW
12.0K 285.0 1.3K 33.25 MB

A UI/UX framework for creating beautiful applications.

Home Page: http://cosmicmind.com

License: MIT License

Ruby 0.12% Swift 99.64% Objective-C 0.24%
material design material-design animation graphics ios ui ux material-colors navigation-drawer

material's Issues

Image card of varying size

Is it possible for the ImageCardView to change the size of its image view to the width-height ratio of the UIImage being loaded into it?

Question: Card padding

I would like to add more padding around the title and description labels. How would I go about this?

Unable to simultaneously satisfy constraints.

screen shot 2015-09-19 at 9 22 41 am

I have attached image of my storyboard and it is empty i have commented out most of my code to only show the MK Card

When i add this code to the MK Card I get constraint issues
//material Kit Card
card.detailLabel = UILabel()
card.detailLabel?.textAlignment = .Center
card.detailLabel?.font = UIFont(name:"Arial", size: 45)
view.backgroundColor = MaterialTheme.grey.darken1

(when i remove the line of code above this issue is gone, could it be the size of the font?)

2015-09-19 09:26:09.075 RapWordGenerator[42757:9240231] Unable to simultaneously satisfy constraints.
Probably at least one of the constraints in the following list is one you don't want. Try this: (1) look at each constraint and try to figure out which you don't expect; (2) find the code that added the unwanted constraint or constraints and fix it. (Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints)
(
"<NSLayoutConstraint:0x7f8b8c08e980 V:|-(8)-[UILabel:0x7f8b8c08a4f0] (Names: '|':UIView:0x7f8b8c08c1f0 )>",
"<NSLayoutConstraint:0x7f8b8c08ea00 V:[UILabel:0x7f8b8c08a4f0(<=144)]>",
"<NSLayoutConstraint:0x7f8b8c08ea80 V:[UILabel:0x7f8b8c08a4f0]-(8)-| (Names: '|':UIView:0x7f8b8c08c1f0 )>",
"<NSLayoutConstraint:0x7f8b8c08e860 V:|-(0)-[UIView:0x7f8b8c08c1f0] (Names: '|':MaterialKit.BasicCard:0x7f8b8af1ff10 )>",
"<NSLayoutConstraint:0x7f8b8c08e0d0 V:[UIView:0x7f8b8c08c1f0]-(0)-| (Names: '|':MaterialKit.BasicCard:0x7f8b8af1ff10 )>",
"<NSLayoutConstraint:0x7f8b8c098310 V:[MaterialKit.BasicCard:0x7f8b8af1ff10(310)]>"
)

Will attempt to recover by breaking constraint
<NSLayoutConstraint:0x7f8b8c08ea80 V:[UILabel:0x7f8b8c08a4f0]-(8)-| (Names: '|':UIView:0x7f8b8c08c1f0 )>

Make a symbolic breakpoint at UIViewAlertForUnsatisfiableConstraints to catch this in the debugger.
The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in <UIKit/UIView.h> may also be helpful.

Add SideNav

This should work as a container class. The initial implementation will support a left side nav view controller.

Support for tap image closure

Hi all,

I'd like the ability to provide a block that will run when the image in an ImageCardView is tapped:

card.tapImageBlock = {()
in
    // Do something here
}

Any thoughts?

P.S. I want to use this to open a lightbox with that image, if there is a way I can accomplish this now, please let me know.

Old style of image card

Hello! I just got an update approved today with Swift 2 and MK so great work all around :)

Just curious about what happened to the old style of image card? I would like to have that style with the image above, title overlaid, and card content+buttons below.

Thanks!

lldb in MaterialButton

Bug in MaterialButton in this block:

private func prepareBackgroundColorView() {
        backgroundColorView.translatesAutoresizingMaskIntoConstraints = false
        backgroundColorView.layer.masksToBounds = true
        backgroundColorView.clipsToBounds = true
        backgroundColorView.userInteractionEnabled = false
        insertSubview(backgroundColorView, atIndex: 0)
        Layout.expandToParent(self, child: backgroundColorView)
    }

Where the insertSubview line fails with lldb

Turn off Pulse

Is there a way to turn off pulsation so that there is only the appearance that the button is being lifted / raised?

I've tried button.pulseColor = UIColor.clearColor() but that doesn't have the desired effect (there is still a dark pulse)

Multiple line titleLabel

I would like the option to enable multi-line titles. Something like this:

card.titleLabel!.lineBreakMode = NSLineBreakMode.ByWordWrapping
card.titleLabel!.numberOfLines = 0

could allow the title to be multi-line with the card resizing appropriately.

Thank you for the amazing library!

.GIF Support

Hey, it's me again.. Looking to support animated gif's in ImageCardView. Any thoughts?

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.