首页 > 解决方案 > 如何快速将点视图添加到文本中?

问题描述

我曾使用 UIStackView 进行单元设计。现在我必须在文本“Inprocess”旁边添加一个黄点视图。我们怎么做?

在此处输入图像描述

let backView = UIView(color: AppColor.appWhite, cornerRadius: 18)

lazy var advanceStack = VerticalStackView(arrangedSubViews: [SalaryadvanceLabel, $99advanceValue], spacing: 3, distribution: .fillEqually)
lazy var StatusStack = VerticalStackView(arrangedSubViews: [Inprocesslabel, timelabel], spacing: 3, distribution: .fillEqually)
    
lazy var infoStack = HorizontalStackView(arrangedSubViews: [advanceStack, StatusStack], spacing: 10, distribution: .fillEqually)

let indicator: UIView = {
    let view = UIView(color: AppColor.appGreen, cornerRadius: 3)
    view.constraintWidth(constant: 6)
    view.constraintHeight(constant: 6)
    return view
}()
    
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)
    backgroundColor = AppColor.appBackground
    selectionStyle = .none
    setupView()
    indicator.isHidden = true
}

private func setupView() {
    addSubview(backView)
    backView.anchor(top: topAnchor, leading: leadingAnchor, bottom: bottomAnchor, trailing: trailingAnchor, padding: .init(top: 8, left: 12, bottom: 0, right: 12))

    backView.addSubview(infoStack)
    infoStack.anchor(top: nil, leading: backView.leadingAnchor, bottom: nil, trailing: backView.trailingAnchor, padding: .init(top: 0, left: 20, bottom: 0, right: 20))
    infoStack.centerYInSuperview()

    backView.addSubview(indicator)
    indicator.anchor(top: infoStack.bottomAnchor, leading: nil, bottom: nil, trailing: chargeValue.trailingAnchor, padding: .init(top: 6, left: 0, bottom: 0, right: 0))
}

标签: iosswiftiphone

解决方案


我使用以下代码并将其添加到 UIStackView。问题解决了。

let StatusDot = UILabel(text: "\u{2022}" , color: AppColor.appBlack, font: Helvetica.bold, size: 40, alignment: .right)

推荐阅读