水平UIButton中的垂直文本

Question

我在人像应用中使用了垂直UIButton（只是宽度为60高度为160的普通按钮）

我想将标签Vetically放在按钮下方，而不是横穿按钮。

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

    [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

在代码中或在情节提要上创建的任何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

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

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

接下来，选择左/中/右或对正对齐。 不要使用“自然对齐”。

现在

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

可以按预期工作，并且标签没有缩写（但始终居中对齐...）。

用XCode 6.3测试。