iOS新手开发之旅-UI控件之UIImageView详解

竹林风

      

      文章导航  

     【iOS新手开发之旅】   http://www.sufeinet.com/thread-24000-1-1.html

     1.创建一个ImageView

      

[Objective-C] 纯文本查看 复制代码

UIImageView *IconView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 200, 300, 300)];[/font][/color][/align]    IconView.center = self.view.center;
    IconView.image = [UIImage imageNamed:@"bear"];
    IconView.backgroundColor = UIColor.blueColor;
    IconView.contentMode = UIViewContentModeScaleAspectFill;
    IconView.clipsToBounds = YES;
    [self.view addSubview:IconView];

     2.UIimageView的UIViewContentMode设置


     

[Objective-C] 纯文本查看 复制代码

UIViewContentModeScaleToFill,//图片拉伸填满不超出

    UIViewContentModeScaleAspectFit, //图片的高或者宽拉伸与视图的高或者宽相等

    UIViewContentModeScaleAspectFill,   //图片短的高或者宽充满整个视图长部分的超出视图

    UIViewContentModeRedraw, //  重绘图片效果 ScaleToFill差不多反正看不出什么差别          

    UIViewContentModeCenter,  //图片不拉伸 位于视图正中间位置 图片大于视图超出视图         

    UIViewContentModeTop, //图片不拉伸 位于视图top中间位置 图片大于视图超出视图 

    UIViewContentModeBottom, //图片不拉伸 位于视图bottom中间位置 图片大于视图超出视图 

    UIViewContentModeLeft, //图片不拉伸 位于视图left中间位置 图片大于视图超出视图 

    UIViewContentModeRight, //图片不拉伸 位于视图right中间位置 图片大于视图超出视图 

    UIViewContentModeTopLeft,//图片不拉伸 位于视图上左位置 图片大于视图超出视图 

    UIViewContentModeTopRight,//图片不拉伸 位于视图上有位置 图片大于视图超出视图 

    UIViewContentModeBottomLeft,//图片不拉伸 位于视图下左位置 图片大于视图超出视图 

    UIViewContentModeBottomRight,//图片不拉伸 位于视图下右位置 图片大于视图超出视图

    说明：
      1.Assets.xcassets是用来存放图像资源文件的。这里的图片是这样子的
            

           这有1倍、2倍、和3倍的图片，一般情况下我们只需要2倍和3倍的就够了。图片命名规则：bear.png bear@2x.png bear@3x.png。如果拖进来前命名已写好，那Assets 就会自动生成一个以bear 命名的图片集，2倍和3倍的图片也会自动放到相应的位置 上。有一点比较好的就是，如果图片需要更新的话，可以直接拖拽图片到相应的位置即可，不需要再命名图片名字，而使用图片时就是使用这里的名字即可。
           

        如果需要修改图片名字，也只需要在这里修改即可。

       2. UIViewContentModeScaleAspectFill 这个属性一般需要和IconView.clipsToBounds = YES;这个属性搭配使用，否则图片会超出图片控件设置的范围而显示原图大小。例子中就是使用的就是这个属性。
      
        其它设置都可以尝试下。

       附件： Test-ImageView.zip (76.47 KB, 下载次数: 0)

2018-11-29 17:49 上传

点击文件名下载附件
      

     下一篇  UIViewController解析

站长苏飞

目测和Winfrom的有点相同。

liu

强烈支持楼主ing……

竹林风

    Assets.xcassets的优缺点

• 方便App图标和启动页图片设置
• 展示1x,2x,3x图片简洁
• 支持多种图片格式 （App图标和启动图只支持png）其它图片支持多种格式，而且读取的时候也不需要写后缀
• 支持pdf格式的矢量图
• 图片只支持[UIImage imageNamed]的方式实例化，但不能从Bundle中加载
  

惜

强烈支持楼主ing……

Amy

楼主加油，我们都看好你哦。

范范

强烈支持楼主ing……