1. 程式人生 > >IOS自定義圖片瀏覽器,支援瀏覽多張圖片,點選,雙擊,兩手指縮放操作,並顯示載入進度條

IOS自定義圖片瀏覽器,支援瀏覽多張圖片,點選,雙擊,兩手指縮放操作,並顯示載入進度條

圖片瀏覽器Controller的主要思路是:新建一個 JZAlbumViewController,在這個controller裡主要顯示一個UIScrollView,這個UIScrollView用來顯示所有的圖片,

根據傳入的圖片陣列imgArr來設定 contentSize

self.scrollView.contentSize =CGSizeMake(self.imgArr.count*screen_width,screen_height);

然後在自定義一個方法,根據指定的index來建立當前index的圖片頁   PhotoView,自定義一個PhotoView,繼承自UIView,裡面新增一個UIScrollView,根據傳來的圖片(可以輸URL,也可是UIImage)來建立UIImageView,並新增到UIScrollview上。

JZAlbumViewController.h  圖片瀏覽Controller

#import <UIKit/UIKit.h>

@interface JZAlbumViewController :UIViewController

/**

 *  接收圖片陣列,陣列型別可以是url陣列,image陣列

 */

@property(nonatomic,strong)NSMutableArray *imgArr;

/**

 *  顯示scrollView

 */

@property(nonatomic,strong)UIScrollView *scrollView;

/**

 *  顯示下標

 */

@property(nonatomic,strong)UILabel *sliderLabel;

/**

 *  接收當前圖片的序號,預設的是0

 */

@property(nonatomic,assign)NSInteger currentIndex;

@end


PhotoView.h    圖片View

#import <UIKit/UIKit.h>

//1.

@protocol PhotoViewDelegate <NSObject>

//點選圖片時,隱藏圖片瀏覽器

-(void)TapHiddenPhotoView;

@end

@interface PhotoView :

UIView

/**

 *  新增的圖片

 */

@property(nonatomic,strong)UIImageView *imageView;

//2.

/**

 *  代理

 */

@property(nonatomic,assign)id<PhotoViewDelegate> delegate;

-(id)initWithFrame:(CGRect)frame withPhotoUrl:(NSString *)photoUrl;

-(id)initWithFrame:(CGRect)frame withPhotoImage:(UIImage *)image;

@end


使用方法:

使用前請在你的工程內新增 SDWebImage  MBProgress兩個第三方庫

使用的預設的圖片,圖片名稱:

comment_empty_img。如果要自定義,只需要去PhotoView裡替換掉就可以 了


#import "JZAlbumViewController.h"

在點選圖片後新增:

JZAlbumViewController *jzAlbumVC = [[JZAlbumViewControlleralloc]init];

    jzAlbumVC.currentIndex =2;//這個引數表示當前圖片的index,預設是0

    jzAlbumVC.imgArr = imgArray;//圖片陣列,可以是url,也可以是UIImage

    [selfpresentModalViewController:jzAlbumVCanimated:YES];

效果圖:




相關推薦

IOS定義圖片瀏覽器支援瀏覽圖片手指操作顯示載入進度

圖片瀏覽器Controller的主要思路是:新建一個 JZAlbumViewController,在這個controller裡主要顯示一個UIScrollView,這個UIScrollView用來顯

Swift封裝圖片瀏覽,圖片瀏覽,,gif圖片的播放

封裝了一個圖片瀏覽器,實現了圖片的瀏覽,縮放,支援多張圖片的瀏覽縮放,儲存到相簿等功能 實現功能 1.圖片瀏覽,根據圖片的大小適應,瀏覽長圖 2.多張圖片左右滑動瀏覽 3.圖片的縮放 4.播放gif圖片 實現技術 1.使用UICollectio

Android使用Retrofit技術仿微信圖片上傳可以選擇圖片拍照上傳

Android 仿照微信發說說,既能實現拍照,選相簿,多圖案上傳 使用Retrofit技術。 使用方法:詳見部落格 專案的執行效果: 伺服器端接收檔案的action UploadFile.java @Controller p

一款通用的歡迎頁可以有圖片

自定義歡迎頁張數,帶應到點。多的不說了,直接上程式碼。 效果大家可以自己試一下, import java.util.ArrayList; import java.util.List; import org.json.JSONArray; import org.jso

Android 圖片展示仿微信圖片上傳可以選擇圖片

我們經常會遇到需要多張圖片展示上傳的需求 ,如圖 這樣的需求我已經遇到過多次,個人總結一下,希望大家多多指點,支援選擇多張圖片 佈局:一個GridView <com.zuihou.drunkenmonkey.widget.view.Di

ALertDialog定義View對話方塊 獲得View上的輸入資訊 + 按鈕滿足條件後消失

public class MainActivity extends Activity { EditText editText1, editText2, editText3; @Override protected void onCreate(Bu

CSDN部落格排版技巧(MarkDown+HTML)-圖片排版-同一行插入圖片

CSDN部落格排版技巧(MarkDown + HTML) - 圖片排版 - 同一行插入多張圖片 目錄 CSDN部落格排版技巧(MarkDown + HTML) - 圖片排版 - 同一行插入多張圖片 目錄

ios 定義彈出輸入框(支援自動新增分隔符字數限制等功能)

非常感謝大家利用自己寶貴的時間來閱讀我的文章 ,  今天給大家帶來的是一個自定義的彈出輸入框,支援自定義標題、各控制元件顏色、自動新增分隔符、字數限制等功能。並添加了pods匯入支援,如果需要的話希望能幫到你 , 當然, 有任何不妥的地方 歡迎指正。喜歡的可以關注一下我的簡

IOS 定義軟鍵盤功能修改換行鍵為傳送鍵

IOS專案是使用混合模式開發,在開發聊天功能時;發現軟鍵盤不能像QQ、微信那樣,換行鍵不能變為傳送;網上說是因為輸入框類別導致;嘗試過以後,還是不行;然後想到用IOS native解決; 先說一下,原生APP 設定軟鍵盤換行鍵為傳送鍵: textField.returnKeyType = U

ios定義中間凸出 UITabBarso easy……

IOS 自定義UITabBar ,中間按鈕凸出 很多專案中都有中間凸出的UI設計,這個不規則的設計才坑爹,必須要自定義。在安卓上 做這個也是坑,現在只說ios的實現。 示意圖:  問題和難點: 橫線,凸出部分上的黑色半圓線;超出UITabbr部分的點選事件;UIT

ios 定義返回按鈕時如何新增手勢返回

在父檢視上加上如下程式碼: self.navigationItem.hidesBackButton = YES;  self.navigationController.interactivePopGestureRecognizer.delegate = self;  sel

iOS定義UISearchBar簡單、方便、好用

本文首發地址 可惡的UI非要搞一個和系統的UISearchBar的不一樣的效果,但是系統自帶的用實現不了效果,就自能自定義了。 把一個UISearchBar放到UINavigationBar上。並且還要有搜尋的結果在整個頁面上。。。 先看看效果圖 H

iOS 定義圖片無限輪播控制元件

一:簡介 圖片輪播功能在App中是一個非常常見的功能,即允許定時滾動,也允許拖拽滾動,也可以點選每張圖片觸發事件。 二:實現方式 圖片輪播功能的實現方式有很多中, UIScrollView + N個UIImageView UIScrol

iOS定義變數函式如何獲取變數

- (instancetype)initWithTitle:otherButtonTitles, ... { NSMutableArray *buttonTitleArray = [NSMuta

iOS 定義導航欄pop返回手勢全屏右滑返回

- (void)viewDidLoad {     [superviewDidLoad]; //重新給interactivePopGestureRecognizer.delegate掛代理

iOS定義導航欄側滑返回卡死情況的解決辦法

側滑返回是iOS7新增的一個特性,如果自定義了導航欄,那麼側滑返回這個功能就會失效。雖然在自定義導航欄的viewDidLoad方法中新增self.interactivePopGestureRecognizer.delegate = (id)self;一行程式碼就

iOS 定義scrollView寬度分頁滑動

  [scrollerView setPagingEnabled:YES];  [scrollerView setClipsToBounds:NO]; //讓280到320之間的View顯示出來 我的scrollView寬度是280,需要重寫280到40得點選事件 -

ios 定義鍵盤的return鍵以及鍵盤的其他一些屬性

variable 位置 arch ext ddr gin character 觸發 hone //初始化textfield並設置位置及大小 UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20

ckeditor添加定義按鈕整合swfupload實現批量上傳圖片

下載 了解 nbsp 文件 mouseover 去掉 dial size pro ckeditor添加自定義按鈕整合swfupload實現批量上傳圖片給ckeditor添加自定義按鈕,由於ckeditor只能上傳一張圖片,如果要上傳多張圖片就要結合ckfinder,而ckf

IOS 定義按鈕(代碼實現)+九宮格

uifont 排列 end uiview height iyu void rec name 在一些下載應用裏整個頁面都是按鈕,有好多好多,但是仔細觀察不難發現他們很有規律。就像下面一樣?? 很有規律的排列在屏幕上,那麽這需要我們怎麽去做能。 正如標題,我們需要了解兩個知