最快讓你上手ReactiveCocoa之進階篇


前言

由於時間的問題,暫且只更新這么多了,后續還會持續更新本文《最快讓你上手ReactiveCocoa之進階篇》,目前只是簡短的介紹了些RAC核心的一些方法,后續還需要加上MVVM+ReactiveCocoa實戰開發。
如果喜歡我的文章,可以關注我,微博:袁崢Seemygo,歡迎交流。也可以來小碼哥,了解下我們的iOS培訓課程。之后還會更新

1.ReactiveCocoa常見操作方法介紹。

  • 1.1 ReactiveCocoa操作須知

    • 所有的信號(RACSignal)都可以進行操作處理,因為所有操作方法都定義在RACStream.h中,因此只要繼承RACStream就有了操作處理方法。
  • 1.2 ReactiveCocoa操作思想

    • 運用的是Hook(鈎子)思想,Hook是一種用於改變API(應用程序編程接口:方法)執行結果的技術.
    • Hook用處:截獲API調用的技術。
    • Hook原理:在每次調用一個API返回結果之前,先執行你自己的方法,改變結果的輸出。
  • 1.3 ReactiveCocoa核心方法bind

    • ReactiveCocoa操作的核心方法是bind(綁定),而且RAC中核心開發方式,也是綁定,之前的開發方式是賦值,而用RAC開發,應該把重心放在綁定,也就是可以在創建一個對象的時候,就綁定好以后想要做的事情,而不是等賦值之后在去做事情。

    • 列如:把數據展示到控件上,之前都是重寫控件的setModel方法,用RAC就可以在一開始創建控件的時候,就綁定好數據。

    • 在開發中很少使用bind方法,bind屬於RAC中的底層方法,RAC已經封裝了很多好用的其他方法,底層都是調用bind,用法比bind簡單.

    • bind方法簡單介紹和使用。

 

 1 // 假設想監聽文本框的內容,並且在每次輸出結果的時候,都在文本框的內容拼接一段文字“輸出:”
 2 
 3     // 方式一:在返回結果后,拼接。
 4         [_textField.rac_textSignal subscribeNext:^(id x) {
 5 
 6             NSLog(@"輸出:%@",x);
 7 
 8         }];
 9 
10     // 方式二:在返回結果前,拼接,使用RAC中bind方法做處理。
11     // bind方法參數:需要傳入一個返回值是RACStreamBindBlock的block參數
12     // RACStreamBindBlock是一個block的類型,返回值是信號,參數(value,stop),因此參數的block返回值也是一個block。
13 
14     // RACStreamBindBlock:
15     // 參數一(value):表示接收到信號的原始值,還沒做處理
16     // 參數二(*stop):用來控制綁定Block,如果*stop = yes,那么就會結束綁定。
17     // 返回值:信號,做好處理,在通過這個信號返回出去,一般使用RACReturnSignal,需要手動導入頭文件RACReturnSignal.h。
18 
19     // bind方法使用步驟:
20     // 1.傳入一個返回值RACStreamBindBlock的block。
21     // 2.描述一個RACStreamBindBlock類型的bindBlock作為block的返回值。
22     // 3.描述一個返回結果的信號,作為bindBlock的返回值。
23     // 注意:在bindBlock中做信號結果的處理。
24 
25     // 底層實現:
26     // 1.源信號調用bind,會重新創建一個綁定信號。
27     // 2.當綁定信號被訂閱,就會調用綁定信號中的didSubscribe,生成一個bindingBlock。
28     // 3.當源信號有內容發出,就會把內容傳遞到bindingBlock處理,調用bindingBlock(value,stop)
29     // 4.調用bindingBlock(value,stop),會返回一個內容處理完成的信號(RACReturnSignal)。
30     // 5.訂閱RACReturnSignal,就會拿到綁定信號的訂閱者,把處理完成的信號內容發送出來。
31 
32     // 注意:不同訂閱者,保存不同的nextBlock,看源碼的時候,一定要看清楚訂閱者是哪個。
33     // 這里需要手動導入#import <ReactiveCocoa/RACReturnSignal.h>,才能使用RACReturnSignal。
34     [[_textField.rac_textSignal bind:^RACStreamBindBlock{
35 
36         // 什么時候調用:
37         // block作用:表示綁定了一個信號.
38 
39         return ^RACStream *(id value, BOOL *stop){
40 
41             // 什么時候調用block:當信號有新的值發出,就會來到這個block。
42 
43             // block作用:做返回值的處理
44 
45             // 做好處理,通過信號返回出去.
46             return [RACReturnSignal return:[NSString stringWithFormat:@"輸出:%@",value]];
47         };
48 
49     }] subscribeNext:^(id x) {
50 
51         NSLog(@"%@",x);
52 
53     }];
  • 1.4ReactiveCocoa操作方法之映射(flattenMap,Map)

    • flattenMapMap用於把源信號內容映射成新的內容。

flattenMap簡單使用

 1    // 監聽文本框的內容改變,把結構重新映射成一個新值.
 2 
 3   // flattenMap作用:把源信號的內容映射成一個新的信號,信號可以是任意類型。
 4 
 5     // flattenMap使用步驟:
 6     // 1.傳入一個block,block類型是返回值RACStream,參數value
 7     // 2.參數value就是源信號的內容,拿到源信號的內容做處理
 8     // 3.包裝成RACReturnSignal信號,返回出去。
 9 
10     // flattenMap底層實現:
11     // 0.flattenMap內部調用bind方法實現的,flattenMap中block的返回值,會作為bind中bindBlock的返回值。
12     // 1.當訂閱綁定信號,就會生成bindBlock。
13     // 2.當源信號發送內容,就會調用bindBlock(value, *stop)
14     // 3.調用bindBlock,內部就會調用flattenMap的block,flattenMap的block作用:就是把處理好的數據包裝成信號。
15     // 4.返回的信號最終會作為bindBlock中的返回信號,當做bindBlock的返回信號。
16     // 5.訂閱bindBlock的返回信號,就會拿到綁定信號的訂閱者,把處理完成的信號內容發送出來。
17 
18 
19 
20     [[_textField.rac_textSignal flattenMap:^RACStream *(id value) {
21 
22         // block什么時候 : 源信號發出的時候,就會調用這個block。
23 
24         // block作用 : 改變源信號的內容。
25 
26         // 返回值:綁定信號的內容.
27         return [RACReturnSignal return:[NSString stringWithFormat:@"輸出:%@",value]];
28 
29     }] subscribeNext:^(id x) {
30 
31         // 訂閱綁定信號,每當源信號發送內容,做完處理,就會調用這個block。
32 
33         NSLog(@"%@",x);
34 
35     }];

Map簡單使用:

 1  // 監聽文本框的內容改變,把結構重新映射成一個新值.
 2 
 3     // Map作用:把源信號的值映射成一個新的值
 4 
 5     // Map使用步驟:
 6     // 1.傳入一個block,類型是返回對象,參數是value
 7     // 2.value就是源信號的內容,直接拿到源信號的內容做處理
 8     // 3.把處理好的內容,直接返回就好了,不用包裝成信號,返回的值,就是映射的值。
 9 
10     // Map底層實現:
11     // 0.Map底層其實是調用flatternMap,Map中block中的返回的值會作為flatternMap中block中的值。
12     // 1.當訂閱綁定信號,就會生成bindBlock。
13     // 3.當源信號發送內容,就會調用bindBlock(value, *stop)
14     // 4.調用bindBlock,內部就會調用flattenMap的block
15     // 5.flattenMap的block內部會調用Map中的block,把Map中的block返回的內容包裝成返回的信號。
16     // 5.返回的信號最終會作為bindBlock中的返回信號,當做bindBlock的返回信號。
17     // 6.訂閱bindBlock的返回信號,就會拿到綁定信號的訂閱者,把處理完成的信號內容發送出來。
18 
19        [[_textField.rac_textSignal map:^id(id value) {
20         // 當源信號發出,就會調用這個block,修改源信號的內容
21         // 返回值:就是處理完源信號的內容。
22         return [NSString stringWithFormat:@"輸出:%@",value];
23     }] subscribeNext:^(id x) {
24 
25         NSLog(@"%@",x);
26     }];
  • FlatternMap和Map的區別

    • 1.FlatternMap中的Block返回信號。
    • 2.Map中的Block返回對象。
    • 3.開發中,如果信號發出的值不是信號,映射一般使用Map
    • 4.開發中,如果信號發出的值是信號,映射一般使用FlatternMap。
  • 總結:signalOfsignals用FlatternMap。

 1     // 創建信號中的信號
 2     RACSubject *signalOfsignals = [RACSubject subject];
 3     RACSubject *signal = [RACSubject subject];
 4 
 5     [[signalOfsignals flattenMap:^RACStream *(id value) {
 6 
 7      // 當signalOfsignals的signals發出信號才會調用
 8 
 9         return value;
10 
11     }] subscribeNext:^(id x) {
12 
13         // 只有signalOfsignals的signal發出信號才會調用,因為內部訂閱了bindBlock中返回的信號,也就是flattenMap返回的信號。
14         // 也就是flattenMap返回的信號發出內容,才會調用。
15 
16         NSLog(@"%@aaa",x);
17     }];
18 
19     // 信號的信號發送信號
20     [signalOfsignals sendNext:signal];
21 
22     // 信號發送內容
23     [signal sendNext:@1];
  • 1.5 ReactiveCocoa操作方法之組合。
    • concat:按一定順序拼接信號,當多個信號發出的時候,有順序的接收信號。
 1     RACSignal *signalA = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 2 
 3         [subscriber sendNext:@1];
 4 
 5         [subscriber sendCompleted];
 6 
 7         return nil;
 8     }];
 9     RACSignal *signalB = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
10 
11         [subscriber sendNext:@2];
12 
13         return nil;
14     }];
15 
16     // 把signalA拼接到signalB后,signalA發送完成,signalB才會被激活。
17     RACSignal *concatSignal = [signalA concat:signalB];
18 
19     // 以后只需要面對拼接信號開發。
20     // 訂閱拼接的信號,不需要單獨訂閱signalA,signalB
21     // 內部會自動訂閱。
22     // 注意:第一個信號必須發送完成,第二個信號才會被激活
23     [concatSignal subscribeNext:^(id x) {
24 
25         NSLog(@"%@",x);
26 
27     }];
28 
29     // concat底層實現:
30     // 1.當拼接信號被訂閱,就會調用拼接信號的didSubscribe
31     // 2.didSubscribe中,會先訂閱第一個源信號(signalA)
32     // 3.會執行第一個源信號(signalA)的didSubscribe
33     // 4.第一個源信號(signalA)didSubscribe中發送值,就會調用第一個源信號(signalA)訂閱者的nextBlock,通過拼接信號的訂閱者把值發送出來.
34     // 5.第一個源信號(signalA)didSubscribe中發送完成,就會調用第一個源信號(signalA)訂閱者的completedBlock,訂閱第二個源信號(signalB)這時候才激活(signalB)。
35     // 6.訂閱第二個源信號(signalB),執行第二個源信號(signalB)的didSubscribe
36     // 7.第二個源信號(signalA)didSubscribe中發送值,就會通過拼接信號的訂閱者把值發送出來.

then:用於連接兩個信號,當第一個信號完成,才會連接then返回的信號。

 

 1 // then:用於連接兩個信號,當第一個信號完成,才會連接then返回的信號
 2 // 注意使用then,之前信號的值會被忽略掉.
 3 // 底層實現:1、先過濾掉之前的信號發出的值。2.使用concat連接then返回的信號
 4 [[[RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 5 
 6  [subscriber sendNext:@1];
 7  [subscriber sendCompleted];
 8  return nil;
 9 }] then:^RACSignal *{
10  return [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
11      [subscriber sendNext:@2];
12      return nil;
13  }];
14 }] subscribeNext:^(id x) {
15 
16  // 只能接收到第二個信號的值,也就是then返回信號的值
17  NSLog(@"%@",x);
18 }];
  • merge:把多個信號合並為一個信號,任何一個信號有新值的時候就會調用
 1     // merge:把多個信號合並成一個信號
 2     //創建多個信號
 3     RACSignal *signalA = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 4 
 5         [subscriber sendNext:@1];
 6 
 7 
 8         return nil;
 9     }];
10 
11     RACSignal *signalB = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
12 
13         [subscriber sendNext:@2];
14 
15         return nil;
16     }];
17 
18     // 合並信號,任何一個信號發送數據,都能監聽到.
19     RACSignal *mergeSignal = [signalA merge:signalB];
20 
21     [mergeSignal subscribeNext:^(id x) {
22 
23         NSLog(@"%@",x);
24 
25     }];
26 
27     // 底層實現:
28     // 1.合並信號被訂閱的時候,就會遍歷所有信號,並且發出這些信號。
29     // 2.每發出一個信號,這個信號就會被訂閱
30     // 3.也就是合並信號一被訂閱,就會訂閱里面所有的信號。
31     // 4.只要有一個信號被發出就會被監聽。
  • zipWith:把兩個信號壓縮成一個信號,只有當兩個信號同時發出信號內容時,並且把兩個信號的內容合並成一個元組,才會觸發壓縮流的next事件。

 

 1  RACSignal *signalA = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 2 
 3         [subscriber sendNext:@1];
 4 
 5 
 6         return nil;
 7     }];
 8 
 9     RACSignal *signalB = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
10 
11         [subscriber sendNext:@2];
12 
13         return nil;
14     }];
15 
16 
17 
18     // 壓縮信號A,信號B
19     RACSignal *zipSignal = [signalA zipWith:signalB];
20 
21     [zipSignal subscribeNext:^(id x) {
22 
23         NSLog(@"%@",x);
24     }];
25 
26     // 底層實現:
27     // 1.定義壓縮信號,內部就會自動訂閱signalA,signalB
28     // 2.每當signalA或者signalB發出信號,就會判斷signalA,signalB有沒有發出個信號,有就會把最近

combineLatest:將多個信號合並起來,並且拿到各個信號的最新的值,必須每個合並的signal至少都有過一次sendNext,才會觸發合並的信號。

 

 1  RACSignal *signalA = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 2 
 3    [subscriber sendNext:@1];
 4 
 5    return nil;
 6 }];
 7 
 8 RACSignal *signalB = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 9 
10    [subscriber sendNext:@2];
11 
12    return nil;
13 }];
14 
15 // 把兩個信號組合成一個信號,跟zip一樣,沒什么區別
16 RACSignal *combineSignal = [signalA combineLatestWith:signalB];
17 
18 [combineSignal subscribeNext:^(id x) {
19 
20    NSLog(@"%@",x);
21 }];
22 
23 // 底層實現:
24 // 1.當組合信號被訂閱,內部會自動訂閱signalA,signalB,必須兩個信號都發出內容,才會被觸發。
25 // 2.並且把兩個信號組合成元組發出。
  • reduce聚合:用於信號發出的內容是元組,把信號發出元組的值聚合成一個值
 1 RACSignal *signalA = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 2 
 3    [subscriber sendNext:@1];
 4 
 5    return nil;
 6 }];
 7 
 8 RACSignal *signalB = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 9 
10    [subscriber sendNext:@2];
11 
12    return nil;
13 }];
14 
15 // 聚合
16 // 常見的用法,(先組合在聚合)。combineLatest:(id<NSFastEnumeration>)signals reduce:(id (^)())reduceBlock
17 // reduce中的block簡介:
18 // reduceblcok中的參數,有多少信號組合,reduceblcok就有多少參數,每個參數就是之前信號發出的內容
19 // reduceblcok的返回值:聚合信號之后的內容。
20 RACSignal *reduceSignal = [RACSignal combineLatest:@[signalA,signalB] reduce:^id(NSNumber *num1 ,NSNumber *num2){
21 
22   return [NSString stringWithFormat:@"%@ %@",num1,num2];
23 
24 }];
25 
26 [reduceSignal subscribeNext:^(id x) {
27 
28    NSLog(@"%@",x);
29 }];
30 
31 // 底層實現:
32 // 1.訂閱聚合信號,每次有內容發出,就會執行reduceblcok,把信號內容轉換成reduceblcok返回的值。
  • 1.6 ReactiveCocoa操作方法之過濾。

  • filter:過濾信號,使用它可以獲取滿足條件的信號.

1 // 過濾:
2 // 每次信號發出,會先執行過濾條件判斷.
3 [_textField.rac_textSignal filter:^BOOL(NSString *value) {
4        return value.length > 3;
5 }];
  • ignore:忽略完某些值的信號.
1    // 內部調用filter過濾,忽略掉ignore的值
2 [[_textField.rac_textSignal ignore:@"1"] subscribeNext:^(id x) {
3 
4    NSLog(@"%@",x);
5 }];
  • distinctUntilChanged:當上一次的值和當前的值有明顯的變化就會發出信號,否則會被忽略掉。
1    // 過濾,當上一次和當前的值不一樣,就會發出內容。
2 // 在開發中,刷新UI經常使用,只有兩次數據不一樣才需要刷新
3 [[_textField.rac_textSignal distinctUntilChanged] subscribeNext:^(id x) {
4 
5    NSLog(@"%@",x);
6 }];
  • take:從開始一共取N次的信號
 1 // 1、創建信號
 2 RACSubject *signal = [RACSubject subject];
 3 
 4 // 2、處理信號,訂閱信號
 5 [[signal take:1] subscribeNext:^(id x) {
 6 
 7    NSLog(@"%@",x);
 8 }];
 9 
10 // 3.發送信號
11 [signal sendNext:@1];
12 
13 [signal sendNext:@2];
14 
15 
  • takeLast:取最后N次的信號,前提條件,訂閱者必須調用完成,因為只有完成,就知道總共有多少信號.
 1 // 1、創建信號
 2 RACSubject *signal = [RACSubject subject];
 3 
 4 // 2、處理信號,訂閱信號
 5 [[signal takeLast:1] subscribeNext:^(id x) {
 6 
 7    NSLog(@"%@",x);
 8 }];
 9 
10 // 3.發送信號
11 [signal sendNext:@1];
12 
13 [signal sendNext:@2];
14 
15 [signal sendCompleted];
  • takeUntil:(RACSignal *):獲取信號直到某個信號執行完成

1 // 監聽文本框的改變直到當前對象被銷毀

2 [_textField.rac_textSignal takeUntil:self.rac_willDeallocSignal]; 

  • skip:(NSUInteger):跳過幾個信號,不接受。
1 // 表示輸入第一次,不會被監聽到,跳過第一次發出的信號
2 [[_textField.rac_textSignal skip:1] subscribeNext:^(id x) {
3 
4    NSLog(@"%@",x);
5 }];
  • switchToLatest:用於signalOfSignals(信號的信號),有時候信號也會發出信號,會在signalOfSignals中,獲取signalOfSignals發送的最新信號。
 1 RACSubject *signalOfSignals = [RACSubject subject];
 2 RACSubject *signal = [RACSubject subject];
 3 
 4 // 獲取信號中信號最近發出信號,訂閱最近發出的信號。
 5 // 注意switchToLatest:只能用於信號中的信號
 6 [signalOfSignals.switchToLatest subscribeNext:^(id x) {
 7 
 8    NSLog(@"%@",x);
 9 }];
10 [signalOfSignals sendNext:signal];
11 [signal sendNext:@1];
12 

1.7 ReactiveCocoa操作方法之秩序。

  • doNext: 執行Next之前,會先執行這個Block
  • doCompleted: 執行sendCompleted之前,會先執行這個Block

 1 [[[[RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 2   [subscriber sendNext:@1];
 3   [subscriber sendCompleted];
 4   return nil;
 5 }] doNext:^(id x) {
 6 // 執行[subscriber sendNext:@1];之前會調用這個Block
 7   NSLog(@"doNext");;
 8 }] doCompleted:^{
 9    // 執行[subscriber sendCompleted];之前會調用這個Block
10   NSLog(@"doCompleted");;
11 
12 }] subscribeNext:^(id x) {
13 
14   NSLog(@"%@",x);
15 }];
16 
 
  • 1.8 ReactiveCocoa操作方法之線程。

    • deliverOn: 內容傳遞切換到制定線程中,副作用在原來線程中,把在創建信號時block中的代碼稱之為副作用。

    • subscribeOn: 內容傳遞和副作用都會切換到制定線程中。

  • 1.9 ReactiveCocoa操作方法之時間。

    • timeout:超時,可以讓一個信號在一定的時間后,自動報錯。

 1 RACSignal *signal = [[RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 2  return nil;
 3 }] timeout:1 onScheduler:[RACScheduler currentScheduler]];
 4 
 5 [signal subscribeNext:^(id x) {
 6 
 7  NSLog(@"%@",x);
 8 } error:^(NSError *error) {
 9  // 1秒后會自動調用
10  NSLog(@"%@",error);
11 }];

interval 定時:每隔一段時間發出信號 

1 [[RACSignal interval:1 onScheduler:[RACScheduler currentScheduler]] subscribeNext:^(id x) {
2 
3  NSLog(@"%@",x);
4 }];

delay 延遲發送next。

 

 1  RACSignal *signal = [[[RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 2 
 3  [subscriber sendNext:@1];
 4  return nil;
 5 }] delay:2] subscribeNext:^(id x) {
 6 
 7  NSLog(@"%@",x);
 8 }];
 9 
  • 1.9 ReactiveCocoa操作方法之重復。

    • retry重試 :只要失敗,就會重新執行創建信號中的block,直到成功.
 1      __block int i = 0;
 2     [[[RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 3 
 4             if (i == 10) {
 5                 [subscriber sendNext:@1];
 6             }else{
 7                 NSLog(@"接收到錯誤");
 8                 [subscriber sendError:nil];
 9             }
10             i++;
11 
12         return nil;
13 
14     }] retry] subscribeNext:^(id x) {
15 
16         NSLog(@"%@",x);
17 
18     } error:^(NSError *error) {
19 
20 
21     }];
22 
  • replay重放:當一個信號被多次訂閱,反復播放內容
 1         RACSignal *signal = [[RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
 2 
 3 
 4         [subscriber sendNext:@1];
 5         [subscriber sendNext:@2];
 6 
 7         return nil;
 8     }] replay];
 9 
10     [signal subscribeNext:^(id x) {
11 
12         NSLog(@"第一個訂閱者%@",x);
13 
14     }];
15 
16     [signal subscribeNext:^(id x) {
17 
18         NSLog(@"第二個訂閱者%@",x);
19 
20     }];
21 

throttle節流:當某個信號發送比較頻繁時,可以使用節流,在某一段時間不發送信號內容,過了一段時間獲取信號的最新內容發出。

 1    RACSubject *signal = [RACSubject subject];
 2 
 3 _signal = signal;
 4 
 5 // 節流,在一定時間(1秒)內,不接收任何信號內容,過了這個時間(1秒)獲取最后發送的信號內容發出。
 6 [[signal throttle:1] subscribeNext:^(id x) {
 7 
 8    NSLog(@"%@",x);
 9 }];
10 
11 

2.介紹MVVM架構思想。

2.1 程序為什么要架構:便於程序員開發和維護代碼。

2.2 常見的架構思想:

  • MVC M:模型 V:視圖 C:控制器

  • MVVM M:模型 V:視圖+控制器 VM:視圖模型

  • MVCS M:模型 V:視圖 C:控制器 C:服務類

  • VIPER V:視圖 I:交互器 P:展示器 E:實體 R:路由
    PS:VIPER架構思想

2.3 MVVM介紹

  • 模型(M):保存視圖數據。

  • 視圖+控制器(V):展示內容 + 如何展示

  • 視圖模型(VM):處理展示的業務邏輯,包括按鈕的點擊,數據的請求和解析等等。

3.ReactiveCocoa + MVVM 實戰一:登錄界面

  • 3.1需求+分析+步驟
 1 /* 需求:1.監聽兩個文本框的內容,有內容才允許按鈕點擊
 2         2.默認登錄請求.
 3 
 4    用MVVM:實現,之前界面的所有業務邏輯
 5    分析:1.之前界面的所有業務邏輯都交給控制器做處理
 6         2.在MVVM架構中把控制器的業務全部搬去VM模型,也就是每個控制器對應一個VM模型.
 7 
 8    步驟:1.創建LoginViewModel類,處理登錄界面業務邏輯.
 9         2.這個類里面應該保存着賬號的信息,創建一個賬號Account模型
10         3.LoginViewModel應該保存着賬號信息Account模型。
11         4.需要時刻監聽Account模型中的賬號和密碼的改變,怎么監聽?
12         5.在非RAC開發中,都是習慣賦值,在RAC開發中,需要改變開發思維,由賦值轉變為綁定,可以在一開始初始化的時候,就給Account模型中的屬性綁定,並不需要重寫set方法。
13         6.每次Account模型的值改變,就需要判斷按鈕能否點擊,在VM模型中做處理,給外界提供一個能否點擊按鈕的信號.
14         7.這個登錄信號需要判斷Account中賬號和密碼是否有值,用KVO監聽這兩個值的改變,把他們聚合成登錄信號.
15         8.監聽按鈕的點擊,由VM處理,應該給VM聲明一個RACCommand,專門處理登錄業務邏輯.
16         9.執行命令,把數據包裝成信號傳遞出去
17         10.監聽命令中信號的數據傳遞
18         11.監聽命令的執行時刻
19  */
20 
21 
  • 3.2 控制器的代碼
 1 @interface ViewController ()
 2 
 3 @property (nonatomic, strong) LoginViewModel *loginViewModel;
 4 
 5 @property (weak, nonatomic) IBOutlet UITextField *accountField;
 6 @property (weak, nonatomic) IBOutlet UITextField *pwdField;
 7 
 8 @property (weak, nonatomic) IBOutlet UIButton *loginBtn;
 9 
10 
11 @end
12 
13 - (LoginViewModel *)loginViewModel
14 {
15     if (_loginViewModel == nil) {
16 
17         _loginViewModel = [[LoginViewModel alloc] init];
18     }
19     return _loginViewModel;
20 }
21 
22 // 視圖模型綁定
23 - (void)bindModel
24 {
25     // 給模型的屬性綁定信號
26     // 只要賬號文本框一改變,就會給account賦值
27     RAC(self.loginViewModel.account, account) = _accountField.rac_textSignal;
28     RAC(self.loginViewModel.account, pwd) = _pwdField.rac_textSignal;
29 
30     // 綁定登錄按鈕
31     RAC(self.loginBtn,enabled) = self.loginViewModel.enableLoginSignal;
32 
33    // 監聽登錄按鈕點擊
34     [[_loginBtn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(id x) {
35 
36         // 執行登錄事件
37         [self.loginViewModel.LoginCommand execute:nil];
38     }];
39 }
40 
41 
  • 3.3 VM的代碼
 1 @interface LoginViewModel : NSObject
 2 
 3 @property (nonatomic, strong) Account *account;
 4 
 5 
 6 // 是否允許登錄的信號
 7 @property (nonatomic, strong, readonly) RACSignal *enableLoginSignal;
 8 
 9 @property (nonatomic, strong, readonly) RACCommand *LoginCommand;
10 
11 @end
12 
13 @implementation LoginViewModel
14 - (Account *)account
15 {
16     if (_account == nil) {
17         _account = [[Account alloc] init];
18     }
19     return _account;
20 }
21 - (instancetype)init
22 {
23     if (self = [super init]) {
24         [self initialBind];
25     }
26     return self;
27 }
28 
29 
30 // 初始化綁定
31 - (void)initialBind
32 {
33     // 監聽賬號的屬性值改變,把他們聚合成一個信號。
34     _enableLoginSignal = [RACSignal combineLatest:@[RACObserve(self.account, account),RACObserve(self.account, pwd)] reduce:^id(NSString *account,NSString *pwd){
35 
36         return @(account.length && pwd.length);
37 
38     }];
39 
40     // 處理登錄業務邏輯
41     _LoginCommand = [[RACCommand alloc] initWithSignalBlock:^RACSignal *(id input) {
42 
43         NSLog(@"點擊了登錄");
44         return [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
45 
46             // 模仿網絡延遲
47             dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
48 
49                 [subscriber sendNext:@"登錄成功"];
50 
51                 // 數據傳送完畢,必須調用完成,否則命令永遠處於執行狀態
52                 [subscriber sendCompleted];
53             });
54 
55             return nil;
56         }];
57     }];
58 
59     // 監聽登錄產生的數據
60     [_LoginCommand.executionSignals.switchToLatest subscribeNext:^(id x) {
61 
62         if ([x isEqualToString:@"登錄成功"]) {
63             NSLog(@"登錄成功");
64         }
65     }];
66 
67     // 監聽登錄狀態
68     [[_LoginCommand.executing skip:1] subscribeNext:^(id x) {
69         if ([x isEqualToNumber:@(YES)]) {
70 
71             // 正在登錄ing...
72             // 用蒙版提示
73             [MBProgressHUD showMessage:@"正在登錄..."];
74 
75 
76         }else
77         {
78             // 登錄成功
79             // 隱藏蒙版
80             [MBProgressHUD hideHUD];
81         }
82     }];
83 }

4.ReactiveCocoa + MVVM 實戰二:網絡請求數據

  • 4.1 接口:這里先給朋友介紹一個免費的網絡數據接口,豆瓣。可以經常用來練習一些網絡請求的小Demo.

  • 4.2 需求+分析+步驟

 1 /*
 2     需求:請求豆瓣圖書信息,url:https://api.douban.com/v2/book/search?q=基礎
 3 
 4     分析:請求一樣,交給VM模型管理
 5 
 6     步驟:
 7         1.控制器提供一個視圖模型(requesViewModel),處理界面的業務邏輯
 8         2.VM提供一個命令,處理請求業務邏輯
 9         3.在創建命令的block中,會把請求包裝成一個信號,等請求成功的時候,就會把數據傳遞出去。
10         4.請求數據成功,應該把字典轉換成模型,保存到視圖模型中,控制器想用就直接從視圖模型中獲取。
11         5.假設控制器想展示內容到tableView,直接讓視圖模型成為tableView的數據源,把所有的業務邏輯交給視圖模型去做,這樣控制器的代碼就非常少了。
12  */
13 
  • 4.3控制器代碼
 1 @interface ViewController ()
 2 
 3 @property (nonatomic, weak) UITableView *tableView;
 4 
 5 @property (nonatomic, strong) RequestViewModel *requesViewModel;
 6 
 7 
 8 @end
 9 
10 @implementation ViewController
11 - (RequestViewModel *)requesViewModel
12 {
13     if (_requesViewModel == nil) {
14         _requesViewModel = [[RequestViewModel alloc] init];
15     }
16     return _requesViewModel;
17 }
18 
19 - (void)viewDidLoad {
20     [super viewDidLoad];
21     // Do any additional setup after loading the view, typically from a nib.
22 
23     // 創建tableView
24     UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds];
25     tableView.dataSource = self.requesViewModel;
26 
27     [self.view addSubview:tableView];
28 
29     // 執行請求
30  RACSignal *requesSiganl = [self.requesViewModel.reuqesCommand execute:nil];
31 
32    // 獲取請求的數據
33     [requesSiganl subscribeNext:^(NSArray *x) {
34 
35         self.requesViewModel.models = x;
36 
37         [self.tableView reloadData];
38 
39     }];
40 
41 }
42 
43 
44 @end
  • 4.4視圖模型(VM)代碼
 1 @interface RequestViewModel : NSObject<UITableViewDataSource>
 2 
 3 
 4     // 請求命令
 5     @property (nonatomic, strong, readonly) RACCommand *reuqesCommand;
 6 
 7     //模型數組
 8     @property (nonatomic, strong, readonly) NSArray *models;
 9 
10 
11 
12 @end
13 
14 @implementation RequestViewModel
15 
16 - (instancetype)init
17 {
18     if (self = [super init]) {
19 
20         [self initialBind];
21     }
22     return self;
23 }
24 
25 
26 - (void)initialBind
27 {
28     _reuqesCommand = [[RACCommand alloc] initWithSignalBlock:^RACSignal *(id input) {
29 
30         RACSignal *requestSignal = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
31 
32 
33             NSMutableDictionary *parameters = [NSMutableDictionary dictionary];
34             parameters[@"q"] = @"基礎";
35 
36             // 發送請求
37             [[AFHTTPRequestOperationManager manager] GET:@"https://api.douban.com/v2/book/search" parameters:parameters success:^(AFHTTPRequestOperation * _Nonnull operation, id  _Nonnull responseObject) {
38                 NSLog(@"%@",responseObject);
39 
40                 // 請求成功調用
41                 // 把數據用信號傳遞出去
42                 [subscriber sendNext:responseObject];
43 
44                 [subscriber sendCompleted];
45 
46 
47             } failure:^(AFHTTPRequestOperation * _Nonnull operation, NSError * _Nonnull error) {
48                 // 請求失敗調用
49 
50             }];
51 
52             return nil;
53         }];
54 
55 
56 
57 
58         // 在返回數據信號時,把數據中的字典映射成模型信號,傳遞出去
59         return [requestSignal map:^id(NSDictionary *value) {
60             NSMutableArray *dictArr = value[@"books"];
61 
62             // 字典轉模型,遍歷字典中的所有元素,全部映射成模型,並且生成數組
63             NSArray *modelArr = [[dictArr.rac_sequence map:^id(id value) {
64 
65                 return [Book bookWithDict:value];
66             }] array];
67 
68             return modelArr;
69         }];
70 
71     }];
72 
73  }
74 
75 #pragma mark - UITableViewDataSource
76 
77 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
78 {
79     return self.models.count;
80 }
81 
82 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
83 {
84     static NSString *ID = @"cell";
85     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
86     if (cell == nil) {
87 
88         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
89     }
90 
91     Book *book = self.models[indexPath.row];
92     cell.detailTextLabel.text = book.subtitle;
93     cell.textLabel.text = book.title;
94 
95     return cell;
96 }
97 
98 @end

 

 
 
文/袁崢Seemygo(簡書作者)
原文鏈接:http://www.jianshu.com/p/e10e5ca413b7
著作權歸作者所有,轉載請聯系作者獲得授權,並標注“簡書作者”。
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM