möchte wissen, wer 2 Bilder in einem Bild speichern soll.
eines der Fotos erlaubt das Verschieben, Drehen und Vergrößern/Verkleinern ...
ich mache das, aber es erfasst im Grunde alles, was auf dem Bildschirm angezeigt wird, einschließlich meiner Tasten ...
UIGraphicsBeginImageContext(self.view.bounds.size);
[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *savedImg = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
Sie können einen Grafikkontext erstellen und beide Bilder darin zeichnen. Sie erhalten ein Bildergebnis aus beiden Quellbildern zusammen.
- (UIImage*)imageByCombiningImage:(UIImage*)firstImage withImage:(UIImage*)secondImage {
UIImage *image = nil;
CGSize newImageSize = CGSizeMake(MAX(firstImage.size.width, secondImage.size.width), MAX(firstImage.size.height, secondImage.size.height));
if (UIGraphicsBeginImageContextWithOptions != NULL) {
UIGraphicsBeginImageContextWithOptions(newImageSize, NO, [[UIScreen mainScreen] scale]);
} else {
UIGraphicsBeginImageContext(newImageSize);
}
[firstImage drawAtPoint:CGPointMake(roundf((newImageSize.width-firstImage.size.width)/2),
roundf((newImageSize.height-firstImage.size.height)/2))];
[secondImage drawAtPoint:CGPointMake(roundf((newImageSize.width-secondImage.size.width)/2),
roundf((newImageSize.height-secondImage.size.height)/2))];
image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return image;
}
// Ziel c
UIImage *image1 = [UIImage imageNamed:@"image1.png"];
UIImage *image2 = [UIImage imageNamed:@"image2.png"];
CGSize size = CGSizeMake(image1.size.width, image1.size.height + image2.size.height);
UIGraphicsBeginImageContext(size);
[image1 drawInRect:CGRectMake(0,0,size.width, image1.size.height)];
[image2 drawInRect:CGRectMake(0,image1.size.height,size.width, image2.size.height)];
UIImage *finalImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//set finalImage to IBOulet UIImageView
imageView.image = finalImage;
// Swift
let topImage = UIImage(named: "image1.png")
let bottomImage = UIImage(named: "image2.png")
let size = CGSize(width: topImage!.size.width, height: topImage!.size.height + bottomImage!.size.height)
UIGraphicsBeginImageContextWithOptions(size, false, 0.0)
topImage!.draw(in: CGRect(x: 0, y: 0, width: size.width, height: topImage!.size.height))
bottomImage!.draw(in: CGRect(x: 0, y: topImage!.size.height, width: size.width, height: bottomImage!.size.height))
let newImage:UIImage = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()
//set finalImage to IBOulet UIImageView
mergeImage.image = newImage
Sie können diese Methode verwenden, die sehr dynamisch ist, und Sie können die Startposition des zweiten Bildes und die Gesamtgröße des Bildes angeben.
-(UIImage *) addImageToImage:(UIImage *)img withImage2:(UIImage *)img2 andRect:(CGRect)cropRect withImageWidth:(int) width
{
CGSize size = CGSizeMake(width,40);
UIGraphicsBeginImageContext(size);
CGPoint pointImg1 = CGPointMake(0,0);
[img drawAtPoint:pointImg1];
CGPoint pointImg2 = cropRect.Origin;
[img2 drawAtPoint: pointImg2];
UIImage* result = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return result;
}
Swift 3
In diesem Beispiel wird das frontImage mit einem Rand von 20% in das andere Bild gezeichnet.
Das Hintergrundbild muss vor und das Vorderbild in Folge gezeichnet werden.
Ich habe dies verwendet, um ein "Play" -Symbol vor einem Video-Frame-Bild in einer UIImageView wie folgt zu platzieren:
Verwendungszweck:
self.image = self.mergedImageWith(frontImage: UIImage.init(named: "play.png"), backgroundImage: UIImage.init(named: "backgroundImage.png")))
Methode:
func mergedImageWith(frontImage:UIImage?, backgroundImage: UIImage?) -> UIImage{
if (backgroundImage == nil) {
return frontImage!
}
let size = self.frame.size
UIGraphicsBeginImageContextWithOptions(size, false, 0.0)
backgroundImage?.draw(in: CGRect.init(x: 0, y: 0, width: size.width, height: size.height))
frontImage?.draw(in: CGRect.init(x: 0, y: 0, width: size.width, height: size.height).insetBy(dx: size.width * 0.2, dy: size.height * 0.2))
let newImage:UIImage = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()
return newImage
}
Hier ist eine Methode für die UIImage-Erweiterung, um mehrere Bilder zu kombinieren:
class func combine(images: UIImage...) -> UIImage {
var contextSize = CGSizeZero
for image in images {
contextSize.width = max(contextSize.width, image.size.width)
contextSize.height = max(contextSize.height, image.size.height)
}
UIGraphicsBeginImageContextWithOptions(contextSize, false, UIScreen.mainScreen().scale)
for image in images {
let originX = (contextSize.width - image.size.width) / 2
let originY = (contextSize.height - image.size.height) / 2
image.drawInRect(CGRectMake(originX, originY, image.size.width, image.size.height))
}
let combinedImage = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return combinedImage
}
Beispiel:
UIImage.combine(image1, image2)
Swift-3 (IOS10.3)
extension UIImage {
func combineWith(image: UIImage) -> UIImage {
let size = CGSize(width: self.size.width, height: self.size.height + image.size.height)
UIGraphicsBeginImageContextWithOptions(size, false, 0.0)
self.draw(in: CGRect(x:0 , y: 0, width: size.width, height: self.size.height))
image.draw(in: CGRect(x: 0, y: self.size.height, width: size.width, height: image.size.height))
let newImage: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()
return newImage
}
}
Verwendungszweck
let image1 = UIImage(named: "image1.jpg")
let image2 = UIImage(named: "image2.jpg")
yourImageView.image = image1?.combineWith(image: image2)
Basierend auf der Antwort von Himanshu Padia
Wenn Sie "dynamisch" mehrere Bilder (mit demselben Seitenverhältnis) in einem Raster in Objective-C
kombinieren möchten
Ich habe nur zwei für dieses Beispiel für gerade/ungerade Slots verwendet.
Formeln für gleiche Inline- und Umrisslinien:
// psx = (x - (n+1)*bs / n)
// psy = (y - (m+1)*bs / m)
Formeln für verschiedene Inline- und Umrisslinien
// psx = (x - (n-1)*bs + obs / n)
// psy = (y - (m-1)*bs + obs / m)
Erläuterung:
obs - Umrissgröße
Warum n + 1? Für drei Teile benötigen Sie 4 Ränder |*|*|*|
Warum n-1? Wie oben, jedoch ohne die erste und letzte Grenze !*|*|*!
Code:
UIImage *image1 = [UIImage imageNamed:@"14x9blue"];
UIImage *image2 = [UIImage imageNamed:@"14x9red"];
// grid parameters
int k =0;
int m=3,n = 3;
int i=0, j=0;
CGFloat borderSize = 20.0f;
// equal border inline and outline
// the 1 is a multiplier for easier and more dynamic sizes
// 0*borderSize is inline border only, 1 is equal, 2 is double, etc.
CGFloat outlineBorder = 1*borderSize;
CGSize size = CGSizeMake(self.gridImageView.image.size.width, self.gridImageView.image.size.height);
CGRect gridImage = CGRectMake(0,0, size.width, size.height);
// piece size
// border inline and outline
// psx = (x - (n-1)*bs + obs / n)
// psy = (y - (m-1)*bs + obs / m)
CGFloat pieceSizeX = (size.width - (n-1)*borderSize - 2*outlineBorder) / n;
CGFloat pieceSizeY = (size.height - (m-1)*borderSize - 2*outlineBorder) / m;
UIGraphicsBeginImageContext(size);
// semi transparent fill
[[UIColor colorWithDisplayP3Red:240 green:250 blue:0 alpha:0.5] setFill];
UIRectFill(CGRectMake(0,0, size.width, size.height));
UIImage *currentImage;
for(i=0; i<m; i++) {
for (j=0; j<n; j++) {
if (k++%2) {
currentImage = image1;
} else {
currentImage = image2;
}
// 10-60 , 70-120, 130-180
[currentImage drawInRect:CGRectMake(
outlineBorder + (i)*borderSize + i*pieceSizeX,
outlineBorder + (j)*borderSize + j*pieceSizeY,
pieceSizeX,
pieceSizeY
)
];
}
}
UIImage *finalImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//set finalImage to IBOulet UIImageView
self.gridImageView.image = finalImage;