On Jul 18, 2021, at 12:48 PM, Rick Aurbach via groups.io <rlaurb@...> wrote:

I am trying to construct a button using the new iOS15 button API. (Xcode 13ß3, UIKit & Storyboards)

 

The button has a title (aligned .leading) and an image (aligned .trailing). The button has the following layout constraints:

• a fixed leading constraint (to a label that provides prompt text)
• a center-vertically constraint (to that same label)
• a trailing constraint ( >= a margin value)

What I’m trying to accomplish is that the button should adjust its width based on the title content, not wrapping until the width causes the trailing constraint to be violated.

 

What actually happens is the the button’s text wraps. It acts as if it prefers wrapping to changing its size.

 

There are mentions in the documentation about disabling text wrapping for the button, but the obvious things, such as

button.titleLabel?.lineBreakMode = .byTruncatingMiddle

don’t work.

 

Has anyone whose tried working with iOS 15 buttons have any suggestions?

On Jul 19, 2021, at 10:06 AM, Rick Aurbach via groups.io <rlaurb@...> wrote:

Good thought. I'll give it a try.

Re: your "do you have to use the API" remark, the simple answer is that if your deployment target is iOS 15, you ARE using the API, whether you like it or not. There is no choice in this matter. And it's even worse -- if you just carry over code that works on iOS14 to an iOS15 deployment target, the button's appearance changes. In other words, iOS 15 will break existing code as soon as you link it for iOS 15 SDK deployment.

This is seriously broken.

On 19 Jul 2021, at 16:06, Rick Aurbach via groups.io <rlaurb@...> wrote:

Good thought. I'll give it a try.

Re: your "do you have to use the API" remark, the simple answer is that if your deployment target is iOS 15, you ARE using the API, whether you like it or not. There is no choice in this matter. And it's even worse -- if you just carry over code that works on iOS14 to an iOS15 deployment target, the button's appearance changes. In other words, iOS 15 will break existing code as soon as you link it for iOS 15 SDK deployment.

This is seriously broken.

    override open func draw(_ rect: CGRect) {

        drawButton()

        super.draw(rect)

    }

    

    private func drawButton() {

        if #available(iOS 15, *) {

            titleLabel?.lineBreakMode = .byTruncatingTail

            titleLabel?.numberOfLines = 1

            if let text = titleLabel?.text {

                let textSize = sizeText(string: text)

                let imageSize = imageView?.bounds.size ?? CGSize.zero

                let expectedWidth = textSize.width + textGap + imageSize.width + 8

                var currentBtnSize = self.bounds.size

                currentBtnSize = CGSize(width: max(expectedWidth, currentBtnSize.width), height: currentBtnSize.height)

                self.bounds.size = currentBtnSize

                setNeedsUpdateConstraints()

            }

        } else {

            contentHorizontalAlignment = .left

            titleLabel?.adjustsFontSizeToFitWidth = false

            titleLabel?.lineBreakMode = .byTruncatingTail

 

            let imageSize = image(for: .normal)?.size ?? .zero

            let optSize = intrinsicContentSize

#warning("consider changing this to mirrow above bounds code")

            if bounds.width < optSize.width || bounds.height < optSize.height {

                setNeedsLayout()

            }

            let actualTextWidth = optSize.width - textGap - imageSize.width - trailingGap

            imageEdgeInsets = UIEdgeInsets(top: 0.0, left: (actualTextWidth + textGap), bottom: 0.0, right: trailingGap)

            titleEdgeInsets = UIEdgeInsets(top: 0.0, left: -imageSize.width, bottom: 0.0, right: -actualTextWidth)

        }

    }

On Jul 19, 2021, at 12:49 PM, Rick Aurbach via groups.io <rlaurb@...> wrote:

[Edited Message Follows]

I haven't filed a bug yet, but I will. In the meantime, I've constructed the following work around — it's a hack, but it seems to work.

    override open func draw(_ rect: CGRect) {

        drawButton()

        super.draw(rect)

    }

    

    private func drawButton() {

        if #available(iOS 15, *) {

            titleLabel?.lineBreakMode = .byTruncatingTail

            titleLabel?.numberOfLines = 1

            if let text = titleLabel?.text {

                let textSize = sizeText(string: text)

                let imageSize = imageView?.bounds.size ?? CGSize.zero

                let expectedWidth = textSize.width + textGap + imageSize.width + 8

                var currentBtnSize = self.bounds.size

                currentBtnSize = CGSize(width: max(expectedWidth, currentBtnSize.width), height: currentBtnSize.height)

                self.bounds.size = currentBtnSize

                setNeedsUpdateConstraints()

            }

        } else {

            contentHorizontalAlignment = .left

            titleLabel?.adjustsFontSizeToFitWidth = false

            titleLabel?.lineBreakMode = .byTruncatingTail

 

            let imageSize = image(for: .normal)?.size ?? .zero

            let optSize = intrinsicContentSize

#warning("consider changing this to mirrow above bounds code")

            if bounds.width < optSize.width || bounds.height < optSize.height {

                setNeedsLayout()

            }

            let actualTextWidth = optSize.width - textGap - imageSize.width - trailingGap

            imageEdgeInsets = UIEdgeInsets(top: 0.0, left: (actualTextWidth + textGap), bottom: 0.0, right: trailingGap)

            titleEdgeInsets = UIEdgeInsets(top: 0.0, left: -imageSize.width, bottom: 0.0, right: -actualTextWidth)

        }

    }

On Jul 19, 2021, at 12:56 PM, Alex Zavatone via groups.io <zav@...> wrote:

mirrow above bounds code"