pageControl:
_pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(10, _scrollView.frame.origin.y + scrollViewHeight, scrollViewWidth, 37)];
_pageControl.numberOfPages = 5;
[_pageControl addTarget:self
action:@selector(pageControlClicked:)
forControlEvents:UIControlEventValueChanged];
[self.view addSubview:_pageControl];
当给 _pageControl 设置红色背景之后,显示是这样的:
因为当用户在操作的时候是很难点到那些点的,所以apple给出了一个方案,当你在pageControl中点击,点击处在当前页面的左边酒往左移动,否则往右移动,这都是 valueChanged 。同时上面代码中的 action: 方法实现如下:
- (void)pageControlClicked:(UIPageControl *)pageControl
{
CGFloat width = self.view.frame.size.width;
CGFloat scrollViewWidth = width - 20;
[_scrollView setContentOffset:CGPointMake(pageControl.current * scrollViewWidth, 0) animated:YES];
}
上段代码中的 setContentOffset: 意思就是设置内容的偏移量。
当我们知道如何通过点击 _pageControl 进行内容的切换之后,还需要明白,当内容进行了切换之后,如何使 _pageControl 的当前页码符合当前的页面,这里要掌握一些 UIScrollViewDelegate 的方法:
#pragma mark - UIScrollViewDelegate methods
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
return _contentView; // 在UIView 与常见组件(三)中关于放大缩小的设置,如果需要成功,还需要实现这个方法才能成功。即制定放大和缩小的视图时哪一个!
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView // 这个方法就是当我们滑动 contentView 的时候,滑动到一个页面它的速度是会慢慢减少的,这就是当我们速度减少到静止的时候,通知系统应该做点什么事情。
{
CGFloat width = self.view.frame.size.width;
CGFloat scrollViewWidth = width -20;
_pageControl.currentPage = scrollView.currentOffset.x / scrollViewWidth;
}
UIWebView , UIBarButtonItem, UIToolBar, UIActivityIndicatorView
上述几个控件的实现需要在 BLFourViewController 中实现:
#import <UIKit/UIKit.h>
#import "BLBaseViewController.h"
@interface BLFourViewController: BLBaseViewController<UIWebViewDelegate>
{
UIWebView *_webView;
UIActivityIndicatorView *_activityView;
}
@end
webView 的作用就是加载网页,同时它本身就是一个 scrollView。
_webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 64, width, height - 64 - 49 -44)];
_webView.delegate = self;
_webView.scalesPageToFit = YES; // 当我们设置了之后,那么这个网页的内容就会根据手机的大小来做出适应屏幕的操作,只要网页的属性许可,还可以进行放大的操作。
上中的灰色部分其实就是 webView。
另外再顺便讲一下网络页面加载的内容,下面这段代码是有很好的逻辑的(首先生成一个 NSString 对象的网站地址,然后将这个字符串转换为 NSURL 对象, 接着将它转化为 NSURLRequest 对象, 最后将此对象作为请求对象即可下载内容到 webView 当中 ):
NSString *URLString = @"http://www.youku.com";
NSURL *URL = [NSURL URLWithString:URLString];
NSURLRequest *request = [NSURLRequest requestWithURL:URL];
[_webView loadRequest:request];
上图其实就是 UIToolBar 工具条。看上图中后退和回退之间的间隔有一个对象 *fixedButton(它可以调整数值间距), 在前进和刷新之间有一个对象 *flexibleButton (它是灵活可变的)。(系统特地提控了空格空间控件,它们两个是特殊的 barButtonItem)
UIBarButtonItem *fixedButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
fixedButton.width = 100;
UIBarButtonItem *flexibleButton = [[UIBarButton alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
[toolBar setItems:[NSArray arrayWithObjects:backButton, fixedButton, forwardButton, flexibleButton, refreshButton, nil]];
_activityView = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(150, (width - 20) / 2, 20, 20)];
_activityView.activityIndicatorViewStyle = UIActivityIndicatorViewStyleGray;
_activityView.hidesWhenStopped = YES;
[self.view addSubview:_activityView];
同时在 toolBar 上还有 前进 后退 以及 刷新 的按钮,它们的实现方法如下:
- (void)backButtonClicked:(UIBarButtonItem *)button
{
if ([_webView canGoBack]) {
[_webView goBack];
}
}
- (void)forwardButtonClicked:(UIBarButtonItem *)button
{
if ([_webView canGoForward]) {
[_webView goForward];
}
}
- (void)refreshButtonClicked:(UIBarButtonItem *)button
{
[_webView reload];
}
接下来,需要了解网页视图的代理方法:
#pragma mark - UIWebViewDelegate methods
- (BOOL)webView:(UIWebView *)webView
shouldStartLoadWithRequest:(NSURLRequest *)request
navigationType:(UIWebViewNavigationType)navigationType
{
return YES; // 只有当我们返回yes 的时候,才会 真正去加载(shouldStartLoadWithRequest:)
// 当我不希望打开某个网站的时候可以这样做, 当然也可以通过类似的方法来做别的事情,比如打开本地的链接来打开别的应用操作,比如相片,摄像机等等
NSString *url = [request.URL absoluteString];
if ([url isEqualToString:@"http://www.baidu.com/"]) {
return NO;
}
}
- (void)webViewDidStartLoad:(UIWebView *)webView
{
[_activityView startAnimating];
}
- (void)webViewDidFinshLoad:(UIWebView *)webView
{
[_activityView stopAnimating];
}
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
[_activityView stopAnimating];
NSLog(@"%@", error);
}