iPhone Coding Tutorial      
– Inserting A UITextField In A UIAlertView

An iPhone development tutorial from icodeblog.com 

You can download the code from the TextFeildInAlert.zip
which is also provided by author . 
This tutorial is also allowed to download in the format of
.pdf document, and please click here.

Thanks for his hard work and warmhearted!

This will be a simple tutorial showing you how 
to put a UITextField in a UIAlertView. This is simple 

and just a couple lines if code. You will learn 
CGAffineTransform and coding UITextField programmatically.

Heres a screenshots of what we should get.

So lets go ahead and get started…

1. Create A New View Based Application
You can name it whatever you want, I will name it TextFieldInAlert.

2. Implementing The Code
Jump in the viewcontroller.m or if you called it TextFieldInAlert then 
TextFieldInAlert.m Now find the -(void)viewDidLoad method. Uncomment it and put this code in there.

- (void)viewDidLoad {

[super viewDidLoad];

UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@”Enter Name Here” message:@”this gets covered!”

delegate:self cancelButtonTitle:@”Dismiss” otherButtonTitles:@”OK!”,nil];

UITextField *myTextField = [[UITextField alloc] initWithFrame:CGRectMake(12, 45, 260, 25)];

[myTextFieldsetBackgroundColor:[UIColor whiteColor]];

[alert addSubview:myTextField];

[alert show];

[alert release];

[myTextField release];

}

So we are basically calling a UIAlertView and then we are adding the 
UITextField programmatically. You might have noticed in the message 
part of the UIAlertView we put “this gets covered!”, if we didn’t put that 
sentence then the alerts buttons would go up more and the UITextField
will be messed. You can try taking that line out and see what happens. 
Now Build and Run the app. Now you got the UITextField to be inside 
the UIAlertView. Now try tapping the UITextField. Uh oh, why is the 
Keyboard covering the UIAlertView? Well there is just a simple fix to 
this. We just add two more lines of code and it will fix that. Add this to 
your code

CGAffineTransform myTransform =CGAffineTransformMakeTranslation(0,60);

[alert setTransform:myTransform];

So now your full code should be looking like this.

UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@”Enter Name Here” message:@”this gets covered!” delegate:self 
cancelButtonTitle:@”Dismiss” otherButtonTitles:@”OK!”,nil];

UITextField *myTextField = [[UITextField alloc] initWithFrame:CGRectMake(12, 45, 260, 25)];

CGAffineTransform myTransform =CGAffineTransformMakeTranslation(0,60);

[alert setTransform:myTransform];

[myTextFieldsetBackgroundColor:[UIColor whiteColor]];

[alert addSubview:myTextField];

[alert show];

[alert release];

[myTextField release];

Now if you Build and Run, you will notice the UITextField is a little higher and 
when you tap the UITextField the Keyboard doesn’t cover it up anymore. 
That is what the CGAffineTransform was for. So that is basically it! There is 
a video tutorial also available. 
You can download the source code from here. Happy iCoding!

 

Edited by suzvenus

Our URL: http://www.suzvenus.com

Professional iPhone application development webiste

Our Dev Center Please click here

iPhone Coding Tutorial - In Application Emailing

An iPhone development tutorial from icodeblog.com. 

And you can download the code from the InApplicationEmailing.zip.
which is also provided by author, or click here. The tutorial is also allowed to download in the .pdf format from here.
Thanks for his hard work and warmhearted!

A lot of applications you see have an email button. 
When you click it then it will leave the application and take you to 
the Mail application. It can get really annoying leaving the 
application and then going back in after your done sending the email.
his is just a great way to show off your app and make it look more 
professional and make it easier on the user by filling in the To and 
Subject for them. They are also able to change the From to whatever email then want you to 
receive an email from just like you can do in the Mail app. So todays tutorial is gonna show 
you how to email within your application. We will be using the MessageUI framework and 
we will also include an attachment in the email. Theres a screenshot to the left of how it 
will look. So lets get started…

1. Create A New View Based Application
You can name yours whatever you want, in the tutorial I will be referring it as the 
NameViewControllers.

2. Import The Frameworks

The first thing we need to do is import the framework. So go to your Frameworks folder 
in the Files In Pain section on the left. Open the folder and right click one of the frameworks 
and click “Reveal In Finder.” Heres a screenshot on what you should do.

Go ahead and look for the “MessageUI.framework” and highlight it then drag it into your 
frameworks folder. Make sure that when you click Add on the thing that makes sure you 
want to import it that “Copy items into destination group’s folder (if needed)” is not check. 
Thats a very important step or you will have big time problems and you do this with any 
frameworks you would ever use in the future.

3. Implementing The Code

Now that we have imported the framework lets get into some coding. So go ahead and 
jump in the NameViewController.H and make an IBAction for a button. Then copy that code 
and paste it in the NameViewController.M with curly brackets. Also make sure to add the 
button in Interface Builder and link it up with a Touch Up Inside method. You guys are at the
 point to knowing how to hook up actions and dragging stuff into Interface Builder. 
After that we want to on the top of the NameViewController.h import the framework. 
So on the top do #import “MessageUI/MessageUI.h”, the reason why we do this is because
 we must import out MessageUI framework to make calls to the associated header files. 
Now we need to also put in the delegate protocols for this framework. @interface 
NameViewController: UIViewController do this code <MFMailComposeViewController
-Delegate, UINavigationControllerDelegate>. 
-Heres the code here for the NameViewController.H 

#import <MessageUI/MessageUI.h>

@interface MailComposerViewController : UIViewController

<MFMailComposeViewControllerDelegate,UINavigationControllerDelegate>  {

}

-(IBAction)sendEmail;

@end

Now after your done with the .H jump into the .M viewcontroller. 
Now in your button action code do this:

-(IBAction)sendEmail {

MFMailComposeViewController *mailComposer = [[MFMailComposeViewController alloc] init];

mailComposer.mailComposeDelegate = self;

if ([MFMailComposeViewController canSendMail]) {

//Setting up the Subject, recipients, and message body.

[mailComposer setToRecipients:[NSArray arrayWithObjects:@"email@somewhere.com",nil]];

[mailComposer setSubject:@"Sending an email from the iPhone"];

[mailComposer setMessageBody:@"This is the text that the email displays as the message" isHTML:NO];

//Present the mail view controller

[self presentModalViewController:mailComposer animated:YES];

}

//release the mailComposer as it is the UIViewControllers modalViewController now.

[mailComposer release];

}

//This is one of the delegate methods that handles success or failure

//and dismisses the mailComposer

- (void)mailComposeController:(MFMailComposeViewController*)controller didFinishWithResult:(MFMailComposeResult)result error:(NSError*)error

{

[self dismissModalViewControllerAnimated:YES];

if (result == MFMailComposeResultFailed) {

UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@”Message Failed!” message:@”Your email has failed to send” 
-delegate:self cancelButtonTitle:@”Dismiss” otherButtonTitles:nil];

[alert show];

[alert release];

}

}

What if we wanted to include an image attachment to the email? 
Well its quite simple. Just add this to the code right under the part where you set up the 
Recipient, Subject, and the Message.

UIImage *pic = [UIImage imageNamed:@"Funny.png"];

NSData *exportData = UIImageJPEGRepresentation(pic ,1.0);

[mailComposer addAttachmentData:exportData mimeType:@"image/jpeg" fileName:@"Picture.jpeg"];

Now we are setting up the MailComposer in the first part of the code in the action. 
Then we call a didFinishWithResult method where we are setting up if the email fails or sends. 
Also it sets up a Cancel button for you so we have to call the dismiss method so that it works. 
In the attachment code just edit the imageNamed:@”" with your images name.That is basically 
it! The source code is below for the people that just doesn’t wanna copy and paste or type…