IOS中Weex 加載 .xcassets 中的圖片資源的實例詳解
IOS中Weex 加載 .xcassets 中的圖片資源的實例詳解
前言：
因為 .xcassets 中的圖片資源只能通過 imageNamed: 方法加載，所以需要做一些特殊處理，才能提供給 Weex 使用（PS：純屬娛樂，因為 Weex 跨平臺的特性，這種針對某一端做實現的方案實用價值并不大）。
方案
觀察 WeexSDK 發(fā)現有 WXImgLoaderProtocol 這個協議，這個協議包含了下面的方法：
- (id<WXImageOperationProtocol>)downloadImageWithURL:(NSString *)url imageFrame: (CGRect)imageFrame userInfo:(NSDictionary *)options completed:(void(^)(UIImage *image, NSError *error, BOOL finished))completedBlock;
從名字就可以看出來，這個方法聲明的功能就是通過指定的 URL 下載圖片并返回一個 UIImage 對象。
下載過 WeexDemo 的人應該都知道里面有一個叫 WXImgLoaderDefaultImpl 的類（PS：別告訴我你對 Weex 感興趣確連 WeexDemo 里面有啥都不知道）。這個類實現了 WXImgLoaderProtocol 協議，內容如下：
- (id<WXImageOperationProtocol>)downloadImageWithURL:(NSString *)url imageFrame:(CGRect)imageFrame userInfo:(NSDictionary *)userInfo completed:(void(^)(UIImage *image, NSError *error, BOOL finished))completedBlock
{
if ([url hasPrefix:@"http://"]) {
url = [@"http:" stringByAppendingString:url];
}
return (id<WXImageOperationProtocol>)[[SDWebImageManager sharedManager] downloadImageWithURL:[NSURL URLWithString:url] options:0 progress:^(NSInteger receivedSize, NSInteger expectedSize) {
} completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
if (completedBlock) {
completedBlock(image, error, finished);
}
}];
}
其實就是利用 SDWebImage 這個庫實現圖片下載功能。而且我還發(fā)現，如果不實現 WXImgLoaderProtocol 協議，就無法在 Weex 的代碼中通過 URL 加載網絡圖片。也就是說 Weex 其實是依賴原生來做網絡圖片加載，至于為什么這么做，我只能說：我不知道。
然后 WeexDemo 通過下面的代碼把 WXImgLoaderDefaultImpl 注冊為 Weex 的一個 iOS 原生 handler
[WXSDKEngine registerHandler:[WXImgLoaderDefaultImpl new] withProtocol:@protocol(WXImgLoaderProtocol)];
這樣我們就可以在 Weex 中加載網絡圖片了，比如：
<image class="img" style="width: 68px; height: 68px;margin-left:20px;" src="https://gw.alicdn.com/tps/TB1El.mKXXXXXXyapXXXXXXXXXX-34-34.gif"></image>
好了，現在就來說說怎么加載 .xcassets 中的圖片資源，其實很簡單，在 WXImgLoaderDefaultImpl 實現的方法中添加幾行代碼就可以：
if ([url hasPrefix:@"xcassets:"]) {
UIImage *image = [UIImage imageNamed:[url substringFromIndex:9]];
completedBlock(image, nil, YES);
return [WXXCassetsLoaderOperation new];
}
這里我定義的規(guī)則是：xcassets:+[.xcassets 中的圖片名]。所以我們判斷 url 是不是以 xcassets: 開頭，如果是，通過 imageNamed 方法加載圖片并返回即可。
因為 downloadImageWithURL 方法要求返回遵循 WXImageOperationProtocol 協議的對象，所以我們新建一個 WXXCassetsLoaderOperation 類，然后實現 WXImageOperationProtocol 協議中的 cancel 方法：
- (void)cancel {
}
然后我們就可以在 Weex 中加載 .xcassets 中的圖片了。代碼如下：
<image class="img" style="width: 300px; height: 300px;" src="xcassets:reload"></image>
以上就是IOS中Weex 加載 .xcassets 中的圖片資源的實例詳解，如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
這篇文章主要為大家詳細介紹了ios版微信小程序跳一跳輔助，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
基于JSON的請求和響應對于每個通知，如果成功響應，將會返回200標識 - 不用再去猜測通知是否被接收到響應錯誤將會以JSON字符消息的長度從2048個字節(jié)增加到4096個字節(jié)連接狀態(tài)可以通過HTTP/2的ping框架來進行檢查.2016-04-04
這篇文章主要介紹了iOS Webview自適應實際內容高度的4種方法詳解,本文介紹的非常詳細，具有參考借鑒價值,需要的朋友可以參考下2016-09-09
這篇文章主要為大家介紹了iOS開發(fā)之事件傳遞響應鏈，何為事件的響應鏈，本文為大家揭曉，感興趣的小伙伴們可以參考一下2016-01-01
Objective-C處理空字符串和頁面?zhèn)髦导白远x拷貝
這篇文章主要介紹了Objective-C處理空字符串和頁面?zhèn)髦导白远x拷貝的相關方法,在iOS應用項目開發(fā)中經常會用到,需要的朋友可以參考下2016-01-01
由C語言和Smalltalk擴展出來的，是C語言的超集，最大的區(qū)別是OC是面向對象的，其火星文寫法對于之前從事Java開發(fā)的同學頗感蛋疼，OC最大特點之一是使用消息結構而不是函數調用2021-11-11
iOS應用中發(fā)送HTTP的get請求以及HTTP異步請求的方法
這篇文章主要介紹了iOS應用中發(fā)送HTTP的get請求以及HTTP異步請求的方法,代碼為傳統的Objective-C語言,說明都簡單地融入于注釋之中,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了IOS 仿支付寶支付屏幕亮度變化機制的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-01-01
iOS應用中存儲用戶設置的plist文件的創(chuàng)建與讀寫教程
這篇文章主要介紹了iOS應用中存儲用戶設置的plist文件的創(chuàng)建與讀寫教程,plist文件是在Xcode下的項目中會被自動生成,里面采用XML格式記錄數據,需要的朋友可以參考下2016-04-04
iOS應用開發(fā)中UITabBarController標簽欄控制器使用進階
這篇文章主要介紹了iOS應用開發(fā)中UITabBarController標簽欄控制器的使用進階,實例代碼為傳統的Objective-C，需要的朋友可以參考下2016-03-03