IOS之基本UI控件

浏览数：24 / 时间：2015年06月11日

3.1 Button控件

3.2 开关控件

3.3 滑块控件

3.4 工具栏

3.5 WebView

3.1 Button控件

iPhone的Button控件可以做的很绚丽，Button可以有多种状态：

" Default State

" Highlighted State

" Selected State

" Disabled State

实现上图的效果：新建ButtonsBackground项目：

ButtonsBackgroundViewController.h文件

@interface ButtonsBackgroundViewController : UIViewController {
    UIButton * clearButton;
    UIButton * smallButton;
}

@property (nonatomic, retain) IBOutlet UIButton * clearButton;
@property (nonatomic, retain) IBOutlet UIButton * smallButton;

- (IBAction) disableBut: (id) sender;

@end

ButtonsBackgroundViewController.m文件

@synthesize clearButton;
@synthesize smallButton;

- (IBAction) disableBut: (id) sender {
    if(clearButton.enabled == YES) {
        clearButton.enabled = NO;
        smallButton.enabled = NO;
        [((UIButton *) sender) setTitle:@"Enable" forState:UIControlStateNormal];
    }
    else {
        clearButton.enabled = YES;
        smallButton.enabled = YES;
        [((UIButton *) sender) setTitle:@"Disable" forState:UIControlStateNormal];
    }
}

- (void)dealloc {
    [clearButton release];
    [smallButton release];
    [super dealloc];
}

点击Disable按钮时候，调用disableBut方法，在该方法中实现了clearButton按钮和smallButton按钮“可用”状态和“不可用”状态的切换。在状态发生切换时候还要改变Disable按钮的上面的“标题”和“状态”：

[((UIButton *) sender) setTitle:@"Enable"forState:UIControlStateNormal];

sender是事件源即点击的按钮对象本身。

Interface Builder设计页面：

点击Disable按钮的时候，会改变clearButton和smallButton的标题，因此需要连接File’s Owner到两个按钮（clearButton和smallButton）的输出口。

为了响应Disable按钮的事件需要，从Disable按钮连接到File’s Owner定义的disableBut事件。

clearButton属性设定

属性框，使Shows Touch on Highlight is checked 选项被选中。

Default State Configuration选中时候，设置按钮图片power.png背景图片butbackgray.png。

Highlighted State Configuration 选中时候，设置按钮图片power.png ,背景图butbackbluegray.png。

Disabled State Configuration 选中时候，设置按钮图片powerdisabled.png背景图片,butbackgraydisabled.png。

smallButton属性设定

Default State Configuration选中时候，设置按钮图片butbackgray.png背景图片，设置title“Shock”。

Highlighted State Configuration 选中时候，设置图片butbackbluegray.png背景图片，设置title“Shocking”。

3.2 开关控件

开关控件（Switch），有些相windows中的checkbox，它只有两种状态，true和false。

可以通过该方法改变开关控件的状态。

-(void) setOn: (BOOL) on animated: (BOOL) animated

3.3 滑块控件

滑块控件（Slider），水平放置，可以用手触摸改变它的值。

默认情况下它的最小值0最大值1.00，而.50是初始值，我们可以通过下面的方法设定值：

- (void) setValue:(float) value animated:(BOOL) animated

开关和滑块实例

我们通过在页面放在开关和滑块控件了解他们的使用情况。

新建项目SwitchSlider:

SwitchSliderViewController.h

@interface SwitchSliderViewController : UIViewController {
     UISwitch * mySwitch;
}

@property(nonatomic, retain)IBOutlet UISwitch * mySwitch;

-(IBAction) handleSwitch: (id) sender; 
-(IBAction) handleSlider: (id) sender;

@end

SwitchSliderViewController.m

@implementation SwitchSliderViewController

@synthesize mySwitch;

- (IBAction) handleSwitch: (id) sender {
    if( [((UISwitch *) sender) isOn] == YES){
        NSLog(@"It‘s on");
    } else {
        NSLog(@"It‘s off");
    }
} 

- (IBAction) handleSlider: (id) sender {
    NSLog(@"value: %f", ((UISlider *)sender).value);
    if( [((UISlider *) sender) value] == ((UISlider *) sender) .maximumValue) {
        [mySwitch setOn:YES animated:YES];
    }
}

- (void)dealloc {
    [mySwitch release]; 
    [super dealloc];
}

连接输出口和动作事件

连接开关控件到的handleSwitch: 动作。

连接滑块控件到的handleSlider: 动作。

制定开关控件输出口。

3.4 分段控件

分段控件（Segment），是有2个或更多段构成的组，它相当与独立的按钮。

新建项目Segment：

SegmentViewController.h

定义一个动作事件

@interface SegmentViewController : UIViewController {

}

- (IBAction) handleSegment: (id) sender;

SegmentViewController.m

- (IBAction) handleSegment: (id) sender {
    UISegmentedControl * myseg = (UISegmentedControl *) sender;
    if(myseg.selectedSegmentIndex == 0) {
        NSLog(@"selected zero index...");
    }
    else if(myseg.selectedSegmentIndex == 1) {
        NSLog(@"selected one index...");
    }
    else {
        NSLog(@"selected two index...");
    }
}

IB设计视图

连接动作事件

连接段控件到File’s Owner的handleSegment: 动作。

3.4 工具栏

工具栏（UIToolBar），一般是放置在屏幕的底部，在工具栏的内部可以放置多个按钮和控件。

新建项目ToolBar：

ToolBarViewController.h

定义两个动作事件

@interface ToolBarViewController : UIViewController {

    IBOutlet UIActivityIndicatorView * myActivityView;
}

@property (nonatomic, retain) IBOutlet UIActivityIndicatorView * myActivityView;

-(IBAction)onClickStartButton: (id)sender;
-(IBAction)onClickOpenButton: (id)sender;

@end

ToolBarViewController.m

@implementation ToolBarViewController

@synthesize myActivityView;

-(IBAction)onClickStartButton: (id)sender {
    if ([myActivityView isAnimating]) {
        [myActivityView stopAnimating];            
    } else {
        [myActivityView startAnimating];
    }
}

-(IBAction)onClickOpenButton: (id)sender {
    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示信息" 
                                    message:@"您点击了打开按钮" delegate:self 
                                    cancelButtonTitle:@"Done" 
                                    otherButtonTitles:nil];
    [alert show];
    [alert release];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
}

- (void)viewDidUnload {
}


- (void)dealloc {
    [myActivityView release];
    [super dealloc];
}

@end

IB设计视图

连接动作事件

连接到打开按钮的onClickOpenButton: 动作。

连接到开始按钮的onClickStartButton: 动作。

连接到UIActivityIndicatorView输出口。

3.5 WebView

WebView可以帮助我们构建Web的iPhone应用程序。很多网站的iPhone和iPad客户端程序都是使用WebView开

发的。 WebView能够支持HTML5，不支持Flash等。

新建项目MyWeb：

MyWebViewController.h

@interface MyWebViewController : UIViewController <UIWebViewDelegate> {
    IBOutlet UITextField * myTextField;
    IBOutlet UIWebView * myWebView;
}

@property(nonatomic, retain) UIWebView * myWebView;
@property(nonatomic, retain) UITextField * myTextField;

- (IBAction) changeLocation: (id) sender;

@end

MyWebViewController 需要实现协议UIWebViewDelegate，它一个委托对象。委托是一种设计模式，在iPhone中主要用于回调事件。在委托中定义了一下方法，实现了该委托的对象，要提供该方法的实现。

UIWebViewDelegate的方法是webViewDidFinishLoad: 它上在异步情况一个网址，当应答回来后回调该方法。

MyWebViewController.m

@implementation MyWebViewController

@synthesize myWebView;
@synthesize myTextField;

- (void) viewDidLoad {
    myWebView.delegate = self;
}

- (void)dealloc {
    myWebView.delegate = nil;
    [myTextField release];
    [myWebView release];
    [super dealloc];
}

- (IBAction) changeLocation: (id) sender {
    [myTextField resignFirstResponder];
    NSURL * url = [NSURL URLWithString: myTextField.text];
    NSURLRequest * request = [NSURLRequest requestWithURL:url];
    [myWebView loadRequest:request];
}

#pragma mark WebView 委托
#pragma mark --
- (void)webViewDidFinishLoad: (UIWebView *) webView {
    NSLog(@"%@", [webView stringByEvaluatingJavaScriptFromString:
                  @"document.body.innerHTML"]);
}

@end