你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> iOS App設計形式開辟之適配器形式應用的實戰練習訓練

iOS App設計形式開辟之適配器形式應用的實戰練習訓練

編輯:IOS開發綜合

信任做App開辟的同窗,關於一些第三方的統計剖析、毛病搜集等SDK應當都不生疏。就今朝而言市情上也有很多雷同功效的產物,目眩紛亂,讓人沒法決定選哪一款SDK才是最靠譜的。那就隨意先選一款嘗嘗用吧!

那末成績來了:假如項目都快做完了卻果發明這款SDK其實坑爹,不只擴大性差,還常常讓App Crash,那你是否是會想到調換失落這個SDK?

OK,那我們就換另外一個嘗嘗,下載SDK上去,一看,傻眼了,設計作風,封裝模塊完整紛歧樣,因而乎我們就到項目中全局搜刮找到之前的SDK代碼干失落,然後從新再到各類處所用新的SDK來寫新的邏輯來調換,症結的是,中央還不曉得會發生若干bug,漏失落若干未修正的代碼,總之一直會有一種不靠譜的感到。

換一次還算好的,假如以後團隊強大了,這些數據剖析之類的器械忽然想本身做了,究竟這些有價值的數據其實不想這麼拱手讓給一個第三方的公司嘛~這個時刻你是否是就只想說:『呵呵』

所以這個時刻適配器形式就起到感化了~

作甚適配器形式
GoF關於適配器形式的說明以下:

將一個類的接口轉換成客戶願望的別的一個接口。Adapter形式使得本來因為接口不兼容而不克不及一路任務的那些類可以在一路任務。
小我淺顯懂得:

適配器:望文生義,將不兼容的轉換為兼容,如電源適配器,將全球各類不雷同的電壓轉換成雷同的電壓輸入給目的裝備。

這裡可以將目的裝備懂得為『接口』,世界各類電壓可以懂得為『發生雷同功效的類』,電源適配器可以懂得為『須要完成的適配器類』。

適配器形式發生的後果是:在不修正代碼或許修正少少代碼的情形下,疾速的切換源(數據源、內容源等)。

就像電源適配器一樣,去到分歧國度,統一個裝備只須要分歧的電源適配器便可以應用以後國度的電源,而不須要取裝配機械。

應用真實場景
如文章開首所講,被某盟的SDK坑了以後(確切在某些狀態下讓App Crash,發生緣由初步斷定是濫用performSelector,不斟酌對象被釋放的情形而發生的Crash),發生調換念想而思慮,假如未來調換豈不是又要苦逼我們本身?

因而乎為了未來的輕松就必需動動頭腦去設計代碼了,因而有了明天的適配器形式實戰。

若何應用適配器形式
一個適配器許可接口不兼容的類在一路任務。它把它本身包裹成一個對象,地下一個與這個對象互相感化的尺度接口。

假如你熟悉適配器形式,你會留意到蘋果實行它的時刻有一點分歧的習氣─蘋果應用協定 (protocols)。你能夠熟悉像 UITableViewDelegate, UIScrollViewDelegate, NSCoding 和 NSCopying 如許的協定。例子,NSCopying 的協定 (protocol),任何類都可以供給如許一個尺度的復制辦法。

我們提到的轉動區域是如許的:

2016323171127008.png (320×120)

如今開端,在項目導航的 View 文件夾上右擊鼠標,選擇 New File…,用 IOS\Cocoa Touch\Object-C class 模板創立一個新類。新類的名字叫 HorizontalScroller,選擇它的子類為 UIView。

翻開 HorizontalScroller.h 文件在 @end 前面拔出以下代碼:

@protocol HorizontalScrollerDelegate <NSObject>
// methods declaration goes in here
@end

這裡界說一個 HorizontalScrollerDelegate 名字的協定,它繼續於 NSObject 協定,異樣的這是繼續它父類的一個 Objective-C 類。相符 NSObject 協定,這是一個很好的做法─或許遵守 NSObject 協定。這能使你從界說的 NSObject 發送新聞到 HorizontalScroller 的署理。你將會看到為何這很主要。

界說個署理履行的辦法,要在 @protocol 和 @end 之間,它們分為需要辦法和可選辦法。添加上面協定辦法:

@required
// 訊問 delegate 在轉動區域裡有若干個視圖要被顯示
- (NSInteger)numberOfViewsForHorizontalScroller:    (HorizontalScroller*)scroller;

// 前往索引是 index 的視圖
- (UIView*)horizontalScroller:(HorizontalScroller*)scroller viewAtIndex:(int)index;

// 當索引是 index 的視圖被點擊了,告訴 delegate
- (void)horizontalScroller:(HorizontalScroller*)scroller clickedViewAtIndex:(int)index;

@optional
// 告訴 delegate,顯示初始化時索引是 Index 的視圖。這個辦法是可選的
// ask the delegate for the index of the initial view to display. this method is optional
// 假如沒有被 delegate 履行,默許值是 0
- (NSInteger)initialVieWindexForHorizontalScroller:(HorizontalScroller*)scroller;

這裡我們必選的和可選的辦法我們都界說了。必選辦法必定要被署理履行,它平日包括一些類必需要履行的數據。這裡,必選辦法是獲得視圖的數目,以後顯示視圖的索引和當視圖被點擊的時刻履行的操作。可選辦法這裡是初始化視圖;假如沒有履行 HorizontalScroller 將會顯示第一個索引的視圖。

接上去,你須要在 HorizontalScroller 外部界說你的新署理。然則協定的界說在類的界說上面,是以在這點上它是弗成見的。你該怎樣辦?

處理方法就是在後面聲明協定以便於編譯器(和Xcode)曉得這個協定是可用的。好了,在 @interface 下面參加上面代碼:
[/ode]
@protocol HorizontalScrollerDelegate;
[/code]
照樣 HorizontalScroller.h,在 @interface 和 @end 之間參加上面代碼:

@property (weak) id<HorizontalScrollerDelegate> delegate;
- (void)reload;

這個屬性被界說成為一個 weak。這是為了避免輪回 retain。假如一個類堅持一個強指針(strong pointer)指向它的拜托(delegate),同時拜托也堅持一個強指針指向這個類,在釋放類所占用的內存時會形成 app 內存洩露。

id 的意思是把這個署理指定給一個類,它遵守 HorizontalScrollerDelegate,給你一些類型平安。

reload 辦法是模擬 UITableView 類的 relaodData;它從新加載一切數據用來創立一個程度挪動視圖。

用上面代碼調換 HorizontalScroller.m 的內容:

#import “HorizontalScroller.m”

#define VIEW_PADDING 10
#define VIEW_DIMENSIONS 100
#define VIEW_OFFSET 100

@interface HorizontalScroller () <UIScrollViewDelegate>
@end


@implementation HorizontalScroller
{
    UIScrollView *scroller;
}
@end

來說明下每塊代碼:

常量界說,在設計時光可以便利修正結構。在轉動視圖內,每一個圖片的年夜小在一個 100×100 內邊距為 10 點(point) 的矩形內。
HorizontalScroller 遵守 UIScrollViewDelegate 協定。由於 HorizontalScroller 應用一個 UIScrollView 來轉動專輯封面,它須要曉得用戶甚麼時刻停滯轉動。
創立一個包括圖片的轉動視圖。
接上去你須要履行初始化。添加上面的辦法:

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        scroller = [[UIScrollerView alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)];
        scroller.delegate = self;
        UITapGestureRecognizer *tapRecognizer = [[UITapGestureRecognizer alloc] initWithtarger:self action:@select(scrollerTapped:)];
        [scroller addGestureRecognizer:tapRecognizer];
    }
    return self;
}

HorizontalScroller 將被轉動視圖全部填充。假如一個專輯封面被點擊,UITapGestureRecognizer 將會監聽它下面的事宜。假如有,它會告訴 HorizontalScroller 的署理。

如今添加上面辦法:

- (void)scrollerTapped:(UITapGestureRecognizer*)gesture
{
    CGPoint location = [gesture locationInView:gesture.view];
    // we can't use an enumerator here, because we don't want to enumerate over ALL of the UIScrollView subviews.
    // we want to enumerate only the subview that we added
    for (int index=0; index<[self.delegate numberOfViewForHorizontalScroller:self]; index++) {
        UIView *view = scroller.subviews[index];
        if (CGRectContainsPoint(view.frame, location)) {
            [self.delegate horizontalScroller:self clickedViewAtIndex:index];
            [scroller setContentOffset:CGPointMake(view.frame.origin.x - self.frame.size.width/2 + view.frame.size.width/2, 0) animated:YES];
            break;
        }
    }
}

手勢操作就好像傳入的一個參數,可以從 locationInView: 獲得定位信息。

接上去,挪用拜托的 numberOfViewForHorizontalScroller: 辦法。它必需遵守 HorizontalScrollerDelegate 的協定平安發送新聞,不然 HorizontalScroller 實例的署理是沒法應用這些信息。

轉動視圖裡的每一個視圖,用 CGRectContainsPoint 履行一個點擊測試,找到誰人被點擊的視圖。當視圖被找到,發送給拜托一個新聞 horizontalScroller:clickedViewAtIndex:。當你跳出這個輪回後,設置被點擊的視圖轉動到視圖中央。

如今添加上面的代碼,用來刷新轉動視圖(scroller):

- (void)reload
{
    // 1 - nothing to load if there's no delegate
    if (self.delegate == nil) return;

    // 2 - remover all subviews
    [scroller.subviews enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) {
        [obj removeFromSuperview];
    }

    // 3 - xValue is the starting point of the views inside the scroller
    CGFloat xValue = VIEWS_OFFSET;
    for (int i=0; i<[self.delegate numberOfViewsForHorizontalScroller:self]; i++) {
        // 4 - add a view at the right position
        xValue += VIEW_PADDING;
        UIView *view = [self.delegate horizontalScroller:self viewAtIndex:i]
        view.frame = CGRectMake(xValue, VIEW_PADDING, VIEW_DIMENSIONS, VIEW_DIMENSIONS);
        xValue += VIEW_DIMENSIONS + VIEW_PADDING;
    }

    // 5
    [scroller setContentSize:CGSizeMake(xValue+VIEWS_OFFSET, self.frame.size.height)];

    // 6 - if an initial view is defined, center the scroller on it
    if (self.delegate respondsToSelector:@select(initialVieWindexForHorizontalScroller:)]) {
        int initialView = [self.delegate initialVieWindexForHorizontalScroller:self];
        [scroller setContentOffset:CGPointMake(initialView*(VIEW_DIMENSIONS+(2*VIEW_PADDING)), 0) animated:YES];
    }
}

能過代碼一步步來評論辯論:

假如沒有署理,這裡甚麼工作也不做。
移除之前添加的一切的子視圖。
給一切視圖設置一個偏移(offset)地位。如今的是 100,然則經由過程頂部的 #define,它很輕易修正。
HorizontalScroller 經由過程它的拜托一次要求一個視圖,用之前界說的 padding 值把它們順次的一個個放置上去。
當一切的視圖都生成好,經由過程設置轉動視圖內容的偏移量以到達用戶能過轉動可以看到一切專輯封面的目標。
HorizontalScroller 的拜托須要驗證能否呼應了 initialViewIndexForHorizontalScroller: 辦法。這個驗證是必須的,由於這個特殊的協定辦法是可選性的。假如署理沒有履行這個辦法,它的默許值會是 0。終究,經由過程拜托,這塊代碼會在轉動視圖中央設置一個初始化好的視圖。
當數據產生轉變的時刻履行 reload 辦法。當添加 HorizontalScroller 到別個一個視圖時,你異樣可以履行這個辦法。在 HorizontalScroller.m 添加上面的代碼調換前面的計劃:

- (void)didMoveToSuperview
{
    [self reload];
}

當它要添加一個子視圖的時刻,didMoveToSuperview 會發送新聞給視圖。這時候正好可以更新轉動視圖的內容。

HorizontalScroller 的最初一個困難就是,若何設置你看到的專輯老是在轉動視圖的中央。為了這些,當用戶經由過程他們的手指拖動轉動視圖的時刻你就須要做一些盤算了。

添加上面辦法(異樣在 HorizontalScroller.m):

- (void)centerCurrentView {
    int xFinal = scroller.contentOffset.x + (VIEWS_OFFSET/2) + VIEW_PADDING;
    int viewIndex = xFinal / (VIEW_DIMENSIONS + (2*VIEW_PADDING));
    xFinal = viewIndex * (VIEW_DIMENSIONS+(2*VIEW_PADDING));
    [scroller setContentOffset:CGPointMake(xFinal, 0) animated:YES];
    [self.delegate horizontalScroller:self clickedViewAtIndex:viewIndex];
}

下面的代碼經由過程轉動視圖確當前偏移量,外不雅尺寸,內邊距來盤算以後視圖離中間的間隔。最初一行異常主要:當一個視圖居中後,你須要告訴拜托你選擇的視圖轉變了。

為了偵測用戶在轉動視圖內完成拖拽的舉措,你須要添加 UIScrollViewDelegate 辦法:

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    if (!decelerate)
    {
        [self centerCurrentView];
    }
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    [self centerCurrentView];
}

當用戶完成拖拽的時刻 scrollViewDidEndDragging:willDecelerate: 告訴拜托。假如轉動視圖沒有停滯轉動, decelerate 參數會前往 true。當轉動停止,體系將會挪用 scrollViewDidEndDecelerating。當用戶拖動轉動以後視圖後,兩種情形,我們都須要挪用一個新辦法來使以後視圖居中。

HorizontalScroller 如今可使用了。閱讀你方才寫的代碼;這裡沒有一處提到 Album 和 AlbumView 類。這異常棒,解釋這個新的轉動視圖是真實的完整自力的和可重用的。

Build 項目,確保一切的代碼編譯准確。

如今 HorizontalScroller 完成了,是時刻在你的 APP 中應用了。翻開 ViewController.m 添加以下援用:

#import “HorizontalScroller.h”
#import “AlbumView.h”

給 ViewController 添加 HorizontalScrollerDelegate:

@interface ViewController () <UITableViewDataSource, UITableViewDelegate, HorizontalScroller>

在類的擴大裡為程度轉動視圖添加以下實例變量:

HorizontalScroller *scroller;

如今你可以履行署理辦法了;你會驚異的發明只須要幾行代碼你就可以完成許多功效。

在 ViewController.m 添加以下代碼:

#pragma mark - HorizontalScrollerDelegate methods
- (void)horizontalScroller:(HorizontalScroller *)scroller clickedViewAtIndex:(int)index
{
    currentAlbumIndex = index;
    [self showDataForAlbumAtIndex:index];
}

這裡設置一個變量用來存儲以後的專輯,然後挪用 showDataForAlbumAtIndex: 顯示一個新專輯的數據。

提醒:普通在辦法代碼的後面放置 #pragma mark 指導符。編譯器會疏忽這一行,當你在應用 Xcode 的跳轉對象欄(Xcode's jump bar)檢查你的辦法列表時,你會看到一個分隔符和個加粗的指導題目。在 Xcode 裡,這可以贊助你很輕易的組織代碼。

上面,添加以下代碼:

- (NSInteger)numberOfViewsForHorizontalScroller:(HorizontalScroller *)scroller
{
    return allAlbums.count;
}

這裡,協定辦法前往轉動視圖裡的視圖數目。由於轉動視圖須要顯示一切的專輯封面,這個 count 是一切專輯的數量。

如今,添加這些代碼:

- (UIView *)horizontalScroller:(HorizontalScroller *)scroller viewAtIndex:(ini)index
{
    Album *album = allAlbums[index];
    return [[Album alloc] initWithFrame:CGRectMake(0, 0, 100, 100) albumCover:album.coverUrl];
}

這裡你創立了一個新 AlbumView,然後交給 HorizontalScroller 應用。

就是如許,經由過程三個這麼短的辦法便可以顯示一個英俊的轉動視圖。

現實上,你仍須要創立一個真實的轉動視圖,然後添加到你的主視圖上,然則在這之前,先添加上面的辦法:

- (void)reloadScroller
{
    allAlbums = [[LibraryAPI sharedInstance] getAlbums];
    if (currentAlbumIndex < 0) currentAlbumIndex = 0;
    else if (currentAlbumIndex >=allAlbum.count) currentAlbumIndex = allAlbum.count - 1;
    [scroller reload];

    [self showDataFroAlbumAtIndex:currentAlbumIndex;
}

這個辦法從 LibraryAPI 加載專輯數據,然後以以後視圖的索引值為基本設置顯示以後的圖片。 假如以後視圖的索引小於零,意味著以後沒有選擇視圖,顯示列內外的第一張專輯。不然顯示最初一張專輯。

如今,在 viewDidLoad 裡 [self showDataForAlbumIndex:0] 後面添加上面代碼來初始化轉動視圖:

scroller  = [[HorizontalScroller alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 120)];
scroller.backgroundColor = [UIColor colorWithRed:0.24f greed:0.35f blue:0.49f alpha:1];
scroller.delegate = self;
[self.view addSubview:scroller];

[self reloadScroller];

下面的代碼創立了一個 HorizontalScroller 的實例,設置了它的配景色彩和拜托,添加轉動視圖到主視圖上,在轉動視圖的子視圖上加載專輯數據。

提醒:假如一個協定變得很年夜,外面有許多辦法,你應當斟酌把它們疏散到幾個小的協定裡去。UITableViewDelegate 和 UITableViewDataSource 就是一個很好的例子,由於它們都是 UITablveView 的協定。設計協定的時刻,最好一個稱號引誘一個功效。
構建和運轉你的項目,你會看到一個新的很了不得的程度轉動視圖:

2016323171231141.png (298×320)

啊嗯,等等。程度轉動的視圖曾經有了,可是專輯封面在哪裡?

對了,你還沒有代碼來履行下載圖片的功效。你須要添加一個下載圖片的辦法。查檢 LibraryAPI 辦事的一切接口,這裡須要添加一個新的辦法。不論如何,如今還有幾件工作須要斟酌:

AlbumView 並沒沒有經由過程 LibraryAPI 立刻任務。你沒有給視圖添加通訊邏輯。
雷同的緣由,LibraryAPI 其實不熟悉 AlbumView。
LibraryAPI 須要告訴 AlbumView,一旦封面下載完成,AlbumView 就會顯示它。

【iOS App設計形式開辟之適配器形式應用的實戰練習訓練】的相關資料介紹到這裡,希望對您有所幫助! 提示:不會對讀者因本文所帶來的任何損失負責。如果您支持就請把本站添加至收藏夾哦!

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved