Add subtitle under the title in navigation bar controller in Xcode

by ⋅ Link

Add subtitle under the title in navigation bar controller in Xcode

original source: https://stackoverflow.com/questions/38626004/add-subtitle-under-the-title-in-navigation-bar-controller-in-xcode

Though there is a solution but it has some known issues

Solution is writing a function like this

func setTitle(title:String, subtitle:String) -> UIView {
    let titleLabel = UILabel(frame: CGRectMake(0, -2, 0, 0))

    titleLabel.backgroundColor = UIColor.clearColor()
    titleLabel.textColor = UIColor.grayColor()
    titleLabel.font = UIFont.boldSystemFontOfSize(17)
    titleLabel.text = title
    titleLabel.sizeToFit()

    let subtitleLabel = UILabel(frame: CGRectMake(0, 18, 0, 0))
    subtitleLabel.backgroundColor = UIColor.clearColor()
    subtitleLabel.textColor = UIColor.blackColor()
    subtitleLabel.font = UIFont.systemFontOfSize(12)
    subtitleLabel.text = subtitle
    subtitleLabel.sizeToFit()

    let titleView = UIView(frame: CGRectMake(0, 0, max(titleLabel.frame.size.width, subtitleLabel.frame.size.width), 30))
    titleView.addSubview(titleLabel)
    titleView.addSubview(subtitleLabel)

    let widthDiff = subtitleLabel.frame.size.width - titleLabel.frame.size.width

    if widthDiff < 0 {
        let newX = widthDiff / 2
        subtitleLabel.frame.origin.x = abs(newX)
    } else {
        let newX = widthDiff / 2
        titleLabel.frame.origin.x = newX
    }

    return titleView
}

Using this function for custom navigation title view in viewDidLoad

self.navigationItem.titleView = setTitle("Title", subtitle: "SubTitle")

Only known issue is that if subtitle becomes very large than the misplacement occurs.

Final Outcome

Source: https://gist.github.com/nazywamsiepawel/0166e8a71d74e96c7898

Add subtitle under the title in navigation bar controller in Xcode

by ⋅ Link

Add subtitle under the title in navigation bar controller in Xcode

original source: https://stackoverflow.com/questions/38626004/add-subtitle-under-the-title-in-navigation-bar-controller-in-xcode

Though there is a solution but it has some known issues

Solution is writing a function like this

func setTitle(title:String, subtitle:String) -> UIView {
    let titleLabel = UILabel(frame: CGRectMake(0, -2, 0, 0))

    titleLabel.backgroundColor = UIColor.clearColor()
    titleLabel.textColor = UIColor.grayColor()
    titleLabel.font = UIFont.boldSystemFontOfSize(17)
    titleLabel.text = title
    titleLabel.sizeToFit()

    let subtitleLabel = UILabel(frame: CGRectMake(0, 18, 0, 0))
    subtitleLabel.backgroundColor = UIColor.clearColor()
    subtitleLabel.textColor = UIColor.blackColor()
    subtitleLabel.font = UIFont.systemFontOfSize(12)
    subtitleLabel.text = subtitle
    subtitleLabel.sizeToFit()

    let titleView = UIView(frame: CGRectMake(0, 0, max(titleLabel.frame.size.width, subtitleLabel.frame.size.width), 30))
    titleView.addSubview(titleLabel)
    titleView.addSubview(subtitleLabel)

    let widthDiff = subtitleLabel.frame.size.width - titleLabel.frame.size.width

    if widthDiff < 0 {
        let newX = widthDiff / 2
        subtitleLabel.frame.origin.x = abs(newX)
    } else {
        let newX = widthDiff / 2
        titleLabel.frame.origin.x = newX
    }

    return titleView
}

Using this function for custom navigation title view in viewDidLoad

self.navigationItem.titleView = setTitle("Title", subtitle: "SubTitle")

Only known issue is that if subtitle becomes very large than the misplacement occurs.

Final Outcome

Source: https://gist.github.com/nazywamsiepawel/0166e8a71d74e96c7898

How to customize navigation bar title font and size in UINavigationBar?

by ⋅ Link

How to customize navigation bar title font and size in UINavigationBar?

original source : 

https://stackoverflow.com/questions/47815476/how-to-customize-navigation-bar-title-font-and-size-in-uinavigationbar

You should use a UILabel with an attributed title as a custom title view for your navigation bar.

let titleLabel = UILabel()

//attributes for the first part of the string  
let firstAttr: [NSAttributedStringKey: Any] = [.font: UIFont.boldSystemFont(ofSize: 16),
                                               .foregroundColor: UIColor.blue]

//attributes for the second part of the string  
let secondAttr: [NSAttributedStringKey: Any] = [.font: UIFont.systemFont(ofSize: 16),
                                                .foregroundColor: UIColor.red]

//initializing the attributed string and appending the two parts together
let attrString = NSMutableAttributedString(string: "Navigation", attributes: firstAttr)
let secondAttrString = NSAttributedString(string: " Bar Title", attributes: secondAttr)
attrString.append(secondAttrString)

//setting the attributed string as an attributed text
titleLabel.attributedText = attrString

//finding the bounds of the attributed text and resizing the label accordingly
let maxSize = CGSize(width: CGFloat.greatestFiniteMagnitude, height: .greatestFiniteMagnitude)
titleLabel.frame.size = attrString.boundingRect(with: maxSize, options: .usesLineFragmentOrigin, context: nil).size

//setting the label as the title view of the navigation bar
navigationItem.titleView = titleLabel

Result:

How to customize navigation bar title font and size in UINavigationBar?

by ⋅ Link

How to customize navigation bar title font and size in UINavigationBar?

original source : 

https://stackoverflow.com/questions/47815476/how-to-customize-navigation-bar-title-font-and-size-in-uinavigationbar

You should use a UILabel with an attributed title as a custom title view for your navigation bar.

let titleLabel = UILabel()

//attributes for the first part of the string  
let firstAttr: [NSAttributedStringKey: Any] = [.font: UIFont.boldSystemFont(ofSize: 16),
                                               .foregroundColor: UIColor.blue]

//attributes for the second part of the string  
let secondAttr: [NSAttributedStringKey: Any] = [.font: UIFont.systemFont(ofSize: 16),
                                                .foregroundColor: UIColor.red]

//initializing the attributed string and appending the two parts together
let attrString = NSMutableAttributedString(string: "Navigation", attributes: firstAttr)
let secondAttrString = NSAttributedString(string: " Bar Title", attributes: secondAttr)
attrString.append(secondAttrString)

//setting the attributed string as an attributed text
titleLabel.attributedText = attrString

//finding the bounds of the attributed text and resizing the label accordingly
let maxSize = CGSize(width: CGFloat.greatestFiniteMagnitude, height: .greatestFiniteMagnitude)
titleLabel.frame.size = attrString.boundingRect(with: maxSize, options: .usesLineFragmentOrigin, context: nil).size

//setting the label as the title view of the navigation bar
navigationItem.titleView = titleLabel

Result:

Swift add show action to button programmatically

by ⋅ Link

Swift add show action to button programmatically

original source : https://stackoverflow.com/questions/35550966/swift-add-show-action-to-button-programmatically

This works in latest Swift

Will you please create button like this

let button = UIButton()
button.frame = CGRect(x: self.view.frame.size.width - 20, y: 20, width: 100, height: 100)
button.backgroundColor = UIColor.gray
button.setTitle("ButtonNameAreHere", for: UIControlState.normal)
button.addTarget(self, action: #selector(buttonAction), for: .touchUpInside)
self.view.addSubview(button)

Custom Action

func buttonAction(sender: UIButton!) {
    print("Button tapped")
}

Swift add show action to button programmatically

by ⋅ Link

Swift add show action to button programmatically

original source : https://stackoverflow.com/questions/35550966/swift-add-show-action-to-button-programmatically

This works in latest Swift

Will you please create button like this

let button = UIButton()
button.frame = CGRect(x: self.view.frame.size.width - 20, y: 20, width: 100, height: 100)
button.backgroundColor = UIColor.gray
button.setTitle("ButtonNameAreHere", for: UIControlState.normal)
button.addTarget(self, action: #selector(buttonAction), for: .touchUpInside)
self.view.addSubview(button)

Custom Action

func buttonAction(sender: UIButton!) {
    print("Button tapped")
}

by ⋅ Video

Tinder Profile Grid – Mixing Code and Interface Builder (Ep 2)

my review point is 10/10

https://youtu.be/XCfVGYJAN0o   make window programmatically. navigation controller, collection view controller ( UICollectionViewFlowLayout )

https://youtu.be/XCfVGYJAN0o?t=4m40s   navigation title, title size, vertical bounce

https://youtu.be/XCfVGYJAN0o?t=6m10s   interface builder로 만든 요소를 코드로 불러와 사용하는 경우

https://youtu.be/XCfVGYJAN0o?t=6m50s   nib obj 만들기

https://youtu.be/XCfVGYJAN0o?t=7m33s   nib 화일을 collection view 에 연결하기 

https://youtu.be/XCfVGYJAN0o?t=8m40s   //MARK:-  사용

https://youtu.be/XCfVGYJAN0o?t=9m6s   

https://youtu.be/XCfVGYJAN0o?t=10m2s   header size 조정하기 ( UICollecitonViewDelegateFlowLayout )

https://youtu.be/XCfVGYJAN0o?t=15m5s   user defined runtime attributes  를 이용하는 방법

https://youtu.be/XCfVGYJAN0o?t=20m44s   round corner를 interface builder를 이용한 방법과 programmatically 조정하는 방법

https://youtu.be/XCfVGYJAN0o?t=22m27s   nib 화일로 만들어진 ui view에 programmatically 다른 요소를 추가하는 방법

(Source: https://www.youtube.com/)