我的iphone开发学习笔记（四）使用UIWebView,UISegmentedControl

今天练习的主要目标：

1。 使用UIwebView的控件，如何加载远程服务器上的数据

2。 使用UISegmentedControl控件，选择不同段的数值

首先看下练习的最终效果



练习具体步骤：

1. 首先创建一个基于view_based_application, 项目名称为FlowerWebViewControl

2. 然后，打开FlowerWebViewControl.h

    添加具体的ui控件

IBOutlet UISegmentedControl *colorChoice;
IBOutletUIWebView *flowerView;
IBOutletUIWebView *detailView;
@property(nonatomic,retain)UISegmentedControl *colorChoice;
@property(nonatomic,retain)UIWebView *flowerView;
@property(nonatomic,retain)UIWebView *detailView;

同时增加一个函数声明

-(IBAction)getFlower:(id)sender;

3. 设计界面



4.  实现UI控件、函数和File's Owner的链接



关于连接的小技巧：
a. 连接UI的方法，
    选中File's Owner, 按住control, 画出连线到具体的ui控件（只要在.h中声明过的，就会出现在可供选择的ui列表中），注意不要连接错误
b. 连接控件处理处理函数的方法：
   选择具体的UI控件，按住Control, 画出连线到File's Owner, 在下拉列表中选择正确的函数名称，这样控件就和具体的处理函数连接上了。

5. 关于具体控件的处理
     a. uisegmentedcontrol, 
        获取具体数值的方法是： 

        color = [colorChoicetitleForSegmentAtIndex:colorChoice.selectedSegmentIndex];
    b. webView加载html页面的具体方法
        首先NSURL使用urlString初始化
        然后 webView loadRequestWithUrl: nsurl
具体代码如下

//
//  FlowerWebViewControllerViewController.h
//  FlowerWebViewController
//
//  Created by 旭 陈 on 11-12-3.
//  Copyright 2011 __MyCompanyName__. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface FlowerWebViewControllerViewController : UIViewController {
IBOutlet UISegmentedControl *colorChoice;
IBOutlet UIWebView *flowerView;
IBOutlet UIWebView *detailView;
//	IBOutlet UISwitch *mySwitch;
//2webView
//segmentedControll
}

@property(nonatomic,retain)UISegmentedControl *colorChoice;
@property(nonatomic,retain)UIWebView *flowerView;
@property(nonatomic,retain)UIWebView *detailView;
//@property(nonatomic,retain)UISwitch *mySwitch;

-(IBAction)getFlower:(id)sender;
-(IBAction)toggleFlowerDetail:(id)sender;

//getFlower
//toggleFlowerDetail
@end

//
//  FlowerWebViewControllerViewController.m
//  FlowerWebViewController
//
//  Created by 旭 陈 on 11-12-3.
//  Copyright 2011 __MyCompanyName__. All rights reserved.
//

#import "FlowerWebViewControllerViewController.h"

@implementation FlowerWebViewControllerViewController

//@synthesize mySwitch;
@synthesize flowerView;
@synthesize detailView;
@synthesize colorChoice;

/*
// The designated initializer. Override to perform setup that is required before the view is loaded.
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
if ((self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil])) {
// Custom initialization
}
return self;
}
*/

/*
// Implement loadView to create a view hierarchy programmatically, without using a nib.
- (void)loadView {
}
*/

/*
// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {
[super viewDidLoad];
}
*/

/*
// Override to allow orientations other than the default portrait orientation.
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
// Return YES for supported orientations
return (interfaceOrientation == UIInterfaceOrientationPortrait);
}
*/

- (void)didReceiveMemoryWarning {
// Releases the view if it doesn't have a superview.
[super didReceiveMemoryWarning];

// Release any cached data, images, etc that aren't in use.
}

- (void)viewDidUnload {
// Release any retained subviews of the main view.
// e.g. self.myOutlet = nil;
}

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

-(IBAction)toggleFlowerDetail:(id)sender{
detailView.hidden = ![sender isOn];
}

-(IBAction)getFlower:(id)sender{
NSLog(@"getFlower");
NSURL *imageUrl;
NSURL *detailUrl;
NSString *imageUrlStr;
NSString *detailUrlStr;

NSString *color;
int sessionID;

color = [colorChoice titleForSegmentAtIndex:colorChoice.selectedSegmentIndex];
NSLog(@"%@",color);
sessionID = random()%10000;
imageUrlStr= [[NSString alloc]initWithFormat:@"http://www.floraphotographs.com/showrandomiphone.php?color=%@&session=%d",color,sessionID];
detailUrlStr = [[NSString alloc]initWithFormat:@"http://www.floraphotographs.com/detailiphone.php?session=%d",sessionID];
imageUrl = [[NSURL alloc]initWithString:imageUrlStr];
detailUrl = [[NSURL alloc] initWithString:detailUrlStr];

[flowerView loadRequest:[NSURLRequest requestWithURL:imageUrl]];
[detailView loadRequest:[NSURLRequest requestWithURL:detailUrl]];

detailView.backgroundColor = [UIColor clearColor];

[imageUrlStr release];
[detailUrlStr release];
[imageUrl release];
[detailUrl release];

}

@end

这个例子完成了，关键的技术点

1。 ui的声明、界面添加和连接
2。segmentedControll的数值获取
3。  webview的页面加载nsUrl, webView loadRequest:nsUrl

如果需要工程代码的，请留下邮箱地址。