আমি কীভাবে একটি ইউআইআইমেজভিউকে মাস্ক করতে পারি?

Question 1

আমি এই জাতীয় কিছু দিয়ে একটি ছবিতে মুখোশ দেওয়ার চেষ্টা করছি:

চিত্র মুখোশযুক্ত করা

তুমি কি আমাকে সাহায্য করবে?

আমি এই কোডটি ব্যবহার করছি:

- (void) viewDidLoad {
    UIImage *OrigImage = [UIImage imageNamed:@"dogs.png"];
    UIImage *mask = [UIImage imageNamed:@"mask.png"];
    UIImage *maskedImage = [self maskImage:OrigImage withMask:mask];
    myUIIMage.image = maskedImage;
}

Question 2

একটি সহজ উপায় আছে।

#import <QuartzCore/QuartzCore.h>
// remember to include Framework as well

CALayer *mask = [CALayer layer];
mask.contents = (id)[[UIImage imageNamed:@"mask.png"] CGImage];
mask.frame = CGRectMake(0, 0, <img_width>, <img_height>);
yourImageView.layer.mask = mask;
yourImageView.layer.masksToBounds = YES;

সুইফট 4 এবং আরও নীচে নীচের কোড অনুসরণ করুন

let mask = CALayer()
mask.contents =  [ UIImage(named: "right_challenge_bg")?.cgImage] as Any
mask.frame = CGRect(x: 0, y: 0, width: leftBGImage.frame.size.width, height: leftBGImage.frame.size.height)
leftBGImage.layer.mask = mask
leftBGImage.layer.masksToBounds = true

Question 3

টিউটোরিয়ালটি দুটি পরামিতি সহ এই পদ্ধতিটি ব্যবহার করে: imageএবং maskImage, আপনি যখন পদ্ধতিটি কল করবেন তখন এগুলি আপনাকে সেট করতে হবে। পদ্ধতিটি একই শ্রেণিতে রয়েছে এবং ছবিগুলি আপনার বান্ডেলে রয়েছে তা ধরে নিয়ে উদাহরণ কলটি এর মতো দেখতে পারে could

দ্রষ্টব্য - আশ্চর্যজনকভাবে চিত্রগুলিও একই আকারের হতে পারে না।

...
UIImage *image = [UIImage imageNamed:@"dogs.png"];
UIImage *mask = [UIImage imageNamed:@"mask.png"];

// result of the masking method
UIImage *maskedImage = [self maskImage:image withMask:mask];

...

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage {

    CGImageRef maskRef = maskImage.CGImage; 

    CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
        CGImageGetHeight(maskRef),
        CGImageGetBitsPerComponent(maskRef),
        CGImageGetBitsPerPixel(maskRef),
        CGImageGetBytesPerRow(maskRef),
        CGImageGetDataProvider(maskRef), NULL, false);

    CGImageRef maskedImageRef = CGImageCreateWithMask([image CGImage], mask);
    UIImage *maskedImage = [UIImage imageWithCGImage:maskedImageRef];

    CGImageRelease(mask);
    CGImageRelease(maskedImageRef);

    // returns new image with mask applied
    return maskedImage;
}

আপনি আপনার কোড সরবরাহ করার পরে আমি এটিতে রেফারেন্সের জন্য মন্তব্য হিসাবে কিছু নম্বর যুক্ত করেছি। আপনার কাছে এখনও দুটি বিকল্প রয়েছে। এই পুরো জিনিসটি একটি পদ্ধতি, যা আপনি কোথাও কল করছেন। আপনার এর ভিতরে চিত্রগুলি তৈরি করার দরকার নেই: এটি পদ্ধতির পুনরায় ব্যবহারযোগ্যতা শূন্যে হ্রাস করে।

আপনার কোড কাজ করতে। পদ্ধতিসমূহ প্রধান ( 1. ) এ পরিবর্তন করুন

- (UIImage *)maskImageMyImages {

তারপর পরিবর্তনশীল নাম পরিবর্তন 2. করার

UIImage *maskImage = [UIImage imageNamed:@"mask.png"];

পদ্ধতিটি আপনার মুখোশযুক্ত চিত্রগুলি ফিরিয়ে দেবে তাই আপনাকে কোনও জায়গায় এই পদ্ধতিটি কল করতে হবে। আপনি আমাদের পদ্ধতিটি যেখানে কল করছেন সেখানে আমাদের কোডটি প্রদর্শন করতে পারেন?

Question 4

সুইফট 3 - সহজ সমাধান আমি পেয়েছি

আমি এটির @IBDesignableজন্য একটি তৈরি করেছি যাতে আপনি সরাসরি আপনার স্টোরবোর্ডে এর প্রভাব দেখতে পান।

import UIKit

@IBDesignable
class UIImageViewWithMask: UIImageView {
    var maskImageView = UIImageView()

    @IBInspectable
    var maskImage: UIImage? {
        didSet {
            maskImageView.image = maskImage
            updateView()
        }
    }

    // This updates mask size when changing device orientation (portrait/landscape)
    override func layoutSubviews() {
        super.layoutSubviews()
        updateView()
    }

    func updateView() {
        if maskImageView.image != nil {
            maskImageView.frame = bounds
            mask = maskImageView
        }
    }
}

ব্যবহারবিধি

একটি নতুন ফাইল তৈরি করুন এবং উপরের কোডটিতে পেস্ট করুন।
আপনার স্টোরিবোর্ডে ইউআইআইমেজভিউ যুক্ত করুন (আপনি চাইলে একটি চিত্র নির্ধারণ করুন)।
পরিচয়ের পরিদর্শকটিতে: কাস্টম ক্লাসটি "ইউআইআইমেজভিউউথথমাস্ক" এ পরিবর্তন করুন (উপরে কাস্টম শ্রেণীর নাম)।
বৈশিষ্ট্য পরিদর্শকের উপর: আপনি ব্যবহার করতে চান এমন মাস্ক চিত্র নির্বাচন করুন।

উদাহরণ

আপনি যদি ক্যালায়ার মাস্কটি ব্যবহার করতে চান তবে আপনাকে অবশ্যই আলফা চ্যানেলের সাথে (24 বিট বা 8 বিট) পিএনজি ব্যবহার করতে হবে যেখানে আপনার পিএনগির স্বচ্ছ অংশটি চিত্রটি মাস্ক করবে (মসৃণ গ্রেডিয়েন্ট আলফা মাস্কের জন্য .. আলফা চ্যানেলের সাথে 24 বিট পিএনজি ব্যবহার করুন)

Question 6

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage {
        CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

        CGImageRef maskImageRef = [maskImage CGImage];

        // create a bitmap graphics context the size of the image
        CGContextRef mainViewContentContext = CGBitmapContextCreate (NULL, maskImage.size.width, maskImage.size.height, 8, 0, colorSpace, kCGImageAlphaPremultipliedLast);
        CGColorSpaceRelease(colorSpace);

        if (mainViewContentContext==NULL)
            return NULL;

        CGFloat ratio = 0;

        ratio = maskImage.size.width/ image.size.width;

        if(ratio * image.size.height < maskImage.size.height) {
            ratio = maskImage.size.height/ image.size.height;
        }

        CGRect rect1  = {{0, 0}, {maskImage.size.width, maskImage.size.height}};
        CGRect rect2  = {{-((image.size.width*ratio)-maskImage.size.width)/2 , -((image.size.height*ratio)-maskImage.size.height)/2}, {image.size.width*ratio, image.size.height*ratio}};


        CGContextClipToMask(mainViewContentContext, rect1, maskImageRef);
        CGContextDrawImage(mainViewContentContext, rect2, image.CGImage);


        // Create CGImageRef of the main view bitmap content, and then
        // release that bitmap context
        CGImageRef newImage = CGBitmapContextCreateImage(mainViewContentContext);
        CGContextRelease(mainViewContentContext);

        UIImage *theImage = [UIImage imageWithCGImage:newImage];

        CGImageRelease(newImage);

        // return the image
        return theImage;
}

এটি আমার পক্ষে কাজ করে।

Question 7

সুইফট 3 এক্সকোড 8.1

func maskImage(image: UIImage, withMask maskImage: UIImage) -> UIImage {

    let maskRef = maskImage.cgImage

    let mask = CGImage(
        maskWidth: maskRef!.width,
        height: maskRef!.height,
        bitsPerComponent: maskRef!.bitsPerComponent,
        bitsPerPixel: maskRef!.bitsPerPixel,
        bytesPerRow: maskRef!.bytesPerRow,
        provider: maskRef!.dataProvider!,
        decode: nil,
        shouldInterpolate: false)

    let masked = image.cgImage!.masking(mask!)
    let maskedImage = UIImage(cgImage: masked!)

    // No need to release. Core Foundation objects are automatically memory managed.

    return maskedImage

}

// ব্যবহারের জন্য

testImage.image = maskImage(image: UIImage(named: "OriginalImage")!, withMask: UIImage(named: "maskImage")!)

Question 8

গৃহীত সমাধানটির দ্রুততম সংস্করণ:

func maskImage(image: UIImage, withMask maskImage: UIImage) -> UIImage {

    let maskRef = maskImage.CGImage

    let mask = CGImageMaskCreate(
        CGImageGetWidth(maskRef),
        CGImageGetHeight(maskRef),
        CGImageGetBitsPerComponent(maskRef),
        CGImageGetBitsPerPixel(maskRef),
        CGImageGetBytesPerRow(maskRef),
        CGImageGetDataProvider(maskRef),
        nil,
        false)

    let masked = CGImageCreateWithMask(image.CGImage, mask)
    let maskedImage = UIImage(CGImage: masked)!

    // No need to release. Core Foundation objects are automatically memory managed.

    return maskedImage

}

যদি কারও এটির প্রয়োজন হয়।

এটা নির্দোষভাবে আমার জন্য কাজ করে।

Question 9

আমরা পেয়েছি যে সঠিক উত্তরটি এখন কাজ করছে না এবং সামান্য ড্রপ-ইন ক্লাস প্রয়োগ করেছে, যা ইউআইআইমেজভিউতে কোনও চিত্রকে মুখোশ করতে সহায়তা করে।

এটি এখানে উপলভ্য: https://github.com/Werbary/WBMaskedImageView

উদাহরণ:

WBMaskedImageView *imgView = [[WBMaskedImageView alloc] initWithFrame:frame];
imgView.originalImage = [UIImage imageNamed:@"original_image.png"];
imgView.maskImage = [UIImage imageNamed:@"mask_image.png"];