CapsuleView
An easy to use drop-in view to create a beautiful card style effect with a title placeholder and body content. Download from GitHub.
- Supports IBDesignable
- Full controls available in storyboard
- Can be used programatically
Features
- Set capsule background
- Set Place holder and content text
- Set Place holder and content text allignment
- Set Place holder and content text size
- Set Shadow and corner radius
- A handy cross button with toggle option
How to install
- Drag and drop the two files CapsuleView Files namely, CapsuleView.swift & CapsuleView.xib into your project.
How to use (Storyboard)
- Open storyboard, select the view you want to customize and change it's custom class to CapsuleView as shown:
- Make changes to the view in storyboard
Open your viewcontroller, create an outlet to the selected view and call the setupView() method as shown:
Result
How to use (Programatically)
- Just use the helper init method to set the view and make the customization.
- Add the capsule view to your view as shown below:
//MARK: Use for adding view dynamically
//set the frame for capsule view
let capsuleViewFrame = CGRect(x: 50, y: 200, width: 300, height: 300)
//Custom init method
let capsuleView = CapsuleView(placeholderText: "Address", contentText: "31st street,\nPark Avenue,\n 46/6,\n New York,\n USA", cardColor: UIColor(red: 0.075, green: 0.561, blue: 0.325, alpha: 1.00), textColor: UIColor.white, shadowColor: UIColor.darkGray, shadowOpacity: 9, shadowRadius: 9, cardRadius: 9, shadowOffset: CGSize(width: 0, height: 0), textAllignment: 1, showCross: false, viewFrame: capsuleViewFrame,placeHolderSize:4,titleSize: 3)
//Add to your view
self.view.addSubview(capsuleView)
self.view.bringSubview(toFront: capsuleView)
Result
