Giter Club home page Giter Club logo

cardcomponents's Introduction

Card Components

Render card components for iOS with shadows and rounded corners.

CardView

Render rounded corners and shadows with a single UIView.

CompositeCardView

Also need to clip content inside a card?

Use a composite card view to render unclipped shadows in a container card view, and render rounded corners in a content view that clips inner content.

PartialCardView

Only need to render the top, bottom, or side edges of a card?

Use a partial card view with drawing modes to render top, center, bottom, or all effects.

PartialCardImage

Similar to PartialCardView, instead of rendering effects dynamically with CALayer, the effects can be rendered into a static, resizable UIImage. This can speed up rendering, and affords the flexibility of rendering cards into a UIImageView.

CardTableViewController

Render grouped UITableView sections using PartialCardImage under the hood to draw cell background views.

cardcomponents's People

Contributors

programmarchy avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

cenllv gemicn

cardcomponents's Issues

You save my life

Without any third party, you create this repo which is awesome for us also to learn the concept.

Thanks a lot! Love u.

Composite cards

Use composite views to have both rounded corners and shadows that can clip inner content.

composite_cards

composite_cards_exploded

Partial cards

Create partial cards that can draw effects only on the top, only on the sides, or only on the bottom.

partial_cards

Cards

Create basic cards

cards

subView of UITableVIew can not register custom cell identifier.

Dear author,

I facing a issue that my CustomViewController: CardTableViewController { ... }
with a subView call "let customTableView = UITableView()".

When I register custom cell ID in CustomViewController viewDidLoad:

customTableView.register(CustomTableViewCell.self, forCellReuseIdentifier: "Cell")

which will crash because error show can not find cell ID.

If I coding like this in viewDidLoad it will not crash, but the UI will not work as I expect (it should all relate to the subView) :

tableView.register(CustomTableViewCell.self, forCellReuseIdentifier: "Cell")

May I asking for a help? Thanks.

Card images

Render card effects to a UIImage for faster performance.

card_images

Card table border animation issue

I have used card table view to group cells of section. That works fine but I want to expand collapse the section cells but works little bit weird. Shows top bottom border of every sections blinking. Border goes out and come again which looks so weird. Can you please help me to resolve this issue?

Please have a look at the video and code attached below....

Code and video.zip

Card tables

Render cards as grouped UITableView sections by setting cell background views to card images.

card_table

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.