欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

iOS UIView contentMode

程序员文章站 2024-03-22 23:35:04
...

Content Modes

contentMode是UIView的属性,这个属性的值决定了,当视图的几何形状变化时如何复用它的内容。当视图第一次展示前,它会将自己的内容渲染成一张底层的bitmap. 然后视图的几何变化都不会使bitmap重新生成。而视图contentMode属性的值决定了bitmap是否缩放、位置在哪儿(固定在左边、右边、上面、下面、居中)。默认情况下,contentMode的值是UIViewContentModeScaleToFill。

contentMode啥时候起作用呢?

  • 视图frame或bounds的高宽发生变化
  • 赋给 view的transform属性的值带有scale
UIViewContentModeScaleToFill

Scales the content to fit the size of itself by changing the aspect ratio of the content if necessary.
 改变内容的高宽比例,缩放内容,UIView中完整显示内容,填满UIView,

UIViewContentModeScaleAspectFit
 Scales the content to fit the size of the view by maintaining the aspect ratio. Any remaining area of the view’s bounds is transparent.
保持内容的高宽比,缩放内容,完整显示内容,最大化填充UIview,没填充上的区域透明


UIViewContentModeScaleAspectFill
Scales the content to fill the size of the view. Some portion of the content may be clipped to fill the view’s bounds.
保持内容高宽比,缩放内容,超出视图的部分内容会被裁减,填充UIView
需要把View的 clipsToBounds 设置为YES;

UIViewContentModeRedraw
The option to redisplay the view when the bounds change by invoking the setNeedsDisplay method.
当View的bounds改变,系统会调用setNeedsDisplay,重新绘制视图


UIViewContentModeCenter
The option to center the content in the view’s bounds, keeping the proportions the same.
不缩放,内容在视图中间


UIViewContentModeTop
The option to center the content aligned at the top in the view’s bounds.


UIViewContentModeBottom
The option to center the content aligned at the bottom in the view’s bounds.


UIViewContentModeLeft
The option to align the content on the left of the view.


UIViewContentModeRight
The option to align the content on the right of the view.


UIViewContentModeTopLeft
The option to align the content in the top-left corner of the view.


UIViewContentModeTopRight
The option to align the content in the top-right corner of the view.


UIViewContentModeBottomLeft
The option to align the content in the bottom-left corner of the view.


UIViewContentModeBottomRight
The option to align the content in the bottom-right corner of the view.

效果图:

iOS UIView contentMode
image

参考链接*

Content Modes