Hello fellas,
Here this post comes with some basic iphone UI controls demo. It will illustrate how to deal with
UILable
UITextField
UITextView
UIImageView
UIButton
UISteper
UISlider
UISwitch
so let's start
1. Open Xcode create new project
Xcode ->>File->>New->>New Project
create new View Controller name it as BasicControlsVC
Xcode will automatically create
.AppDelegate.h
.AppDelegate.m
.BasicControlsVC.h
BasiccontrolsVC.m
2.Open BasicControls.h and declare your controls (see below)
#import <UIKit/UIKit.h>
@interface BasicControlsVC : UIViewController<UITextFieldDelegate,UITextViewDelegate>
{
UIButton *button;
UILabel *lable;
UITextView *textview;
UITextField *textfield;
UISlider *slider;
UISwitch *switchControls;
UIStepper *stepper;
UIImageView *imageview;
}
@end
3.Now Time to create these controls and performing action.
Generally creating controls refers to allocating memory and setting it's property ,so let's do that
open BasicControlsVC.m and modify your init method as shown below
- (id)init
{
self = [super init];
if (self) {
//allocate controls here..
//create lable
lable=[[UILabel alloc]init];
[lable setFrame:CGRectMake(50, 50, 100, 30)];
lable.text=@"This is label";
lable.textColor=[UIColor grayColor];
//create Image view
imageview=[[UIImageView alloc]initWithFrame:CGRectMake(170, 50, 100, 80)];
imageview.image=[UIImage imageNamed:@"lamborghini.png"];
//create Textfield
textfield=[[UITextField alloc]initWithFrame:CGRectMake(50, 100, 200, 50)];
[textfield setPlaceholder:@"this is text field"];
textfield.delegate=self;
//create Textview
textview=[[UITextView alloc]initWithFrame:CGRectMake(50, 160, 200, 50)];
[textview setText:@"This is text view"];
textview.delegate=self;
//create button
button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[button addTarget:self
action:@selector(aMethod)
forControlEvents:UIControlEventTouchUpInside];
[button setTitle:@"Button" forState:UIControlStateNormal];
[button setTintColor:[UIColor grayColor]];
[button setTag:1];
button.frame = CGRectMake(50, 220, 70, 30);
//create slider
slider = [[UISlider alloc] initWithFrame:CGRectMake(50, 300, 200, 10)];
[slider addTarget:self action:@selector(sliderAction) forControlEvents:UIControlEventValueChanged];
[slider setBackgroundColor:[UIColor clearColor]];
slider.minimumValue = 0.0;
slider.maximumValue = 50.0;
slider.continuous = YES;
slider.value = 20.0;
//create switch control
switchControls = [[UISwitch alloc] initWithFrame:CGRectMake(50, 320, 20, 20)];
[switchControls addTarget: self action: @selector(switchmethod) forControlEvents: UIControlEventValueChanged];
//create Stepper
stepper = [[UIStepper alloc]init];
[stepper setFrame:CGRectMake(50, 350, 155, 25)];
[stepper setMinimumValue:0];
stepper.maximumValue = 1000;
stepper.stepValue = 5;
stepper.wraps = YES;
stepper.autorepeat = YES;
stepper.continuous = YES;
[stepper addTarget:self action:@selector(someAction:) forControlEvents:UIControlEventValueChanged];
}
return self;
}
Above code snippet will create these controls and set their property
Add your controls on BasicControlsVC by modifying your loadView method as shown below
-(void)loadView
{
[super loadView];
//add view to this view controller
[self.view addSubview:lable];
[self.view addSubview:textfield];
[self.view addSubview:textview];
[self.view addSubview:button];
[self.view addSubview:imageview];
[self.view addSubview:slider];
[self.view addSubview:switchControls];
[self.view addSubview:stepper];
}
3. addTarget:self action:@selector
you can add selector method on contols eg. UIButton to perform an action when button clicks
[button addTarget:self
action:@selector(aMethod)
forControlEvents:UIControlEventTouchUpInside];
and ofcourse you have to implement this aMethod
-(void)aMethod
{
NSLog(@"button clicked");
lable.text=@"button clicked";
}
like wise here i implemented respective @selector method for UISwitch,UIStepper,UISlider
-(void)sliderAction
{
NSLog(@"value changed");
lable.text=@"value changed";
}
-(void)switchmethod
{
if(switchControls.on)
{
NSLog(@"ON");
lable.text=@"ON";
}else
{
NSLog(@"OFF");
lable.text=@"OFF";
}
}
- (void) someAction:(UIStepper *) stepper {
NSLog(@"stepper clicked");
lable.text = [NSString stringWithFormat:@"%.f", stepper.value];
}
4. Implement UITextFieldDelegate and UITextViewDelegate Method
As you know when you are dealing with TextField or TextView in iPhone , Keyboard automatically appears and by clicking return button it hides.
To achieve this must implement these two method
- (BOOL)textFieldShouldReturn:(UITextField *)textField {
[textField resignFirstResponder];
return NO;
}
- (BOOL)textView:(UITextView *)textView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text {
if([text isEqualToString:@"\n"]) {
[textView resignFirstResponder];
return NO;
}
return YES;
}
5. Now Build and run your Project you'll get something like that
full source code of this BasicUIControlsDemo you can grab from
here http://www.4shared.com/zip/KeHWh86P/BasicUIControlsDemo.html
feel free to query @: bpsingh216@gmail.com
enjoy coding :-)
