Save to Iphone images

sacha1996 · 03-25-2011, 12:04 PM

Hi ,
I have a button creator.
You can choose the alpha , saturation etc.
You can also enter a name/text in a textfield and it will display it on a label (on the button).
Actually you could create a custom button with custom text on it.
How do I have to do that you can save the button layer + the label layer together ?
Thanks very much !

dany_dev · 03-25-2011, 03:51 PM

if you need to show the image only on your app, you can just save the uibutton frame together the image (so that you can re-add it every time you show the image), if you need to create an image that include the button, you can get a screenshot, but you have only a low-res image.

Code:

UIImage *viewImage = [UIImage imageWithCGImage:UIGetScreenImage()];

sacha1996 · 03-26-2011, 05:08 AM

Quote:

Originally Posted by dany_dev

if you need to show the image only on your app, you can just save the uibutton frame together the image (so that you can re-add it every time you show the image), if you need to create an image that include the button, you can get a screenshot, but you have only a low-res image.

Code:

UIImage *viewImage = [UIImage imageWithCGImage:UIGetScreenImage()];

Thanks !
But I need to save the button layer with the label layer together.
The screenshot will have all my window , but the button is only a part of it , so you will see all the other things, and it is low-res as you said

Any idea what's the code for to save only the button layer (wich I know) , but the code for the button layer with the label layer , do you know it (I don't know) ?

dany_dev · 03-26-2011, 06:24 AM

maybe i missunderstood the question.

I thinked initially that you're searching a way to save your image + a button on it.

Now i understand that you need to save only a button + a label. But you need to do that in an image? or you can just save button frame and label text and then re-show it?

sacha1996 · 03-26-2011, 07:39 AM

Quote:

Originally Posted by dany_dev

maybe i missunderstood the question.

I thinked initially that you're searching a way to save your image + a button on it.

Now i understand that you need to save only a button + a label. But you need to do that in an image? or you can just save button frame and label text and then re-show it?

I don't really understand what you mean. But let's say like that :
It's a button maker. You choose the button text , alpha , saturation etc.
After you made the button you sould save him to you image. When I do that it's saves only the button layer , but not the label layer.
I want to save the button frame + the label text together with no background (so in alpha).
I have the code for to save the button., but i don't know the code for to save the label in the button image.
Do you want that I let see the code for to save the button layer only ?

dany_dev · 03-26-2011, 07:59 AM

ok...show it.

sacha1996 · 03-27-2011, 04:08 AM

Quote:

Originally Posted by dany_dev

ok...show it.

Code:

- (void) saveImageToFile: (NSString *) filePath {
	UIGraphicsBeginImageContext(_button.frame.size);
	CGContextRef theContext = UIGraphicsGetCurrentContext();
	[_button.layer renderInContext:theContext];
	
	CGRect overDrawRects[] = {CGRectMake(10, 0, 1, _button.frame.size.height), CGRectMake(_button.frame.size.width - 11, 0, 1, _button.frame.size.height)};
	
	[[UIColor clearColor] set];
	
	for (int i = 0; i < 2; i++) {
		UIRectFill(overDrawRects[i]);
		CGContextSaveGState(theContext);
		CGContextClipToRect(theContext, overDrawRects[i]);
		CGContextTranslateCTM(theContext, -1, 0);
		[_button.layer renderInContext:theContext];
		CGContextRestoreGState(theContext);
	}
	
	UIImage *theImage = UIGraphicsGetImageFromCurrentImageContext();
	NSData *theData = UIImagePNGRepresentation(theImage);
	[theData writeToFile: filePath atomically:NO];
	UIGraphicsEndImageContext();	
}


-(IBAction) saveTapped:(id)sender {
	NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
	NSString *documentsDirectory = [paths objectAtIndex:0];
	
	// the path to write file
	NSString *buttonFile = [documentsDirectory stringByAppendingPathComponent:@"button.png"];
	NSString *buttonHighlightFile = [documentsDirectory stringByAppendingPathComponent:@"button-highlight.png"]; 
	
	[self saveImageToFile: buttonFile];
	
	
	
	[_button setHighlighted:YES];
	
	[self saveImageToFile: buttonHighlightFile];
	
	[_button setHighlighted:NO];
	NSString *msg = [NSString stringWithFormat:@"Wrote files to %@", documentsDirectory];
	UIAlertView *alertView = [[[UIAlertView alloc] initWithTitle:@"Done" message:msg delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil] autorelease];
	[alertView show];
}

_button is the button to be saved , it saves only the _button layer.
I have also a UIlabel called label. I want this to be saved with the button frame together

Thanks !

sacha1996 · 03-28-2011, 11:20 AM

Has anyone any idea ???
Please helppppp
I really need to know the code !!
Thankyou

dany_dev · 04-02-2011, 03:00 AM

add your button and label on a uiview and then change that line

Code:

- (void) saveImageToFile: (NSString *) filePath {
	UIGraphicsBeginImageContext(_myNewLayer.frame.size);
	CGContextRef theContext = UIGraphicsGetCurrentContext();
	[_myNewLayer.layer renderInContext:theContext];
	
	CGRect overDrawRects[] = {CGRectMake(10, 0, 1, _myNewLayer.frame.size.height), CGRectMake(_myNewLayer.frame.size.width - 11, 0, 1, _myNewLayer.frame.size.height)};
	
	[[UIColor clearColor] set];
	
	for (int i = 0; i < 2; i++) {
		UIRectFill(overDrawRects[i]);
		CGContextSaveGState(theContext);
		CGContextClipToRect(theContext, overDrawRects[i]);
		CGContextTranslateCTM(theContext, -1, 0);
		[_button.layer renderInContext:theContext];
		CGContextRestoreGState(theContext);
	}
	
	UIImage *theImage = UIGraphicsGetImageFromCurrentImageContext();
	NSData *theData = UIImagePNGRepresentation(theImage);
	[theData writeToFile: filePath atomically:NO];
	UIGraphicsEndImageContext();	
}

it should work.

sacha1996 · 04-02-2011, 10:33 AM

Thanks but what do you mean with add your button and label on a UIView , how do I have to do that.
I don't reallly understand what you mean with this

Thankyou

Quote:

Originally Posted by dany_dev

add your button and label on a uiview and then change that line

Code:

- (void) saveImageToFile: (NSString *) filePath {
	UIGraphicsBeginImageContext(_myNewLayer.frame.size);
	CGContextRef theContext = UIGraphicsGetCurrentContext();
	[_myNewLayer.layer renderInContext:theContext];
	
	CGRect overDrawRects[] = {CGRectMake(10, 0, 1, _myNewLayer.frame.size.height), CGRectMake(_myNewLayer.frame.size.width - 11, 0, 1, _myNewLayer.frame.size.height)};
	
	[[UIColor clearColor] set];
	
	for (int i = 0; i < 2; i++) {
		UIRectFill(overDrawRects[i]);
		CGContextSaveGState(theContext);
		CGContextClipToRect(theContext, overDrawRects[i]);
		CGContextTranslateCTM(theContext, -1, 0);
		[_button.layer renderInContext:theContext];
		CGContextRestoreGState(theContext);
	}
	
	UIImage *theImage = UIGraphicsGetImageFromCurrentImageContext();
	NSData *theData = UIImagePNGRepresentation(theImage);
	[theData writeToFile: filePath atomically:NO];
	UIGraphicsEndImageContext();	
}

it should work.

dany_dev · 04-02-2011, 10:39 AM

[yourView addSubview:yourButton];
[yourView addSubview:yourLabel];

where yourView is a UIView that you allocated\initialized with a certain frame and added as subview of your self.view (where self represent your viewcontroller).

I hope is clear enough.

sacha1996 · 04-02-2011, 11:03 AM

Thanks for your time.
I did that and when i start the app , the window is white with nothing.
Something wrong with my code ?? :

In the .h:

Code:

@interface CoolButtonViewController : UIViewController {
    CoolButton *_button;
	IBOutlet UISlider *slider;
	IBOutlet UITextField *field;
	IBOutlet UILabel *label;
    UIView *view;
	
}

@property (retain) IBOutlet CoolButton *button;
@property (retain) IBOutlet UITextField *field;
@property(nonatomic, retain) IBOutlet UISlider *slider;
@property(nonatomic, retain) UIView *view;

in the .m ViewDidLoad:

Code:

- (void)viewDidLoad {
    [super viewDidLoad];
	field.delegate = self;
    UIView *view = [UIView alloc];
    [view addSubview:_button];
	[view addSubview:label];
	
}

in the .m the void :

Code:

- (void) saveImageToFile: (NSString *) filePath {
	UIGraphicsBeginImageContext(view.frame.size);
	CGContextRef theContext = UIGraphicsGetCurrentContext();
	[view.layer renderInContext:theContext];
	
	CGRect overDrawRects[] = {CGRectMake(10, 0, 1, view.frame.size.height), CGRectMake(view.frame.size.width - 11, 0, 1, view.frame.size.height)};
	
	[[UIColor clearColor] set];
	
	for (int i = 0; i < 2; i++) {
		UIRectFill(overDrawRects[i]);
		CGContextSaveGState(theContext);
		CGContextClipToRect(theContext, overDrawRects[i]);
		CGContextTranslateCTM(theContext, -1, 0);
		[_button.layer renderInContext:theContext];
		CGContextRestoreGState(theContext);
	}
	
	UIImage *theImage = UIGraphicsGetImageFromCurrentImageContext();
	NSData *theData = UIImagePNGRepresentation(theImage);
	[theData writeToFile: filePath atomically:NO];
	UIGraphicsEndImageContext();	
}

dany_dev · 04-02-2011, 12:39 PM

first think that i see is not good:

Code:

- (void)viewDidLoad {
    [super viewDidLoad];
	field.delegate = self;
    view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
    [view addSubview:_button];
	[view addSubview:label];
	
}

i not checked the rest of the code.

sacha1996 · 04-02-2011, 01:02 PM

Thanks but its still remains white

dany_dev · 04-03-2011, 04:17 AM

you haven't added it as subview of your view of your viewController (self.view), so you will never see that.
Moreover you are using property not in a good manner (read it), and you should not use view as name of your istance variable since that "view" is already the name of the view of the ViewController (self.view)

Code:

@interface CoolButtonViewController : UIViewController {
        CoolButton *_button;
	IBOutlet UISlider *slider;
	IBOutlet UITextField *field;
	IBOutlet UILabel *label;
        UIView *myView;
	
}

@property (retain) IBOutlet CoolButton *button;
@property (retain) IBOutlet UITextField *field;
@property(nonatomic, retain) IBOutlet UISlider *slider;
@property(nonatomic, retain) UIView *myView;

Code:

- (void)viewDidLoad {
    [super viewDidLoad];
   field.delegate = self;
   
   UIView *viewTmp =  [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
   self.myView = viewTmp;
   [viewTmp release];

   [view addSubview:_button];
   [view addSubview:label];
   [self.view addSubview:myView];

}

Code:

- (void) saveImageToFile: (NSString *) filePath {
	UIGraphicsBeginImageContext(self.myView.frame.size);
	CGContextRef theContext = UIGraphicsGetCurrentContext();
	[self.myView.layer renderInContext:theContext];
	
	CGRect overDrawRects[] = {CGRectMake(10, 0, 1, _button.frame.size.height), CGRectMake(_button.frame.size.width - 11, 0, 1, _button.frame.size.height)};
	
	[[UIColor clearColor] set];
	
	for (int i = 0; i < 2; i++) {
		UIRectFill(overDrawRects[i]);
		CGContextSaveGState(theContext);
		CGContextClipToRect(theContext, overDrawRects[i]);
		CGContextTranslateCTM(theContext, -1, 0);
		[_button.layer renderInContext:theContext];
		CGContextRestoreGState(theContext);
	}
	
	UIImage *theImage = UIGraphicsGetImageFromCurrentImageContext();
	NSData *theData = UIImagePNGRepresentation(theImage);
	[theData writeToFile: filePath atomically:NO];
	UIGraphicsEndImageContext();	
}

ps: now your new view (myView) has a frame of the entire screen (320x480), you would probably reduce it to fit just your button+label.

sacha1996 · 04-04-2011, 10:15 AM

Thanks , when I'm fitting the CGRect , the button is always moving with myView. So I take an image of that and the button is not inside because it's moving with the myView

But still thanks for the code !

dany_dev · 04-04-2011, 10:34 AM

Quote:

Originally Posted by sacha1996

Thanks , when I'm fitting the CGRect , the button is always moving with myView. So I take an image of that and the button is not inside because it's moving with the myView

But still thanks for the code !

i don't understand what you say

.

Using the code posted, when you do a screen, what you see inside it? uibutton + label or whatever?

sacha1996 · 04-04-2011, 10:44 AM

Quote:

Originally Posted by dany_dev

i don't understand what you say

.

Using the code posted, when you do a screen, what you see inside it? uibutton + label or whatever?

I typed your code and I when I let the cgrect on all the screen , I cannot tap another rounded rect button with IBaction. But when I reduce the cgrect of myView , I can tap the other rounded rect button.
But the problem is : when i reduce the cgrect , the _button moves from his original place , wich is why i cannot take a picture of the button

After reducing I see the label + _button on another place , but my originals things like my other button with UIButton (not related to myView) doens't change place

Thankyou for the code !
and for your time !

dany_dev · 04-04-2011, 11:40 AM

so you must re-position the button and label

_button.center = CGPointMake(x,y);
_label.center = CGPointMake(x,y);

sacha1996 · 04-04-2011, 01:31 PM

Quote:

Originally Posted by dany_dev

so you must re-position the button and label

_button.center = CGPointMake(x,y);
_label.center = CGPointMake(x,y);

Thanks but it still doesn't take the picture of the whole button.

that's my code currenly :

Code:

- (void)viewDidLoad {
    [super viewDidLoad];
	field.delegate = self;
    
    UIView *viewTmp =  [[UIView alloc] initWithFrame:CGRectMake(46, 61, 226, 46)];
    self.myView = viewTmp;
    [viewTmp release];

    _button.center = CGPointMake(120,40);
    label.center = CGPointMake(120,40);

    
    
    [myView addSubview:_button];
    [myView addSubview:label];
    [self.view addSubview:myView];
	
}

Maybe it will help you by looking at the picture taken from the app down :

dany_dev · 04-04-2011, 02:02 PM

use some external service to upload image, maybe can help also if you can upload the project.

sacha1996 · 04-04-2011, 02:28 PM

Quote:

Originally Posted by dany_dev

use some external service to upload image, maybe can help also if you can upload the project.

Hi thanks ,
I can send you the project , but wich external service is a good one ?
Please tell me

dany_dev · 04-04-2011, 05:10 PM

http://imageshack.us/for images...
http://megaupload.com/for files....

charlikl · 04-05-2011, 12:35 AM

Thanks for sharing answers. I was searching for this answers from many times and posted this thread in many forums but i was not able to find out the answers. I think now it will help me out in my problems.

sacha1996 · 04-05-2011, 10:28 AM

Quote:

Originally Posted by dany_dev

http://imageshack.us/for images...
http://megaupload.com/for files....

I want to keep it private please.
By e-mail maybe ?