這篇文章主要介紹了IOS開發(fā)之查看大圖的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名申請、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、港南網(wǎng)站維護(hù)、網(wǎng)站推廣。

IOS 開發(fā)之查看大圖的實現(xiàn)代碼

本項目是取自傳智播客的教學(xué)項目,加入筆者的修改和潤飾。

1. 項目名稱：查看大圖

2. 項目截圖展示

3. 項目功能

• 左右滑動查看圖片

• 支持縮放功能

• 點擊中間按鈕移動圖片

4. 項目代碼

#import "ViewController.h"

@interface ViewController ()<UIScrollViewDelegate>

@property (strong, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad
{
  [super viewDidLoad];

  // 設(shè)置內(nèi)容尺寸
  self.scrollView.contentSize = self.imageView.frame.size;

  // 設(shè)置
  self.scrollView.delegate = self;

  // 設(shè)置最大和最小的縮放比例
  self.scrollView.maximumZoomScale = 2.0;
  self.scrollView.minimumZoomScale = 0.2;

  // 設(shè)置邊距
  self.scrollView.contentInset = UIEdgeInsetsMake(20, 20, 20, 20);

  // 不顯示水平滾動標(biāo)示
  self.scrollView.showsHorizontalScrollIndicator = NO;

  // 不顯示垂直滾動標(biāo)示
  self.scrollView.showsVerticalScrollIndicator = NO;

  // 偏移位置
  self.scrollView.contentOffset = CGPointMake(0, -100);

  // 取消彈簧效果
  self.scrollView.bounces = NO;

  //設(shè)置按鈕
  UIButton *btn = [UIButton buttonWithType:UIButtonTypeContactAdd];
  btn.center = self.view.center;

  [self.view addSubview:btn];

  //設(shè)置按鈕的監(jiān)聽方法
  [btn addTarget:self action:@selector(click) forControlEvents:UIControlEventTouchUpInside];

}

 // 移動大圖的偏移位置
- (void)click
{
  //取出offset
  CGPoint offset = self.scrollView.contentOffset;

  offset.x += 20;
  offset.y += 20;

  // 更新contentOffset
  self.scrollView.contentOffset = offset;
}


#pragma mark - UIScrollView的代理方法

// 1> scrollView要知道縮放誰

/**
 * 當(dāng)用戶開始拖拽scrollView時就會調(diào)用
 */
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
  NSLog(@"開始拖拽");
}

/**
 * 只要scrollView正在滾動,就會調(diào)用
 */
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
  NSLog(@"正在滾動%@", NSStringFromCGPoint(scrollView.contentOffset));
}

/**
 * 當(dāng)用戶使用捏合手勢的時候會調(diào)用
 *
 * @return 返回的控件就是需要進(jìn)行縮放的控件
 */
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
  NSLog(@"開始縮放");
  return self.imageView;
}

/**
 * 正在縮放的時候會調(diào)用
 */
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
  NSLog(@"正在縮放");
}
@end

5. 本項目必須掌握的代碼段

設(shè)置外邊距

self.scrollView.contentInset = UIEdgeInsetsMake(20, 20, 20, 20);

結(jié)合類型創(chuàng)建按鈕

 UIButton *btn = [UIButton buttonWithType:UIButtonTypeContactAdd];

移動scroll內(nèi)容的offset

- (void)click
{
  CGPoint offset = self.scrollView.contentOffset;

  offset.x += 20;
  offset.y += 20;

  self.scrollView.contentOffset = offset;
}

6. 筆記

scrollView無法滾動的原因：

1. 沒有設(shè)置contentSize

2. scrollEnabled = NO

3. 沒有接收到觸摸事件:userInteractionEnabled = NO

4. 沒有取消autolayout功能（如果在Storyboard中添加了ScrollView的子控件，要想scrollView滾動，必須取消autolayout）

scrollView的屬性

@property(nonatomic) UIEdgeInsets contentInset; 
這個屬性能夠在UIScrollView的4周增加額外的滾動區(qū)域
@property(nonatomic) CGPoint contentOffset; 
這個屬性用來表示UIScrollView滾動的位置

@property(nonatomic) CGSize contentSize; 
這個屬性用來表示UIScrollView內(nèi)容的尺寸，滾動范圍（能滾多遠(yuǎn)）

@property(nonatomic) BOOL bounces;
設(shè)置UIScrollView是否需要彈簧效果

@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; 
設(shè)置UIScrollView是否能滾動

@property(nonatomic) BOOL showsHorizontalScrollIndicator;
是否顯示水平滾動條

@property(nonatomic) BOOL showsVerticalScrollIndicator;
是否顯示垂直滾動條

什么時候需要scrollView的代理？

當(dāng)我們想在UIScrollView正在滾動 或 滾動到某個位置 或者 停止?jié)L動 時做一些特定的操作的時候，我們需要能夠監(jiān)聽到UIScrollView的整個滾動過程。

也就是說，要想監(jiān)聽UIScrollView的滾動過程，就必須先給UIScrollView設(shè)置一個代理對象(控制器)，然后通過代理得知UIScrollView的滾動過程。

UIScrollView將delegate需要實現(xiàn)的方法(監(jiān)聽scrollView的方法)都定義在了UIScrollViewDelegate協(xié)議中，因此要想成為UIScrollView的delegate，必須遵守UIScrollViewDelegate協(xié)議，然后實現(xiàn)協(xié)議中相應(yīng)的方法，就可以監(jiān)聽UIScrollView的滾動過程了。

一般情況下，就設(shè)置UIScrollView所在的控制器 為 UIScrollView的delegate。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“IOS開發(fā)之查看大圖的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

當(dāng)前標(biāo)題：IOS開發(fā)之查看大圖的示例分析
網(wǎng)站路徑：http://chinadenli.net/article28/gpdjjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、企業(yè)建站、商城網(wǎng)站、App開發(fā)、品牌網(wǎng)站設(shè)計、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)