iOS UILabel 多行文本设置和布局示例

iOS UILabel 多行文本设置和布局示例

以下代码展示了如何在 iOS 应用中使用 UILabel 来显示多行文本，并设置其位置和尺寸。

Objective-C 代码:

UILabel* qlmcLabel = [self creatLabel:'强力\n卖出' andFont:FontSize(13) andtextColor:RBG_Text('#DCDCDC')];
qlmcLabel.numberOfLines = 0;
[qlmcLabel sizeToFit];
qlmcLabel.frame = CGRectMake(backImg.x-qlmcLabel.width-wid(5),backImg.bottom-qlmcLabel.height-wid(40),qlmcLabel.width,qlmcLabel.height);
[self.scrollView addSubview:qlmcLabel];

UILabel* mcLabel = [self creatLabel:'卖出' andFont:FontSize(13) andtextColor:RBG_Text('#DCDCDC')];
mcLabel.frame = CGRectMake(backImg.x+(wid(71.41)- mcLabel.width)/2.0,backImg.y+wid(20),mcLabel.width,mcLabel.height);
[self.scrollView addSubview:mcLabel];

UILabel* zxLabel = [self creatLabel:'中性' andFont:FontSize(13) andtextColor:RBG_Text('#DCDCDC')];
zxLabel.frame = CGRectMake(backImg.x+(backImg.width-zxLabel.width)/2.0,backImg.y-zxLabel.height-wid(24),zxLabel.width,zxLabel.height);
[self.scrollView addSubview:zxLabel];

UILabel* mrLabel = [self creatLabel:'买入' andFont:FontSize(13) andtextColor:RBG_Text('#DCDCDC')];
mrLabel.frame = CGRectMake(backImg.right-(wid(71.41)- mrLabel.width)/2.0-mrLabel.width,backImg.y+wid(20),mrLabel.width,mrLabel.height);
[self.scrollView addSubview:mrLabel];

UILabel* qlmrLabel = [self creatLabel:'强力\n买入' andFont:FontSize(13) andtextColor:RBG_Text('#DCDCDC')];
qlmrLabel.numberOfLines = 0;
[qlmrLabel sizeToFit];
qlmrLabel.frame = CGRectMake(backImg.right+wid(5),backImg.bottom-qlmrLabel.height-wid(40),qlmrLabel.width,qlmrLabel.height);
[self.scrollView addSubview:qlmrLabel];

Swift 代码:

let qlmcLabel = self.creatLabel('强力\n卖出', andFont: FontSize(13), andtextColor: RBG_Text('#DCDCDC'))
qlmcLabel.numberOfLines = 0
qlmcLabel.sizeToFit()
qlmcLabel.frame = CGRect(x: backImg.x-qlmcLabel.width-wid(5), y: backImg.bottom-qlmcLabel.height-wid(40), width: qlmcLabel.width, height: qlmcLabel.height)
self.scrollView.addSubview(qlmcLabel)

let mcLabel = self.creatLabel('卖出', andFont: FontSize(13), andtextColor: RBG_Text('#DCDCDC'))
mcLabel.frame = CGRect(x: backImg.x+(wid(71.41)- mcLabel.width)/2.0, y: backImg.y+wid(20), width: mcLabel.width, height: mcLabel.height)
self.scrollView.addSubview(mcLabel)

let zxLabel = self.creatLabel('中性', andFont: FontSize(13), andtextColor: RBG_Text('#DCDCDC'))
zxLabel.frame = CGRect(x: backImg.x+(backImg.width-zxLabel.width)/2.0, y: backImg.y-zxLabel.height-wid(24), width: zxLabel.width, height: zxLabel.height)
self.scrollView.addSubview(zxLabel)

let mrLabel = self.creatLabel('买入', andFont: FontSize(13), andtextColor: RBG_Text('#DCDCDC'))
mrLabel.frame = CGRect(x: backImg.right-(wid(71.41)- mrLabel.width)/2.0-mrLabel.width, y: backImg.y+wid(20), width: mrLabel.width, height: mrLabel.height)
self.scrollView.addSubview(mrLabel)

let qlmrLabel = self.creatLabel('强力\n买入', andFont: FontSize(13), andtextColor: RBG_Text('#DCDCDC'))
qlmrLabel.numberOfLines = 0
qlmrLabel.sizeToFit()
qlmrLabel.frame = CGRect(x: backImg.right+wid(5), y: backImg.bottom-qlmrLabel.height-wid(40), width: qlmrLabel.width, height: qlmrLabel.height)
self.scrollView.addSubview(qlmrLabel)

代码说明:

1. 使用 creatLabel 方法创建 UILabel 对象，并设置文本内容、字体和颜色。
2. 使用 numberOfLines 属性设置为 0，表示允许多行显示。
3. 使用 sizeToFit 方法自动计算 UILabel 的尺寸，以适应文本内容。
4. 使用 frame 属性设置 UILabel 在视图中的位置和尺寸。
5. 使用 addSubview 方法将 UILabel 添加到 scrollView 中。

注意:

• backImg 应为一个 UIImageView 或 UIView 对象，用于确定 UILabel 的相对位置。
• FontSize(13)、RBG_Text('#DCDCDC')、wid(5) 等应根据您的具体情况进行修改。

示例说明:

该示例代码展示了如何创建多个 UILabel 对象，并使用不同的文本内容、字体和颜色，以实现不同的布局效果。您可以根据自己的需求修改文本内容、字体、颜色、位置和尺寸，以创建符合您的应用设计的 UILabel 对象。

希望此示例能帮助您更好地理解如何在 iOS 应用中使用 UILabel 来显示多行文本。