14、UIView与常见组件（四）

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 设置红色背景之后，显示是这样的：

redPageControl.jpg

因为当用户在操作的时候是很难点到那些点的，所以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 
#import "BLBaseViewController.h"

@interface BLFourViewController: BLBaseViewController
{
    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.jpg

上中的灰色部分其实就是 webView。
另外再顺便讲一下网络页面加载的内容,下面这段代码是有很好的逻辑的(首先生成一个 NSString 对象的网站地址，然后将这个字符串转换为 NSURL 对象，接着将它转化为 NSURLRequest 对象, 最后将此对象作为请求对象即可下载内容到 webView 当中 )：

NSString *URLString = @"http://www.youku.com";
NSURL *URL = [NSURL URLWithString:URLString];
NSURLRequest *request = [NSURLRequest requestWithURL:URL];
[_webView loadRequest:request];

toolBar.jpg

上图其实就是 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.jpg

_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);
}

14、UIView与常见组件（四）

pageControl:

UIWebView , UIBarButtonItem, UIToolBar, UIActivityIndicatorView

你可能感兴趣的:(14、UIView与常见组件（四）)