詳解IOS中UIWebView的使用

2020-02-19 15:51:00

字體：大中小

供稿：網(wǎng)友

在iOS開發(fā)過程中，使用h5交互頁面進(jìn)行處理是非常正常的，但是程序元必須要熟練掌握iOS中h5開發(fā)的控件之一uiwebview的使用，下面就讓武林技術(shù)頻道小編詳解IOS中UIWebView的使用吧！

一、初始化與三種加載方式

UIWebView繼承與UIView，因此，其初始化方法和一般的view一樣，通過alloc和init進(jìn)行初始化，其加載數(shù)據(jù)的方式有三種：

第一種：

- (void)loadRequest:(NSURLRequest *)request;

這是加載網(wǎng)頁最常用的一種方式，通過一個(gè)網(wǎng)頁URL來進(jìn)行加載，這個(gè)URL可以是遠(yuǎn)程的也可以是本地的，例如我加載百度的主頁：

UIWebView * view = [[UIWebView alloc]initWithFrame:self.view.frame];[view loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];[self.view addSubview:view];

會(huì)得到如下的效果：

第二種：

- (void)loadHTMLString:(NSString *)string baseURL:(NSURL *)baseURL;

這個(gè)方法需要將httml文件讀取為字符串，其中baseURL是我們自己設(shè)置的一個(gè)路徑，用于尋找html文件中引用的圖片等素材。

第三種：

- (void)loadData:(NSData *)data MIMEType:(NSString *)MIMEType textEncodingName:(NSString *)textEncodingName baseURL:(NSURL *)baseURL;

這個(gè)方式使用的比較少，但也更加自由，其中data是文件數(shù)據(jù)，MIMEType是文件類型，textEncodingName是編碼類型，baseURL是素材資源路徑。

二、一些常用的屬性和變量

@property (nonatomic, assign) id delegate;

設(shè)置webView的代理

@property (nonatomic, readonly, retain) UIScrollView *scrollView;

內(nèi)置的scrollView

@property (nonatomic, readonly, retain) NSURLRequest *request;

URL請(qǐng)求

- (void)reload;

重新加載數(shù)據(jù)

- (void)stopLoading;

停止加載數(shù)據(jù)

- (void)goBack;

返回上一級(jí)

- (void)goForward;

跳轉(zhuǎn)下一級(jí)

@property (nonatomic, readonly, getter=canGoBack) BOOL canGoBack;

獲取能否返回上一級(jí)

@property (nonatomic, readonly, getter=canGoForward) BOOL canGoForward;

獲取能否跳轉(zhuǎn)下一級(jí)

@property (nonatomic, readonly, getter=isLoading) BOOL loading;

獲取是否正在加載數(shù)據(jù)

- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;

通過javaScript操作web數(shù)據(jù)

@property (nonatomic) BOOL scalesPageToFit;

設(shè)置是否縮放到適合屏幕大小

@property (nonatomic) UIDataDetectorTypes dataDetectorTypes NS_AVAILABLE_IOS(3_0);

設(shè)置某些數(shù)據(jù)變?yōu)殒溄有问剑@個(gè)枚舉可以設(shè)置如電話號(hào)，地址，郵箱等轉(zhuǎn)化為鏈接

@property (nonatomic) BOOL allowsInlineMediaPlayback NS_AVAILABLE_IOS(4_0);

設(shè)置是否使用內(nèi)聯(lián)播放器播放視頻

@property (nonatomic) BOOL mediaPlaybackRequiresUserAction NS_AVAILABLE_IOS(4_0);

設(shè)置視頻是否自動(dòng)播放

@property (nonatomic) BOOL mediaPlaybackAllowsAirPlay NS_AVAILABLE_IOS(5_0);

設(shè)置音頻播放是否支持ari play功能

@property (nonatomic) BOOL suppressesIncrementalRendering NS_AVAILABLE_IOS(6_0);

設(shè)置是否將數(shù)據(jù)加載如內(nèi)存后渲染界面

@property (nonatomic) BOOL keyboardDisplayRequiresUserAction NS_AVAILABLE_IOS(6_0);

設(shè)置用戶交互模式

三、iOS7中的一些新特性

下面這些屬性是iOS7之后才有的，通過他們可以設(shè)置更加有趣的web體驗(yàn)

@property (nonatomic) UIWebPaginationMode paginationMode NS_AVAILABLE_IOS(7_0);

這個(gè)屬性用來設(shè)置一種模式，當(dāng)網(wǎng)頁的大小超出view時(shí)，將網(wǎng)頁以翻頁的效果展示，枚舉如下：

typedef NS_ENUM(NSInteger, UIWebPaginationMode) {UIWebPaginationModeUnpaginated,//不使用翻頁效果UIWebPaginationModeLeftToRight,//將網(wǎng)頁超出部分分頁，從左向右進(jìn)行翻頁UIWebPaginationModeTopToBottom,//將網(wǎng)頁超出部分分頁，從上向下進(jìn)行翻頁UIWebPaginationModeBottomToTop,//將網(wǎng)頁超出部分分頁，從下向上進(jìn)行翻頁UIWebPaginationModeRightToLeft//將網(wǎng)頁超出部分分頁，從右向左進(jìn)行翻頁};

@property (nonatomic) CGFloat pageLength NS_AVAILABLE_IOS(7_0);

設(shè)置每一頁的長(zhǎng)度

@property (nonatomic) CGFloat gapBetweenPages NS_AVAILABLE_IOS(7_0);

設(shè)置每一頁的間距

@property (nonatomic, readonly) NSUInteger pageCount NS_AVAILABLE_IOS(7_0);

獲取分頁數(shù)

四、webView協(xié)議中的方法

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;

準(zhǔn)備加載內(nèi)容時(shí)調(diào)用的方法，通過返回值來進(jìn)行是否加載的設(shè)置

- (void)webViewDidStartLoad:(UIWebView *)webView;

開始加載時(shí)調(diào)用的方法

- (void)webViewDidFinishLoad:(UIWebView *)webView;