Ios 如何在Swift的tableview单元格中添加自定义imageview?
我需要做的是将圆形图像添加到uitableview上的单元格中。如何才能做到这一点 我尝试了一些代码,但根本不起作用,以下是我的代码:Ios 如何在Swift的tableview单元格中添加自定义imageview?,ios,iphone,uitableview,swift,cell,Ios,Iphone,Uitableview,Swift,Cell,我需要做的是将圆形图像添加到uitableview上的单元格中。如何才能做到这一点 我尝试了一些代码,但根本不起作用,以下是我的代码: let imageName = "person.png" let image = UIImage(named: imageName) var imageView = UIImageView(image: image!) imageView = UIImageView(frame: CGRectMake(0, 0, 100, 100))
let imageName = "person.png"
let image = UIImage(named: imageName)
var imageView = UIImageView(image: image!)
imageView = UIImageView(frame: CGRectMake(0, 0, 100, 100))
imageView.layer.borderWidth=1.0
imageView.layer.masksToBounds = false
imageView.layer.borderColor = UIColor.whiteColor().CGColor
imageView.layer.cornerRadius = 13;
imageView.clipsToBounds = true
cell.imageView!.image = imageView
我得到了这个错误:
无法将“UIImageView”类型的值分配给“UIImage”类型的值
制作一类要加载到
表视图中的单元格
类cellcoment
:
class CellComment: UITableViewCell
{
@IBOutlet weak var imageV_profile: UIImageView!
override func awakeFromNib() {
super.awakeFromNib()
imageV_profile.layer.cornerRadius = 25
imageV_profile.layer.masksToBounds = true
}
}
现在在tableview中加载此单元格,如下所示
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
{
var cell:CellPost! = tableView.dequeueReusableCellWithIdentifier("CellPost") as? CellPost
if (cell == nil)
{
let nib:Array = NSBundle.mainBundle().loadNibNamed("CellPost", owner: self, options: nil)
cell = nib[0] as? CellPost
}
cell.imageV_profile.image = UIImage(named: "Your image name")
return cell
}
不能以这种方式指定图像。但是你可以这样做
首先添加可调整图像大小的功能:
func resizeImage(image:UIImage, toTheSize size:CGSize)->UIImage{
var scale = CGFloat(max(size.width/image.size.width,
size.height/image.size.height))
var width:CGFloat = image.size.width * scale
var height:CGFloat = image.size.height * scale;
var rr:CGRect = CGRectMake( 0, 0, width, height);
UIGraphicsBeginImageContextWithOptions(size, false, 0);
image.drawInRect(rr)
let newImage = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext();
return newImage
}
之后,您可以指定图像:
let imageName = "11749-simple.jpg"
let image = UIImage(named: imageName)
let newImage = resizeImage(image!, toTheSize: CGSizeMake(70, 70))
var cellImageLayer: CALayer? = cell.cellImage.layer
cellImageLayer!.cornerRadius = cellImageLayer!.frame.size.width / 2
cellImageLayer!.masksToBounds = true
cell.cellImage.image = newImage
let imageName = "11749-simple.jpg"
let image = UIImage(named: imageName)
cell.cellImage.image = image?.circleMask
结果将是:
或者您可以尝试此扩展:
extension UIImage {
var circleMask: UIImage {
let square = size.width < size.height ? CGSize(width: size.width, height: size.width) : CGSize(width: size.height, height: size.height)
let imageView = UIImageView(frame: CGRect(origin: CGPoint(x: 0, y: 0), size: square))
imageView.contentMode = UIViewContentMode.ScaleAspectFill
imageView.image = self
imageView.layer.cornerRadius = square.width/2
imageView.layer.borderColor = UIColor.whiteColor().CGColor
imageView.layer.borderWidth = 5
imageView.layer.masksToBounds = true
UIGraphicsBeginImageContext(imageView.bounds.size)
imageView.layer.renderInContext(UIGraphicsGetCurrentContext())
let result = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return result
}
}
要回答的扩展学分。请尝试此代码。这正是你想要的
let imageName = "person.png"
let image1 = UIImage(named: imageName)
var imageView = UIImageView(frame: CGRectMake(5, 5, 100, 100))
imageView.layer.borderWidth=1.0
imageView.layer.masksToBounds = true
imageView.layer.borderColor = UIColor.whiteColor().CGColor
imageView.layer.cornerRadius = 50;// Corner radius should be half of the height and width.
imageView.image = image1
cell.addSubview(imageView)
Swift 5的延期
extension UIImage {
var circleMask: UIImage {
let square = size.width < size.height ? CGSize(width: size.width, height: size.width) : CGSize(width: size.height, height: size.height)
let imageView = UIImageView(frame: CGRect(origin: CGPoint(x: 0, y: 0), size: square))
imageView.contentMode = UIView.ContentMode.scaleAspectFill
imageView.image = self
imageView.layer.cornerRadius = square.width/2
imageView.layer.borderColor = UIColor.white.cgColor
imageView.layer.borderWidth = 5
imageView.layer.masksToBounds = true
UIGraphicsBeginImageContext(imageView.bounds.size)
imageView.layer.render(in: UIGraphicsGetCurrentContext()!)
let result = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()
return result
}
}
扩展UIImage{
var circleMask:UIImage{
让正方形=size.width
只需替换最后一行即可。cell.imageView=imageView,然后选中它说“无法在单元格中分配‘imageView’”确定替换最后一行,如cell.imageView.image=image abd,然后选中cell。imageView。image=image | |只需将imageView替换为imageView如果是这样,只需使用“let image”。图像保持原样只是看看嘿Ega Setya Putra。。。这是您的代码的一个非常简单的修改代码。这是一个简单的方法。它确实给了我一个圆形的图像,但是图像比tableview单元格大。感谢BTW,然后更改imageview的大小,如“var imageview=UIImageView(帧:CGRectMake(5,5,60,60)),以及imageview.layer.cornerRadius=30;请注意,此处的扩展并没有保留UIImage比例,它可能与此相关。如果愿意,可以使用原始比例从结果创建新的UIImage。
extension UIImage {
var circleMask: UIImage {
let square = size.width < size.height ? CGSize(width: size.width, height: size.width) : CGSize(width: size.height, height: size.height)
let imageView = UIImageView(frame: CGRect(origin: CGPoint(x: 0, y: 0), size: square))
imageView.contentMode = UIView.ContentMode.scaleAspectFill
imageView.image = self
imageView.layer.cornerRadius = square.width/2
imageView.layer.borderColor = UIColor.white.cgColor
imageView.layer.borderWidth = 5
imageView.layer.masksToBounds = true
UIGraphicsBeginImageContext(imageView.bounds.size)
imageView.layer.render(in: UIGraphicsGetCurrentContext()!)
let result = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()
return result
}
}