美文网首页iOS学习iOS
文字水平方向对齐方式 / 内容的水平与垂直方向对齐方式 / 内容

文字水平方向对齐方式 / 内容的水平与垂直方向对齐方式 / 内容

作者: iOS_成才录 | 来源:发表于2015-11-12 19:15 被阅读817次

四个容易混淆的属性:

1. textAligment : 文字的水平方向的对齐方式

  • 1> 取值
NSTextAlignmentLeft      = 0,    // 左对齐
NSTextAlignmentCenter    = 1,    // 居中对齐
NSTextAlignmentRight    = 2,    // 右对齐
  • 2> 哪些控件有这个属性 : 一般能够显示文字的控件都有这个属性
* UITextField
* UILabel
* UITextView

2. contentVerticalAlignment : 内容的垂直方向的对齐方式

  • 1> 取值
UIControlContentVerticalAlignmentCenter  = 0, // 居中对齐
UIControlContentVerticalAlignmentTop     = 1, // 顶部对齐
UIControlContentVerticalAlignmentBottom  = 2, // 底部对齐
  • 2> 哪些控件有这个属性 : 继承自UIControl的控件或者UIControl本身
* UIControl
* UIButton
* UITextField
* ...

3. contentHorizontalAlignment : 内容的水平方向的对齐方式

  • 1> 取值
UIControlContentHorizontalAlignmentCenter = 0, // 居中对齐
UIControlContentHorizontalAlignmentLeft   = 1, // 左对齐
UIControlContentHorizontalAlignmentRight  = 2, // 右对齐
  • 2> 哪些控件有这个属性 : 继承自UIControl的控件或者UIControl本身
* UIControl
* UIButton
* UITextField
* ...

4. contentMode : 内容模式(控制内容的对齐方式), 一般对UIImageView很有用

  • 1> 取值

    • 规律:

1.Scale : 图片会拉伸
2.Aspect : 图片会保持原来的宽高比


```objc
// 前3个情况, 图片都会拉伸
// (默认)拉伸图片至填充整个UIImageView(图片的显示尺寸会跟UIImageView的尺寸一样)
UIViewContentModeScaleToFill,
// 按照图片原来的宽高比进行伸缩, 伸缩至适应整个UIImageView(图片的内容不能超出UIImageView的尺寸范围)
UIViewContentModeScaleAspectFit,
// 按照图片原来的宽高比进行伸缩, 伸缩至 图片的宽度和UIImageView的宽度一样 或者 图片的高度和UIImageView的高度一样
UIViewContentModeScaleAspectFill,

// 后面的所有情况, 都会按照图片的原来尺寸显示, 不会进行拉伸
UIViewContentModeRedraw,  // 当控件的尺寸改变了, 就会重绘一次(重新调用setNeedsDisplay, 调用drawRect:)
UIViewContentModeCenter,
UIViewContentModeTop,
UIViewContentModeBottom,
UIViewContentModeLeft,
UIViewContentModeRight,
UIViewContentModeTopLeft,
UIViewContentModeTopRight,
UIViewContentModeBottomLeft,
UIViewContentModeBottomRight,
  • 2> 哪些控件有这个属性 :
所有UI控件都有

5. 如果有多个属性的作用冲突了, 只有1个属性有效(就近原则)

相关文章

  • 文字水平方向对齐方式 / 内容的水平与垂直方向对齐方式 / 内容

    四个容易混淆的属性: 1. textAligment : 文字的水平方向的对齐方式 1> 取值 2> 哪些控件有这...

  • ionic2 经验一

    父控件 声明使用flexbox布局 方向、换行 水平方向对齐方式 竖直方向对齐方式 竖直方向多余空间调整(换行情况...

  • Excel怎么使用?-对齐方式

    Excel字体的对齐方式有顶端对齐,垂直居中,底端对齐;左对齐,居中,右对齐;方向,减少缩进量,增加缩进量;自动换...

  • css样式的使用

    设置字体的水平与垂直对齐方式1: text-align: center; 水平对齐 line-height: 父...

  • CSS水平居中

    水平居中的理解 text-align:center; 内容对齐方式,不是子元素(标签)对齐方式 先...

  • python xlwt 设置单元格样式

    使用xlwt中的Alignment来设置单元格的对齐方式,其中horz代表水平对齐方式,vert代表垂直对齐方式。...

  • 解析React_Native开发中遇到的问题。

    align-items:item在交叉轴的对齐方式,这里的交叉轴,如果主轴在垂直方向上,那么交叉轴就指水平方向,如...

  • 实现换行 valign 属性规定单元格中的内容的垂直对齐方式。top 对内容进行上对齐。m...

  • 10.对齐方式

    对齐方式 文字水平对齐 设置高度和行高一样即可 让盒子和文字基于中线对齐 vertical-align: mid...

  • 多个元素垂直方向对齐方式(vertical-align line

    元素的垂直方向对齐,是一个我随便使用的概念,为的是:表达同一行的元素在垂直方向的对齐方式。 换句话说就是inlin...

网友评论

    本文标题:文字水平方向对齐方式 / 内容的水平与垂直方向对齐方式 / 内容

    本文链接:https://www.haomeiwen.com/subject/cwlxhttx.html