Help you to create beautiful UI with programmatic auto layout
JCTTool
Make UI Creation Simple.
Are you bored with programmtic auto layout then this package will help you to create beautiful UI with programmatic auto layout.
How to add a size to an UIImageView?
import UIKit
import JCTTool // When Using JCTTool need to import the package
class ViewController: UIViewController {
//MARK:- Property
let profileImage:UIImageView = {
let imgView = UIImageView()
imgView.image = UIImage(named: "profile")
return imgView
}()
//MARK:- LifeCycle
override func viewDidLoad() {
super.viewDidLoad()
view.addSubview(profileImage)
congigUISimpleLayoutFunc()
congigUIJCTToolFunc()
}
//MARK:- Helper
/// Without using JCTTool
func congigUISimpleLayoutFunc(){
profileImage.translatesAutoresizingMaskIntoConstraints = false
profileImage.heightAnchor.constraint(equalToConstant: 200).isActive = true
profileImage.widthAnchor.constraint(equalToConstant: 200).isActive = true
}
/// When we use JCTTool we need to add only 1 line of code
func congigUIJCTToolFunc(){
profileImage.setDimensions(width: 200, height: 200)
}
}
If we want to place the image to the center of the parent view .
profileImage.center(inView: self.view)
If we want to place the image top center of the parent view.
profileImage.centerX(inView: view, topAnchor: view.topAnchor, paddingTop: 40)
if we want to create a Floating Button with Color Code hex
import UIKit
import JCTTool
class ViewController: UIViewController {
//MARK:- Property
let profileImage:UIImageView = {
let imgView = UIImageView()
imgView.image = UIImage(named: "profile")
return imgView
}()
let floatingButton : UIButton = {
let btn = UIButton()
btn.setImage(UIImage(systemName: "plus"), for: [])
btn.layer.cornerRadius = 25
btn.backgroundColor = UIColor.init(hex: "#76448A") // hex Color Code
btn.imageView?.tintColor = .white
return btn
}()
//MARK:- LifeCycle
override func viewDidLoad() {
super.viewDidLoad()
view.addSubview(profileImage)
view.addSubview(floatingButton)
congigUIJCTToolFunc()
}
//MARK:- Selection
//MARK:- Helper
func congigUIJCTToolFunc(){
profileImage.center(inView: view)
profileImage.setDimensions(width: 200, height: 300)
floatingButton.anchor(top: nil, left: nil, bottom: view.safeAreaLayoutGuide.bottomAnchor, right: view.rightAnchor, paddingTop: 0, paddingLeft: 0, paddingBottom: 20, paddingRight: 20, width: 50, height: 50)
}
}