iOS开发UI篇—UIimageView简介

一、内容模式

1、规律

?

1 2 3

1> 但凡取值中包含Scale单词的,都会对图片进行拉伸(缩放); 2> 但凡取值中没有出现Scale单词的,都不会对图片进行拉伸; 3> 但凡取值中包含Aspect单词的, 都会按照图片的宽高比来拉伸。

看看下面不同模式下花的变化

2、模式一

?

1 2 3 4

1.UIViewContentModeScaleToFill,    > 会按照UIImageView的宽高比来拉伸图片    > 直到让整个图片都填充UIImageView为止    > 因为是按照UIImageView的宽高比来拉伸,所以图片会变形

3、模式二

?

1 2 3 4 5

2.UIViewContentModeScaleAspectFit   > 会按照图片的宽高比来拉伸   > 要求整张图片都必须在UIImageView的范围内   > 并且宽度和高度其中一个必须和UIImageView一样   > 居中显示

4、模式三

?

1 2 3 4 5

3.UIViewContentModeScaleAspectFill,   > 会按照图片的宽高比来拉伸   > 要求整张图片必须填充UIImageView   > 并且图片的宽度或者高度其中一个必须和UIImageView一样   > 因为是按照图片的宽高比来拉伸, 所以图片不会变形

5、其它

?

1 2 3 4 5 6 7 8 9 10

一般配合clipsToBounds，并且设置为yes(默认的是no),将超出的图片部分裁剪掉 UIViewContentModeCenter,         //按照规定的尺寸裁剪中间部分 UIViewContentModeTop,            //按照规定的尺寸裁剪顶部部分 UIViewContentModeBottom,      //按照规定的尺寸裁剪底部部分 UIViewContentModeLeft,           //按照规定的尺寸裁剪左边部分 UIViewContentModeRight,        //按照规定的尺寸裁剪右边部分 UIViewContentModeTopLeft,    //按照规定的尺寸裁剪顶部和左边部分 UIViewContentModeTopRight,  //按照规定的尺寸裁剪顶部和右边部分 UIViewContentModeBottomLeft, //按照规定的尺寸裁剪底部和左边部分 UIViewContentModeBottomRight, //按照规定的尺寸裁剪底部和左边部分