Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>Update:</strong> Here is a <a href="https://gist.github.com/fabb/007d30ba0759de9be8a3">Gist</a> for a Swift UIColor extension using the code below.</p> <hr> <p>If you have a <em>greyscale image</em> and want <em>white become the tinting color</em>, <code>kCGBlendModeMultiply</code> is the way to go. With this method, you cannot have highlights lighter than your tinting color.</p> <p>On the contrary, if you have either a <em>non-greyscale image</em>, <strong>OR</strong> you have <em>highlights <strong>and</strong> shadows</em> that should be preserved, the blend mode <a href="http://developer.apple.com/library/ios/#documentation/GraphicsImaging/Reference/CGContext/Reference/reference.html#//apple_ref/doc/c_ref/CGBlendMode"><code>kCGBlendModeColor</code></a> is the way to go. White will stay white and black will stay black as the lightness of the image is preserved. This mode is just made for tinting - it is the same as Photoshop's <code>Color</code> layer blend mode (disclaimer: slightly differing results may happen).</p> <p>Note that tinting alpha-pixels does not work correctly neither in iOS nor in Photoshop - half-transparent black pixels would not stay black. I updated the answer below to work around that issue, it took quite a long time to find out.</p> <p>You can also use one of the blend modes <code>kCGBlendModeSourceIn/DestinationIn</code> instead of <code>CGContextClipToMask</code>.</p> <p>If you want to create a <code>UIImage</code>, each of the following code sections can be surrounded by the following code:</p> <pre><code>UIGraphicsBeginImageContextWithOptions (myIconImage.size, NO, myIconImage.scale); // for correct resolution on retina, thanks @MobileVet CGContextRef context = UIGraphicsGetCurrentContext(); CGContextTranslateCTM(context, 0, myIconImage.size.height); CGContextScaleCTM(context, 1.0, -1.0); CGRect rect = CGRectMake(0, 0, myIconImage.size.width, myIconImage.size.height); // image drawing code here UIImage *coloredImage = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); </code></pre> <hr> <p>So here's the code for tinting a transparent image with <code>kCGBlendModeColor</code>:</p> <pre><code>// draw black background to preserve color of transparent pixels CGContextSetBlendMode(context, kCGBlendModeNormal); [[UIColor blackColor] setFill]; CGContextFillRect(context, rect); // draw original image CGContextSetBlendMode(context, kCGBlendModeNormal); CGContextDrawImage(context, rect, myIconImage.CGImage); // tint image (loosing alpha) - the luminosity of the original image is preserved CGContextSetBlendMode(context, kCGBlendModeColor); [tintColor setFill]; CGContextFillRect(context, rect); // mask by alpha values of original image CGContextSetBlendMode(context, kCGBlendModeDestinationIn); CGContextDrawImage(context, rect, myIconImage.CGImage); </code></pre> <p>If your image has no half-transparent pixels, you could also do it the other way around with <a href="http://developer.apple.com/library/ios/documentation/GraphicsImaging/Reference/CGContext/Reference/reference.html#//apple_ref/doc/c_ref/kCGBlendModeLuminosity"><code>kCGBlendModeLuminosity</code></a>:</p> <pre><code>// draw tint color CGContextSetBlendMode(context, kCGBlendModeNormal); [tintColor setFill]; CGContextFillRect(context, rect); // replace luminosity of background (ignoring alpha) CGContextSetBlendMode(context, kCGBlendModeLuminosity); CGContextDrawImage(context, rect, myIconImage.CGImage); // mask by alpha values of original image CGContextSetBlendMode(context, kCGBlendModeDestinationIn); CGContextDrawImage(context, rect, myIconImage.CGImage); </code></pre> <hr> <p>If you don't care for luminosity, as you just have got an image with an alpha channel that should be tinted with a color, you can do it in a more efficient way:</p> <pre><code>// draw tint color CGContextSetBlendMode(context, kCGBlendModeNormal); [tintColor setFill]; CGContextFillRect(context, rect); // mask by alpha values of original image CGContextSetBlendMode(context, kCGBlendModeDestinationIn); CGContextDrawImage(context, rect, myIconImage.CGImage); </code></pre> <p>or the other way around:</p> <pre><code>// draw alpha-mask CGContextSetBlendMode(context, kCGBlendModeNormal); CGContextDrawImage(context, rect, myIconImage.CGImage); // draw tint color, preserving alpha values of original image CGContextSetBlendMode(context, kCGBlendModeSourceIn); [tintColor setFill]; CGContextFillRect(context, rect); </code></pre> <p>Have fun!</p>
    singulars
    1. This table or related slice is empty.
    1. POHow to tint a transparent PNG image in iPhone?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USfabb
    1. USfabb
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow to tint a transparent PNG image in iPhone?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThis is the best list of solutions to this problem that i've seen yet. Thank you! I wish i could upvote more than once.
      singulars
      1. PO
      1. UStheTRON
    2. COI updated my answer to explain the differences between `kCGBlendModeMultiply` and the other modes, and added to the code to work around a problem wich would cause black transparent shadow to be tinted too. Glad you can use it!
      singulars
      1. PO
      1. USfabb
    3. COThis is fantastic and saved me tons of time! I love the technique of using kCGBlendModeDestinationIn to restore the original alpha of the image that you are manipulating. Way easier than dealing with clipping masks.
      singulars
      1. PO
      1. USZiconic
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload