uilabel 左上对齐_UILabel一行居中对齐与多行左对齐

想来用过UIAlertView的都知道其中的文字内容是居中对齐(水平方向)的，如果只有一行文字还好，多行文字时如果最后一行撑不满宽度，也会显示居中效果，整体看起来怪怪的。

这其实就是其中的label控件设置了水平居中(水平方向)的效果，它没法自动根据文字行数来自动调整对齐方式。

如果把label设置成文字内容左对齐，多行内容左对齐满足了，但是只有一行内容且很短时也居左对齐显得不太好。

所以问题就来了：怎么实现UILabel控件文字只有一行时居中对齐，有多行时左对齐。

常规办法无非是判断文字内容是否多行，涉及到宽度计算问题，想来就觉得麻烦，能不能让它自动计算呢？

不要让UILabel限制了思维，试问一个问题：如果一个label是左对齐，文字内容很短，不足以撑满屏幕宽度，怎么让它一个屏幕中显示的效果是水平居中呢？

我想答案应该是让label自适应文字内容宽度，设置label水平居中对齐于屏幕。

这个时候我想label无论设置什么水平方向对齐方式，都对上面的事实毫无影响。

既然多行需要居左对齐，那么就把label设置为左对齐，就好了。

所以为了解决上面的问题，需要借助一个containerView和AutoLayout。

这用到了UILabel的一个属性：intrinsicContentSize。有了这个属性，在AutoLayout中对UILabel控件进行布局时，可以不指定其宽高而让它根据文字内容进行自动适配宽高。

设置label和containerView的AutoLayout的方法应该是这样的：label相对于containerView水平方向、垂直方向居中，不指定label宽度，label.left>=containerView.left，label.right<=containerView.right，label.top>=containerView.top，label.bottom<=containerView.top。

参考：

uilabel 左上对齐_UILabel一行居中对齐与多行左对齐相关推荐

R语言ggplot2可视化使用vjust和hjust参数对齐图像中的文本注释信息（左对齐、右对齐、居中）实战
R语言ggplot2可视化使用vjust和hjust参数对齐图像中的文本注释信息(左对齐.右对齐.居中)实战目录
[css] 实现单行文本居中和多行文本左对齐并超出显示“...“
[css] 实现单行文本居中和多行文本左对齐并超出显示"-" .one {text-align: center }.multi {overflow: hiddentext-over ...
纯CSS实现文字一行居中，多行左对齐的方法
其实这种需求还是蛮常见的,主要用于产品列表页面,用于产品图片下面,显示产品的名称. 想要实现的效果为: 未知文字长度,当文字长度小于盒子宽度,也就是一行时,文字居中. 当文字长度大于盒子的宽度,会自动 ...
css 多行文字左对齐,纯CSS实现文字一行居中，多行左对齐的方法
其实这种需求还是蛮常见的,主要用于产品列表页面,用于产品图片下面,显示产品的名称. 想要实现的效果为: 未知文字长度,当文字长度小于盒子宽度,也就是一行时,文字居中. 当文字长度大于盒子的宽度,会自动 ...
python怎么左对齐_python中如何用ljust()实现字符串左对齐？
在python编程中,有时为了便于码代码,会将字符串左对齐,这样方便观看与书写,python中用于字符串左对齐的是ljust()方法,本文将向大家介绍ljust()方法.具体内容请看本文. 1.lju ...
python第一行左对齐_python 左对齐，右对齐
python 左对齐,右对齐 >>> print('{} and {}'.format('hello','world')) # 默认左对齐 hello and world >& ...
html图片怎么中心对齐,css图片居中(css怎么让图片水平居中对齐)
css图片居中 css图片居平分css图片水平居中和笔直居中两种状况,有时候还需要图片同时水平笔直居中,下面分几种居中状况别离介绍. css图片水平居中运用margin:0auto完成图片水平居中 ...
实现表格内容第一行居中，其他行与第一行左对齐
代码如下: <style> table{margin: 100px 100px;border: 1px solid skyblue; } td{border: 1px solid pink ...
微信小程序中实现一段文字当只有一行时居中显示，多行时左对齐
刚开始没有头绪,百度了一下都说用wx.createSelectorQuery()这个方法,但是尝试无果. 后来突然想到一个办法,如下: 其中.prompt的样式如下看下效果:

uilabel 左上对齐_UILabel一行居中对齐与多行左对齐

uilabel 左上对齐_UILabel一行居中对齐与多行左对齐相关推荐

最新文章

热门文章