说明

实现UIStackView中添加可以自动换行的Label

思路分析：

view中添加UIStackView，UIStackView添加Label;
UIStackView的constraint为上，左，右；
Label的constraint为左，右；Label的numberOfLine = 0

Demo 代码如下：

//
//  ViewController.swift
//  StackViewLabelDemo
//
//  Created by zgpeace on 2021/3/23.
//import UIKitclass ViewController: UIViewController {private lazy var stackView: UIStackView = {let stackView = UIStackView()stackView.translatesAutoresizingMaskIntoConstraints = false
//        stackView.alignment = .centerstackView.axis = .horizontalstackView.distribution = .fillreturn stackView}()private lazy var label: UILabel = {let label = UILabel()label.translatesAutoresizingMaskIntoConstraints = falselabel.numberOfLines = 0label.lineBreakMode = .byWordWrappinglabel.font = UIFont.systemFont(ofSize: 16)label.textColor = .orangereturn label}()override func viewDidLoad() {super.viewDidLoad()// Do any additional setup after loading the view.setupViews()}private func setupViews() {self.view.translatesAutoresizingMaskIntoConstraints = falseself.view.addSubview(stackView)stackView.addArrangedSubview(label)label.text = """For a horizontal stack view that has a UILabel as one of its views, in Interface Builder firstly set label.numberOfLines = 0. This should allow the label to have more than 1 line. This initially failed to work for me when the stack view had stackView.alignment = .fill. To make it work simply set stackView.alignment = .center. The label can now expand to multiple lines within the UIStackView.The Apple documentation saysFor all alignments except the fill alignment, the stack view uses each arranged view’s intrinsicContentSize property when calculating its size perpendicular to the stack’s axisNote the word except here. When .fill is used, the horizontal UIStackView does NOT resize itself vertically using the arranged subviews' sizes."""NSLayoutConstraint.activate([stackView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),stackView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 8.0),stackView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -8.0),label.leadingAnchor.constraint(equalTo: stackView.leadingAnchor),label.trailingAnchor.constraint(equalTo: stackView.trailingAnchor)
//            label.topAnchor.constraint(equalTo: stackView.topAnchor),
//            label.bottomAnchor.constraint(equalTo: stackView.bottomAnchor)])}}

参考

https://stackoverflow.com/questions/34386528/multiline-label-in-uistackview

Swift 5 UIStackView中添加自动换行的Label相关推荐

R语言ggplot2可视化在可视化图形的X轴标签中添加温度摄氏度符号（add temperature degree symbol on axis label）
R语言ggplot2可视化在可视化图形的X轴标签中添加温度摄氏度符号(add temperature degree symbol on axis label) 目录
窗体中添加标签Label、Icon图标
http://lixiyu.blog.51cto.com/4136883/1312248(原文) 一,在窗体中创建一个带有指定文本的标签对象并添加一个图像实现界面: 详细代码: 1 2 3 4 5 ...
java 向word中添加excel附件并向excel单元格中加入图片并压缩图片并根据图片动态控制单元格高度宽度
word中加入excel附件 excel单元格中插入图片 word freemarker Excel poi 制作, jxl 插入图片压缩图片/宽高,动态控制单元格高度与宽度 1.word 需要模板 ...
飞利浦dicom_如何在飞利浦色相系统中添加第三方智能灯泡
飞利浦dicom The Philips Hue system was one of the first unified smart bulb systems on the market and re ...
总结Cocos2d-x 3.0 中新字体标签Label
来源网址:http://cn.cocos2d-x.org/tutorial/show?id=1624 在3.x中,废弃了2.x里的LabelTTF.LabelAtlas.LabelBMFont三个字体 ...
css在中元素添加元素,css - 在伪元素内容中添加换行符到:: after或:: before
css - 在伪元素内容中添加换行符到:: after或:: before 我无法访问页面的HTML或PHP,只能通过CSS进行编辑. 我一直在网站上进行修改并通过content或::before伪元 ...
python tkinter 滚动条_如何在tkinter窗口中添加滚动条？
我有一个tkinter程序:import urllib.request from tkinter import * root = Tk() root.iconbitmap(default='icon. ...
Arc Engine 中添加气泡提示框
一.在ArcMap中的定位操作已知若干点的经纬度坐标,要求在地图中进行定位: 1.通过Tool >Add X Y data 定位点,注意选择地理坐标系下的wgs 1984坐标系: 2.定位后的 ...
如何不用重启在CentOS 7/ RHEL 7虚拟机中添加一块新硬盘
如何不用重启在CentOS 7/ RHEL 7虚拟机中添加一块新硬盘通常在你在虚拟机中添加一块新硬盘时,你可能会看到新硬盘没有自动加载.这是因为连接到硬盘的SCSI总线需要重新扫描来使得新硬盘可见. ...
HTML表中的自动换行
我一直在使用word-wrap: break-word将文本div和span . 但是,它似乎在表单元格中不起作用. 我有一个表设置为width:100% ,有一行和两列. 列中的文本尽管使用上述wo ...

Swift 5 UIStackView中添加自动换行的Label

说明

参考

Swift 5 UIStackView中添加自动换行的Label相关推荐

最新文章

热门文章