【IOS开发】swift的imageview的用法(加载图片,圆角,边框)

【IOS开发】swift的imageview的用法(加载图片,圆角,边框),第1张

概述UIImage这个对象是swift中的图像类,可以使用UIImageView加载显示到View上。 以下是UIImage的构造函数: init(named name: String!) -> UIImage // load from main bundleinit(named name: String!, inBundle bundle: NSBundle!, compatibleWithTra

UIImage这个对象是swift中的图像类,可以使用UIImageVIEw加载显示到VIEw上。

以下是UIImage的构造函数:

init(named name: String!) -> UIImage // load from main bundleinit(named name: String!,inBundle bundle: NSBundle!,compatibleWithTraitCollection traitCollection: uitraitcollection!) -> UIImage  init(contentsOffile path: String!)  init(data: NSData!)  init(data: NSData!,scale: CGfloat)  init(CGImage cgImage: CGImage!)  init(CGImage cgImage: CGImage!,scale: CGfloat,orIEntation: UIImageOrIEntation)  init(CIImage ciImage: CIImage!)  init(CIImage ciImage: CIImage!,orIEntation: UIImageOrIEntation)

第一种,可以直接指定图片的名称来加载图像,但这种图片必须是以资源文件形式才可以正常加载。

var img = UIImage(named:"04")    //初始化图片var vimg = UIImageVIEw(image: img);   //初始化图片VIEwvimg.frame.origin = CGPoint(x:0,y:20);   //指定图片显示的位置//vimg.frame = CGRect(x:0,y:20,wIDth:120,height:120); //指定图片的位置以及显示的大小self.vIEw.addSubvIEw(vimg);   //显示在VIEw上

第二种,可以使用data来构造函数,参数data须要是NSData对象。相比较来说,NSData更加灵活,你可以使用NSData加载本地文件,也可以加载网络地址文件。

NSData是什么呢?我的理解就是适合网络传输的二进制数据(或者相类似的理解)

init(contentsOffile path: String!) init(contentsOfURL url: NSURL!)

这个是NSData其中的2个构造函数, 通过这2个构造函数,我们可以指定文件本地路径或者网络路径来将图像转换为NSData对象。我想指定本地路径的方法,可能在由用户指定背景图片(头像)或者背景音乐之类的情况下比较合适。

var nsd = NSData(contentsOfURL:NSURL.URLWithString("http://ww2.sinaimg.cn/bmIDdle/632dab64jw1ehgcjf2rd5j20ak07w767.jpg"))  var img = UIImage(data: nsd);  var vimg = UIImageVIEw(image: img);  vimg.frame.origin = CGPoint(x:0,y:20);  //vimg.frame = CGRect(x:0,height:120);  self.vIEw.addSubvIEw(vimg);

在使用UIImageVIEw对象加载并显示到VIEw时,有时候我们仅需指定图像的xy点即可,如果同时指定了wIDth和height的话,图像显示会变形的。所以在这里,我只指定了frame的origin(CGPoint),而没有指定CGSize. 但有时候显示出来的图片虽然没有变形,但会太大,或者太小,同样对视觉造成影响。这个时候,可以在创建UIImage对象的时候,指定scale来对图像进行缩放来适应设备size。但这个参数我尝试了下,发现和我的理解还是有些偏差的。如果=1,是正常大小,如果小于1,比如0.5,会发现图片基本是原来尺寸的2倍,反而设置为1.5,或者2,数据越大,比例越小。

var nsd = NSData(contentsOfURL:NSURL.URLWithString("http://ww2.sinaimg.cn/bmIDdle/632dab64jw1ehgcjf2rd5j20ak07w767.jpg"))  var img = UIImage(data: nsd,scale:1.5);  //在这里对图片显示进行比例缩放  var vimg = UIImageVIEw(image: img);  vimg.frame.origin = CGPoint(x:0,height:120);  self.vIEw.addSubvIEw(vimg);

以下是官方对scale参数的解释:

The scale factor to assume when interpreting the image data. Applying a scale factor of 1.0 results in an image whose size matches the pixel-based dimensions of the image. Applying a different scale factor changes the size of the image as reported by the size property.

总结:

1)如果需要显示app自带的资源文件,可以直接使用UIImage的构造函数:named来直接拉取资源文件。

2)如果要显示本地或者网络资源文件,则需要使用NSData,来拉取对应文件的DATA,最后显示到UIImageVIEw中去。

3)UIImage在构造时,scale的参数需要进一步理解。

4)如果文件尺寸未知的情况下,最好不要对其wIDth和height进行限制。可使用UIVIEw.frame.origin(CGPoint)来指定左上角坐标。同样,也可以单独指定UIVIEw.frame.size来指定CGSize.

5)如果仅指定图像左上角坐标,但又想文件按比例缩放,可以使用vimg的contentMode属性枚举值

var nsd = NSData(contentsOfURL:NSURL.URLWithString("http://ww2.sinaimg.cn/bmIDdle/632dab64jw1ehgcjf2rd5j20ak07w767.jpg"))  var img = UIImage(data: nsd,scale:1.5);  var vimg = UIImageVIEw(image: img);  vimg.frame.origin = CGPoint(x:0,y:20);  //vimg.frame.size.height = 100//self.vIEw.bounds.wIDth;  //vimg.frame = CGRect(x:0,height:120);  vimg.contentMode = UIVIEwContentMode.ScaleAspectFit;  self.vIEw.addSubvIEw(vimg);enum UIVIEwContentMode : Int {  case ScaletoFill  case ScaleAspectFit // contents scaled to fit with fixed aspect. remainder is transparent  case ScaleAspectFill // contents scaled to fill with fixed aspect. some portion of content may be clipped.  case Redraw // redraw on bounds change (calls -setNeedsdisplay)  case Center // contents remain same size. positioned adjusted.  case top  case Bottom  case left  case Right  case topleft  case topRight  case Bottomleft  case Bottomright}

最后,如果需要对加载的图像进行圆角矩形处理,可以对UIImageVIEw的Layer属性设置

vimg.layer.cornerRadius = 8;vimg.layer.masksToBounds = true;
总结

以上是内存溢出为你收集整理的【IOS开发】swift的imageview的用法(加载图片,圆角,边框)全部内容,希望文章能够帮你解决【IOS开发】swift的imageview的用法(加载图片,圆角,边框)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1076103.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存