水平UIButton中的垂直文本

Question

我在肖像应用程序中使用垂直UIButton（只是一个宽度为60，高度为160的普通按钮）

我想将标签垂直放在按钮上而不是横跨它。

当我使用以下代码旋转标签时

    [workPackageButton.titleLabel setTransform:CGAffineTransformMakeRotation(M_PI / 2)];

它旋转标签，但长度似乎受到原始宽度的限制，所以我得到了...中间的缩写。这有一个简单的方法吗？

Answer 1

您可以在按钮上添加标签并旋转标签，如下所示：

UILabel *lbl= [[UILabel alloc] initWithFrame:CGRectMake(button.frame.size.width*.3, button.frame.size.height*.5, button.frame.size.width,button.frame.size.height)];
lbl.transform = CGAffineTransformMakeRotation(M_PI / 2);
lbl.textColor =[UIColor whiteColor];
lbl.backgroundColor =[UIColor clearColor];
[button addSubview:lbl];

Answer 2

我知道这是一个旧线程，但另一种方法是子按钮并指定按钮标签的方形大小。

@interface RotatingButton : UIButton

@end


@implementation RotatingButton

- (CGRect) titleRectForContentRect:(CGRect)bounds {
    CGRect frame = [super titleRectForContentRect:bounds];

    frame.origin.y -= (frame.size.width - frame.size.height) / 2;
    frame.size.height = frame.size.width;

    return frame;
}

@end

在代码或Storyboard中创建的任何RotatingButton的标签都可以旋转而不会被截断。

[button.titleLabel setTransform:CGAffineTransformMakeRotation(M_PI / 2)];

Answer 3

我为堆栈视图中的按钮添加了同样的问题所以我需要动态的东西

对于Swift 4.2

class VerticalButton: UIButton {

    override func titleRect(forContentRect bounds: CGRect) -> CGRect {
        var frame: CGRect = super.titleRect(forContentRect: bounds)

        frame.origin.y = 0
        frame.size.height = bounds.size.height

        return frame
    }
}

extension UILabel {
    @IBInspectable
    var rotation: Int {
        get {
            return 0
        } set {
            let radians = CGFloat(CGFloat(Double.pi) * CGFloat(newValue) / CGFloat(180.0))
            self.transform = CGAffineTransform(rotationAngle: radians)
        }
    }
}

和

    let button = VerticalButton.init(type: UIButton.ButtonType.custom)
    button.titleLabel?.textAlignment = .center
    button.titleLabel?.rotation = -90

Answer 4

我从来没有这样做过，但您是否尝试过将按钮设置为水平按钮（160w x 60h）然后旋转整个按钮？

Answer 5

为方便起见，请对“属性”检查器中的按钮执行以下设置：

• 类型：自定义
• 标题：归因于

接下来，选择左/中/右或对齐对齐。不要使用'Align Natural'。

现在

[workPackageButton.titleLabel setTransform:CGAffineTransformMakeRotation(M_PI / 2)];

按预期工作，标签没有被删除（但总是在中心对齐......）。

使用XCode 6.3进行测试。