blocks|key|1549445|text|以下代码将为按钮的正常状态设置色调颜色：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1549446|Swift+4及更新版本：|1549447|let+origImage+=+UIImage(named:+"imageName")
let+tintedImage+=+origImage?.withRenderingMode(.alwaysTemplate)
btn.setImage(tintedImage,+for:+.normal)
btn.tintColor+=+.red|code-block|syntax|javascript|1549448|当状态更改按钮时，您可以根据需要更改颜色。|1549449|1549450|旧版本|1549451|Swift+3：|1549452|let+origImage+=+UIImage(named:+"imageName")
let+tintedImage+=+origImage?.withRenderingMode(.alwaysTemplate)
btn.setImage(tintedImage,+forState:+.normal)
btn.tintColor+=+.redColor|1549453|有关Swift+2:请参阅修订历史。|1549454|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Y|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|10|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|11|8|@]|9|@]|A|$]]|$1|P|3|Q|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|R|3|S|5|6|7|13|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|U|$]]

Following code will set tint colour for normal state of button:

For Swift 4 and newer:

<pre><code>let origImage = UIImage(named: "imageName")
let tintedImage = origImage?.withRenderingMode(.alwaysTemplate)
btn.setImage(tintedImage, for: .normal)
btn.tintColor = .red
</code></pre>

You can change tint colour according to your need when state changes for button.

<hr>

<h3>Older versions</h3>

For Swift 3:

<pre><code>let origImage = UIImage(named: "imageName")
let tintedImage = origImage?.withRenderingMode(.alwaysTemplate)
btn.setImage(tintedImage, forState: .normal)
btn.tintColor = .redColor
</code></pre>

For Swift 2:
see revision history.

blocks|key|2386801|text|我找到了下面最简单的方法，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2386802|打开资产目录并选择图像，然后转到属性检查器，并将Render+As更改为Template+Image，如下所示|offset|length|style|BOLD|CODE|2386803|​|2386804|📷|atomic|2386805|2386806|然后在按钮操作方法中添加下面的代码|2386807|yourButton.tintColor+=+.gray|code-block|syntax|javascript|2386808|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/01bd5129256573ae8e141364376043df.png|imageAlt^0|0|G|5|O|9|10|E|0|0|0|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@$D|16|E|17|F|G]|$D|18|E|19|F|H]|$D|1A|E|1B|F|H]]|9|@]|A|$]]|$1|I|3|J|5|6|7|1C|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|N|3|J|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|1J|8|@]|9|@]|A|$T|U]]|$1|V|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|12|13|-4]]]]

I found the easiest approach below,
Open assetcatalog and select the image then go to attributes inspector and change <code>Render As</code> to <code>Template Image</code> as below
<a href="https://i.stack.imgur.com/l2cph.png" rel="noreferrer"><img src="https://i.stack.imgur.com/l2cph.png" alt="enter image description here" /></a>
Then add below code in button Action method
<pre><code>yourButton.tintColor = .gray
</code></pre>

blocks|key|1543923|text|Swift+4或5|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1543924|extension+UIButton{

++++func+setImageTintColor(_+color:+UIColor)+{
++++++++let+tintedImage+=+self.imageView?.image?.withRenderingMode(.alwaysTemplate)
++++++++self.setImage(tintedImage,+for:+.normal)
++++++++self.tintColor+=+color
++++}

}|code-block|syntax|javascript|1543925|使用：|1543926|button.setImage(UIImage(named:+"image_name"),+for:+.normal)+//+You+can+set+image+direct+from+Storyboard
button.setImageTintColor(UIColor.white)|1543927|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Swift 4 or 5

<pre><code>extension UIButton{

 func setImageTintColor(_ color: UIColor) {
 let tintedImage = self.imageView?.image?.withRenderingMode(.alwaysTemplate)
 self.setImage(tintedImage, for: .normal)
 self.tintColor = color
 }

}
</code></pre>

Use: 

<pre><code>button.setImage(UIImage(named: "image_name"), for: .normal) // You can set image direct from Storyboard
button.setImageTintColor(UIColor.white)
</code></pre>

blocks|key|2812269|text|iOS+7引入了一个名为tintColor+for+views的属性(包括UIImageView)。但是，您还需要在UIImage上设置呈现类型，这样才能产生任何效果。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2812270|UIImage+*originalImage+=+[UIImage+imageNamed:@"image.png"];
UIImage+*tintedImage+=+[originalImage+imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
UIImageView+*imageView+=+[[UIImageView+alloc]+initWithImage:tintedImage];

imageView.tintColor+=+[UIColor+grayColor];
[self.view+addSubview:imageView];|code-block|syntax|javascript|2812271|这应该会产生默认状态下的效果。|2812272|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

iOS 7 introduced a property called tintColor for views (including UIImageView). However you also need to set the rendering type on the UIImage for this to have any effect. 

<pre><code>UIImage *originalImage = [UIImage imageNamed:@"image.png"];
UIImage *tintedImage = [originalImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
UIImageView *imageView = [[UIImageView alloc] initWithImage:tintedImage];

imageView.tintColor = [UIColor grayColor];
[self.view addSubview:imageView];
</code></pre>

This should produce the effect you are after in a default state.

blocks|key|2386624|text|如果要设置按钮的图像，只需转到“属性”检查器并将按钮类型更改为“系统”。然后设置图像并更改色调颜色。图像的颜色将发生变化。如果没有发生，请检查按钮类型。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2386625|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you are setting the image for a button, just go to attributes inspector and change the button type to system. Then set the image and change the tint color. The color of the image will change. If it did not take place, check the button type.

blocks|key|2812420|text|要更改图像的色调(pick，古典图像，photo)，请使用：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2812421|示例图像:|2812422|📷|atomic|2812423|2812424|​|2812425|Swift+2|2812426|public+extension+UIImage+{
++++/**
+++++Tint,+Colorize+image+with+given+tint+color 
+++++This+is+similar+to+Photoshop's+"Color"+layer+blend+mode 
+++++This+is+perfect+for+non-greyscale+source+images,+and+images+that+have+both+highlights+and+shadows+that+should+be+preserved 
+++++white+will+stay+white+and+black+will+stay+black+as+the+lightness+of+the+image+is+preserved 

+++++<img+src="http://yannickstephan.com/easyhelper/tint1.png"+height="70"+width="120"/>

+++++**To**

+++++<img+src="http://yannickstephan.com/easyhelper/tint2.png"+height="70"+width="120"/>

+++++-+parameter+tintColor:+UIColor

+++++-+returns:+UIImage
+++++*/
++++public+func+tintPhoto(tintColor:+UIColor)+->+UIImage+{

++++++++return+modifiedImage+{+context,+rect+in
++++++++++++//+draw+black+background+-+workaround+to+preserve+color+of+partially+transparent+pixels
++++++++++++CGContextSetBlendMode(context,+.Normal)
++++++++++++UIColor.blackColor().setFill()
++++++++++++CGContextFillRect(context,+rect)

++++++++++++//+draw+original+image
++++++++++++CGContextSetBlendMode(context,+.Normal)
++++++++++++CGContextDrawImage(context,+rect,+self.CGImage)

++++++++++++//+tint+image+(loosing+alpha)+-+the+luminosity+of+the+original+image+is+preserved
++++++++++++CGContextSetBlendMode(context,+.Color)
++++++++++++tintColor.setFill()
++++++++++++CGContextFillRect(context,+rect)

++++++++++++//+mask+by+alpha+values+of+original+image
++++++++++++CGContextSetBlendMode(context,+.DestinationIn)
++++++++++++CGContextDrawImage(context,+rect,+self.CGImage)
++++++++}
++++}
++++/**
+++++Tint+Picto+to+color

+++++-+parameter+fillColor:+UIColor

+++++-+returns:+UIImage
+++++*/
++++public+func+tintPicto(fillColor:+UIColor)+->+UIImage+{

++++++++return+modifiedImage+{+context,+rect+in
++++++++++++//+draw+tint+color
++++++++++++CGContextSetBlendMode(context,+.Normal)
++++++++++++fillColor.setFill()
++++++++++++CGContextFillRect(context,+rect)

++++++++++++//+mask+by+alpha+values+of+original+image
++++++++++++CGContextSetBlendMode(context,+.DestinationIn)
++++++++++++CGContextDrawImage(context,+rect,+self.CGImage)
++++++++}
++++}
++++/**
+++++Modified+Image+Context,+apply+modification+on+image

+++++-+parameter+draw:+(CGContext,+CGRect)+->+())

+++++-+returns:+UIImage
+++++*/
++++private+func+modifiedImage(@noescape+draw:+(CGContext,+CGRect)+->+())+->+UIImage+{

++++++++//+using+scale+correctly+preserves+retina+images
++++++++UIGraphicsBeginImageContextWithOptions(size,+false,+scale)
++++++++let+context:+CGContext!+=+UIGraphicsGetCurrentContext()
++++++++assert(context+!=+nil)

++++++++//+correctly+rotate+image
++++++++CGContextTranslateCTM(context,+0,+size.height);
++++++++CGContextScaleCTM(context,+1.0,+-1.0);

++++++++let+rect+=+CGRectMake(0.0,+0.0,+size.width,+size.height)

++++++++draw(context,+rect)

++++++++let+image+=+UIGraphicsGetImageFromCurrentImageContext()
++++++++UIGraphicsEndImageContext()
++++++++return+image
++++}
}|code-block|syntax|javascript|2812427|UPD|2812428|Swift+3|2812429|extension+UIImage+{

++++/**
+++++Tint,+Colorize+image+with+given+tint+color 
+++++This+is+similar+to+Photoshop's+"Color"+layer+blend+mode 
+++++This+is+perfect+for+non-greyscale+source+images,+and+images+that+have+both+highlights+and+shadows+that+should+be+preserved 
+++++white+will+stay+white+and+black+will+stay+black+as+the+lightness+of+the+image+is+preserved 

+++++<img+src="http://yannickstephan.com/easyhelper/tint1.png"+height="70"+width="120"/>

+++++**To**

+++++<img+src="http://yannickstephan.com/easyhelper/tint2.png"+height="70"+width="120"/>

+++++-+parameter+tintColor:+UIColor

+++++-+returns:+UIImage
+++++*/
++++func+tintPhoto(_+tintColor:+UIColor)+->+UIImage+{

++++++++return+modifiedImage+{+context,+rect+in
++++++++++++//+draw+black+background+-+workaround+to+preserve+color+of+partially+transparent+pixels
++++++++++++context.setBlendMode(.normal)
++++++++++++UIColor.black.setFill()
++++++++++++context.fill(rect)

++++++++++++//+draw+original+image
++++++++++++context.setBlendMode(.normal)
++++++++++++context.draw(cgImage!,+in:+rect)

++++++++++++//+tint+image+(loosing+alpha)+-+the+luminosity+of+the+original+image+is+preserved
++++++++++++context.setBlendMode(.color)
++++++++++++tintColor.setFill()
++++++++++++context.fill(rect)

++++++++++++//+mask+by+alpha+values+of+original+image
++++++++++++context.setBlendMode(.destinationIn)
++++++++++++context.draw(context.makeImage()!,+in:+rect)
++++++++}
++++}

++++/**
+++++Tint+Picto+to+color

+++++-+parameter+fillColor:+UIColor

+++++-+returns:+UIImage
+++++*/
++++func+tintPicto(_+fillColor:+UIColor)+->+UIImage+{

++++++++return+modifiedImage+{+context,+rect+in
++++++++++++//+draw+tint+color
++++++++++++context.setBlendMode(.normal)
++++++++++++fillColor.setFill()
++++++++++++context.fill(rect)

++++++++++++//+mask+by+alpha+values+of+original+image
++++++++++++context.setBlendMode(.destinationIn)
++++++++++++context.draw(cgImage!,+in:+rect)
++++++++}
++++}

++++/**
+++++Modified+Image+Context,+apply+modification+on+image

+++++-+parameter+draw:+(CGContext,+CGRect)+->+())

+++++-+returns:+UIImage
+++++*/
++++fileprivate+func+modifiedImage(_+draw:+(CGContext,+CGRect)+->+())+->+UIImage+{

++++++++//+using+scale+correctly+preserves+retina+images
++++++++UIGraphicsBeginImageContextWithOptions(size,+false,+scale)
++++++++let+context:+CGContext!+=+UIGraphicsGetCurrentContext()
++++++++assert(context+!=+nil)

++++++++//+correctly+rotate+image
++++++++context.translateBy(x:+0,+y:+size.height)
++++++++context.scaleBy(x:+1.0,+y:+-1.0)

++++++++let+rect+=+CGRect(x:+0.0,+y:+0.0,+width:+size.width,+height:+size.height)

++++++++draw(context,+rect)

++++++++let+image+=+UIGraphicsGetImageFromCurrentImageContext()
++++++++UIGraphicsEndImageContext()
++++++++return+image!
++++}

}|2812430|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/5e29436b39f6ebfd71c96315f4861192.png|imageAlt|1|https://developer.qcloudimg.com/http-save/yehe-900000/60855aca61dc0af00c87b67758ea8114.png^0|9|4|E|4|J|5|0|0|5|0|0|1|0|0|0|1|1|0|0|0|7|0|0|0|3|0|0|7|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1L|8|@]|D|@$9|1M|A|1N|1|1O]]|E|$]]|$1|K|3|I|5|J|7|1P|8|@]|D|@$9|1Q|A|1R|1|1S]]|E|$]]|$1|L|3|M|5|6|7|1T|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1U|8|@$9|1V|A|1W|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|R|7|1X|8|@]|D|@]|E|$S|T]]|$1|U|3|V|5|6|7|1Y|8|@$9|1Z|A|20|B|C]]|D|@]|E|$]]|$1|W|3|X|5|6|7|21|8|@$9|22|A|23|B|C]]|D|@]|E|$]]|$1|Y|3|Z|5|R|7|24|8|@]|D|@]|E|$S|T]]|$1|10|3|-4|5|6|7|25|8|@]|D|@]|E|$]]]|11|$12|$5|13|14|15|E|$16|17|18|-4]]|19|$5|13|14|15|E|$16|1A|18|-4]]]]

For change tint of image (pick, classical image, photo) use that :

Example image :
<a href="https://i.stack.imgur.com/AESfq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/AESfq.png" alt="enter image description here"></a>
<a href="https://i.stack.imgur.com/LlrqV.png" rel="noreferrer"><img src="https://i.stack.imgur.com/LlrqV.png" alt="enter image description here"></a>

Swift 2

<pre><code>public extension UIImage {
 /**
 Tint, Colorize image with given tint color&lt;br&gt;&lt;br&gt;
 This is similar to Photoshop's "Color" layer blend mode&lt;br&gt;&lt;br&gt;
 This is perfect for non-greyscale source images, and images that have both highlights and shadows that should be preserved&lt;br&gt;&lt;br&gt;
 white will stay white and black will stay black as the lightness of the image is preserved&lt;br&gt;&lt;br&gt;

 &lt;img src="http://yannickstephan.com/easyhelper/tint1.png" height="70" width="120"/&gt;

 **To**

 &lt;img src="http://yannickstephan.com/easyhelper/tint2.png" height="70" width="120"/&gt;

 - parameter tintColor: UIColor

 - returns: UIImage
 */
 public func tintPhoto(tintColor: UIColor) -&gt; UIImage {

 return modifiedImage { context, rect in
 // draw black background - workaround to preserve color of partially transparent pixels
 CGContextSetBlendMode(context, .Normal)
 UIColor.blackColor().setFill()
 CGContextFillRect(context, rect)

 // draw original image
 CGContextSetBlendMode(context, .Normal)
 CGContextDrawImage(context, rect, self.CGImage)

 // tint image (loosing alpha) - the luminosity of the original image is preserved
 CGContextSetBlendMode(context, .Color)
 tintColor.setFill()
 CGContextFillRect(context, rect)

 // mask by alpha values of original image
 CGContextSetBlendMode(context, .DestinationIn)
 CGContextDrawImage(context, rect, self.CGImage)
 }
 }
 /**
 Tint Picto to color

 - parameter fillColor: UIColor

 - returns: UIImage
 */
 public func tintPicto(fillColor: UIColor) -&gt; UIImage {

 return modifiedImage { context, rect in
 // draw tint color
 CGContextSetBlendMode(context, .Normal)
 fillColor.setFill()
 CGContextFillRect(context, rect)

 // mask by alpha values of original image
 CGContextSetBlendMode(context, .DestinationIn)
 CGContextDrawImage(context, rect, self.CGImage)
 }
 }
 /**
 Modified Image Context, apply modification on image

 - parameter draw: (CGContext, CGRect) -&gt; ())

 - returns: UIImage
 */
 private func modifiedImage(@noescape draw: (CGContext, CGRect) -&gt; ()) -&gt; UIImage {

 // using scale correctly preserves retina images
 UIGraphicsBeginImageContextWithOptions(size, false, scale)
 let context: CGContext! = UIGraphicsGetCurrentContext()
 assert(context != nil)

 // correctly rotate image
 CGContextTranslateCTM(context, 0, size.height);
 CGContextScaleCTM(context, 1.0, -1.0);

 let rect = CGRectMake(0.0, 0.0, size.width, size.height)

 draw(context, rect)

 let image = UIGraphicsGetImageFromCurrentImageContext()
 UIGraphicsEndImageContext()
 return image
 }
}
</code></pre>

UPD

Swift 3

<pre><code>extension UIImage {

 /**
 Tint, Colorize image with given tint color&lt;br&gt;&lt;br&gt;
 This is similar to Photoshop's "Color" layer blend mode&lt;br&gt;&lt;br&gt;
 This is perfect for non-greyscale source images, and images that have both highlights and shadows that should be preserved&lt;br&gt;&lt;br&gt;
 white will stay white and black will stay black as the lightness of the image is preserved&lt;br&gt;&lt;br&gt;

 &lt;img src="http://yannickstephan.com/easyhelper/tint1.png" height="70" width="120"/&gt;

 **To**

 &lt;img src="http://yannickstephan.com/easyhelper/tint2.png" height="70" width="120"/&gt;

 - parameter tintColor: UIColor

 - returns: UIImage
 */
 func tintPhoto(_ tintColor: UIColor) -&gt; UIImage {

 return modifiedImage { context, rect in
 // draw black background - workaround to preserve color of partially transparent pixels
 context.setBlendMode(.normal)
 UIColor.black.setFill()
 context.fill(rect)

 // draw original image
 context.setBlendMode(.normal)
 context.draw(cgImage!, in: rect)

 // tint image (loosing alpha) - the luminosity of the original image is preserved
 context.setBlendMode(.color)
 tintColor.setFill()
 context.fill(rect)

 // mask by alpha values of original image
 context.setBlendMode(.destinationIn)
 context.draw(context.makeImage()!, in: rect)
 }
 }

 /**
 Tint Picto to color

 - parameter fillColor: UIColor

 - returns: UIImage
 */
 func tintPicto(_ fillColor: UIColor) -&gt; UIImage {

 return modifiedImage { context, rect in
 // draw tint color
 context.setBlendMode(.normal)
 fillColor.setFill()
 context.fill(rect)

 // mask by alpha values of original image
 context.setBlendMode(.destinationIn)
 context.draw(cgImage!, in: rect)
 }
 }

 /**
 Modified Image Context, apply modification on image

 - parameter draw: (CGContext, CGRect) -&gt; ())

 - returns: UIImage
 */
 fileprivate func modifiedImage(_ draw: (CGContext, CGRect) -&gt; ()) -&gt; UIImage {

 // using scale correctly preserves retina images
 UIGraphicsBeginImageContextWithOptions(size, false, scale)
 let context: CGContext! = UIGraphicsGetCurrentContext()
 assert(context != nil)

 // correctly rotate image
 context.translateBy(x: 0, y: size.height)
 context.scaleBy(x: 1.0, y: -1.0)

 let rect = CGRect(x: 0.0, y: 0.0, width: size.width, height: size.height)

 draw(context, rect)

 let image = UIGraphicsGetImageFromCurrentImageContext()
 UIGraphicsEndImageContext()
 return image!
 }

}
</code></pre>

blocks|key|2812444|text|您可以使用这个分机：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2812445|import+UIKit

extension+CGContext+{

++++func+fill(_+rect:+CGRect,
++++++++++++++with+mask:+CGImage,
++++++++++++++using+color:+CGColor)+{

++++++++saveGState()
++++++++defer+{+restoreGState()+}

++++++++translateBy(x:+0.0,+y:+rect.size.height)
++++++++scaleBy(x:+1.0,+y:+-1.0)
++++++++setBlendMode(.normal)

++++++++clip(to:+rect,+mask:+mask)

++++++++setFillColor(color)
++++++++fill(rect)
++++}
}

extension+UIImage+{

++++func+filled(with+color:+UIColor)+->+UIImage+{
++++++++let+rect+=+CGRect(origin:+.zero,+size:+self.size)
++++++++guard+let+mask+=+self.cgImage+else+{+return+self+}

++++++++if+#available(iOS+10.0,+*)+{
++++++++++++let+rendererFormat+=+UIGraphicsImageRendererFormat()
++++++++++++rendererFormat.scale+=+self.scale

++++++++++++let+renderer+=+UIGraphicsImageRenderer(size:+rect.size,
+++++++++++++++++++++++++++++++++++++++++++++++++++format:+rendererFormat)
++++++++++++return+renderer.image+{+context+in
++++++++++++++++context.cgContext.fill(rect,
+++++++++++++++++++++++++++++++++++++++with:+mask,
+++++++++++++++++++++++++++++++++++++++using:+color.cgColor)
++++++++++++}
++++++++}+else+{
++++++++++++UIGraphicsBeginImageContextWithOptions(rect.size,
+++++++++++++++++++++++++++++++++++++++++++++++++++false,
+++++++++++++++++++++++++++++++++++++++++++++++++++self.scale)
++++++++++++defer+{+UIGraphicsEndImageContext()+}

++++++++++++guard+let+context+=+UIGraphicsGetCurrentContext()+else+{+return+self+}

++++++++++++context.fill(rect,
+++++++++++++++++++++++++with:+mask,
+++++++++++++++++++++++++using:+color.cgColor)
++++++++++++return+UIGraphicsGetImageFromCurrentImageContext()+??+self
++++++++}
++++}
}|code-block|syntax|javascript|2812446|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use this extension:

<pre class="lang-swift prettyprint-override"><code>import UIKit

extension CGContext {

 func fill(_ rect: CGRect,
 with mask: CGImage,
 using color: CGColor) {

 saveGState()
 defer { restoreGState() }

 translateBy(x: 0.0, y: rect.size.height)
 scaleBy(x: 1.0, y: -1.0)
 setBlendMode(.normal)

 clip(to: rect, mask: mask)

 setFillColor(color)
 fill(rect)
 }
}

extension UIImage {

 func filled(with color: UIColor) -&gt; UIImage {
 let rect = CGRect(origin: .zero, size: self.size)
 guard let mask = self.cgImage else { return self }

 if #available(iOS 10.0, *) {
 let rendererFormat = UIGraphicsImageRendererFormat()
 rendererFormat.scale = self.scale

 let renderer = UIGraphicsImageRenderer(size: rect.size,
 format: rendererFormat)
 return renderer.image { context in
 context.cgContext.fill(rect,
 with: mask,
 using: color.cgColor)
 }
 } else {
 UIGraphicsBeginImageContextWithOptions(rect.size,
 false,
 self.scale)
 defer { UIGraphicsEndImageContext() }

 guard let context = UIGraphicsGetCurrentContext() else { return self }

 context.fill(rect,
 with: mask,
 using: color.cgColor)
 return UIGraphicsGetImageFromCurrentImageContext() ?? self
 }
 }
}
</code></pre>

blocks|key|2812462|text|如果使用资产目录，则可以将图像资产本身设置为以模板模式呈现。之后，您可以在Interface+(或代码)中设置按钮的tintColor，它应该使用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2812463|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you use asset catalogs you can set the image asset itself to render in template mode. After that you can set the tintColor of the button in Interface Builder (or in code) and it should take.

blocks|key|1549549|text|Swift+4|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1549550|++++let+origImage+=+UIImage(named:+"check")
++++let+tintedImage+=+origImage?.withRenderingMode(.alwaysTemplate)
++++buttons[0].setImage(tintedImage,+for:+.normal)
++++buttons[0].tintColor+=+.red|code-block|syntax|javascript|1549551|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Swift 4

<pre><code> let origImage = UIImage(named: "check")
 let tintedImage = origImage?.withRenderingMode(.alwaysTemplate)
 buttons[0].setImage(tintedImage, for: .normal)
 buttons[0].tintColor = .red
</code></pre>

blocks|key|2812488|text|如果使用资产目录，则可以将图像资产本身设置为以模板模式呈现。之后，您可以在Interface+(或代码)中设置按钮的tintColor，它应该使用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2812489|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you use asset catalogs you can set the image asset itself to render in template mode. After that you can set the tintColor of the button in Interface Builder (or in code) and it should take.

blocks|key|2386686|text|Swift+4和4.2|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2386687|let+img+=+UIImage.init(named:+"buttonName")?.withRenderingMode(UIImageRenderingMode.alwaysTemplate)
++++++++++++btn.setImage(img,+for:+.normal)
++++++++++++btn.tintColor+=+.gray|code-block|syntax|javascript|2386688|​|2386689|📷|atomic|offset|length|2386690|2386691|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/a7bb9195984b0224dc1f319b6a1b3d5f.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|10|8|@]|9|@$L|11|M|12|1|13]]|A|$]]|$1|N|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V|W|-4]]]]

Swift 4 and 4.2

<pre><code>let img = UIImage.init(named: "buttonName")?.withRenderingMode(UIImageRenderingMode.alwaysTemplate)
 btn.setImage(img, for: .normal)
 btn.tintColor = .gray
</code></pre>

<a href="https://i.stack.imgur.com/SlRWT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SlRWT.png" alt="enter image description here"></a>

I've got a set of icons that I've created that are transparent white PNGs: 

<img src="https://i.stack.imgur.com/OpCUC.png" alt="enter image description here">

And what I'd like to do is be able to tint them to other colors. Such as blue, grey, etc.

I've noticed that 'clicked/tapped' they change automatically to a grey. So I assume I can change that grey to whatever I like either with a tap or its normal state:

<img src="https://i.stack.imgur.com/yAadu.png" alt="enter image description here">

What would be the best way to achieve this?

Change color of png in buttons - ios

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我创建了一组图标，这些图标是透明的白色PNG：​​我想做的是能把它们涂成其他颜色。如蓝色、灰色等。我注意到“点击/点击”它们会自动变成灰色。所以我想我可以用水龙头或者它的正常状态把灰色变成任何我喜欢的东西：​​实现这一目标的最佳途径是什么？

问在按钮- ios中更改png的颜色
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在按钮- ios中更改png的颜色EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在按钮- ios中更改png的颜色
EN