從這節課開始我們學習搭建傳送微博介面。傳送介面看起來簡單，但是卻包含了許多細節處理。所以我們分為幾節課來完成，儘量講解詳細點。

本節內容

本節程式碼資料

16.1 設定傳送介面的導航內容

當我們點選中間加號按鈕的時候，微博會彈出一個傳送介面，然後才可以編輯。介面效果如下：

開發之前我們先羅列出介面的幾個細節：

• 1 導航條的字型顏色是橘色，但“傳送”按鈕一開時是灰色，且不能點選，只有當用戶輸入文字後，才能恢復。
• 2 輸入文字框有佔位符“分享新鮮事…”,且佔位符的字型大小應該與輸入的文字大小相等。
• 3 當用戶點選輸入文字的時候，佔位符消失。
• 4 剛進入傳送介面時，鍵盤是自動彈出的，如果拖拽文字輸入框，鍵盤就會消失。

下面我們根據以上這些要求，一步一步的去完成設定。
首先，建立一個YGComposeViewController,繼承自UIViewController。我們想在YGTabBarController內監聽加號按鈕的點選，當其被點選時，彈出傳送介面。這裡就需要使用代理方法，因為之前YGTabBarController就已經遵守了YGTabBar 的代理，所以我們就之前的代理內再新增一個方法。

- (void)tabBarDidClickPlusButton:(YGTabBar *)tabBar;

然後在YGTabBar內建立plus Button內的方法中監聽按鈕的點選：

[btn addTarget:
 
self action:@selector(plusClick) forControlEvents:UIControlEventTouchUpInside]

點選加號按鈕時呼叫此方法：

#pragma mark - 點選加號按鈕時呼叫
- (void)plusClick
{
    // 彈出控制器
    if ([_delegate respondsToSelector:@selector(tabBarDidClickPlusButton:)]) {
        [_delegate tabBarDidClickPlusButton:self];
    }
}

最後我們再YGTabBarController內實現代理：

-(void)tabBarDidClickPlusButton:(YGTabBar *)tabBar
{
    // 建立傳送微博控制器
    YGComposeViewController *composeVc = [[YGComposeViewController alloc] init];
    YGNavigationController *nav = [[YGNavigationController alloc] initWithRootViewController:composeVc];

    [self presentViewController:nav animated:YES completion:nil];
}

因為我們還要設定傳送介面的導航條字型顏色，所以這裡直接用我們之前自定義的導航條（應該沒忘吧）。
此時執行專案，點選加號按鈕，就會看到一個黑色的介面顯示出來了。為了美觀，也為了讓導航條的運動不那麼明顯，這裡把控制器背景顏色設定成白色。然後我們在view DidLoad中設定導航條內容，程式碼如下：

- (void)setUpNavgationBar
{
    self.title = @"發微博";

    // left
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"取消" style:0 target:self action:@selector(dismiss)];

    // right
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
    [btn setTitle:@"傳送" forState:UIControlStateNormal];
    [btn setTitleColor:[UIColor orangeColor] forState:UIControlStateNormal];
    [btn setTitleColor:[UIColor lightGrayColor] forState:UIControlStateDisabled];
    [btn sizeToFit];
    UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithCustomView:btn];
    rightItem.enabled = NO;
    self.navigationItem.rightBarButtonItem = rightItem;

}

本來導航條的右邊按鈕的設定方法是跟左邊按鈕一樣的，但是我們試過之後發現，全域性導航條不能用文字屬性設定disable情況下的顏色，所以這裡只能使用一個新的UIButton來設定了。
[TMD，我這裡插播一句話，估計那些沒經過我同意就複製我微博的人也不會看到。沒經過我同意就轉發我微博的那些網站竟然把時間調到比我原創微博還早半天。其它我都能忍，這我忍不了啊，搞得像我是在抄襲一樣。所以這裡我宣告，我在2016年1月31號凌晨一點發布了此部落格，其它都是轉載]

16.2 自定義文字輸入框textView

首先跟大家解釋下UITextView和UITextField兩者的不同。
兩者最大的區別是：
1、UITextView支援多行輸入並且可以滾動顯示瀏覽全文，而UITextField只能單行輸入。
2、UITextView繼承自UIScrollView,UITextField繼承自UIView[UIControl]。
3、UITextview沒有placeholder屬性 UItextField有placeholder屬性
所以這裡我們選擇UITextView但是要新增一個UILabel子控制元件，用來顯示佔位符。
新建YGComposeTextView繼承自UITextView，因為我們要讓外部可以修改佔位符，所以在其標頭檔案中新增一個placeHolder （NSString）屬性。
在composeTextView中懶載入一個placeHolderLabel，程式碼如下：

- (UILabel *)placeHolderLabel
{
    if (_placeHolderLabel == nil) {

        UILabel *label = [[UILabel alloc] init];


        [self addSubview:label];

        _placeHolderLabel = label;

    }

    return _placeHolderLabel;
}

懶載入的意思就是，當控制元件有值的時候就建立，沒有就不建立，跟在init中新增是不一樣的。
過載setPlaceHolder方法：

- (void)setPlaceHolder:(NSString *)placeHolder
{
    _placeHolder = placeHolder;

    self.placeHolderLabel.text = placeHolder;
    // label的尺寸跟文字一樣
    [self.placeHolderLabel sizeToFit];
}

然後將YGComposeViewController內新增YGComposeTextView。 程式碼如下：

#pragma mark - 新增textView
- (void)setUpTextView
{
    YGComposeTextView *textView = [[YGComposeTextView alloc] initWithFrame:self.view.bounds];
    _textView = textView;
    // 設定佔位符
    textView.placeHolder = @"abc";
    [self.view addSubview:textView];  
}

但是這時候執行專案就會發現，佔位符的字型和位置，與輸入的文字不一樣，如下圖，所以我們首先要設定字型大小：

我們在初始化textView時設定其字型：

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        self.font = [UIFont systemFontOfSize:13];
    }
    return self;
}

然後再重寫setFont方法，讓佔位符的字型大小與文字框的字型大小相同：

- (void)setFont:(UIFont *)font
{
    [super setFont:font];

    self.placeHolderLabel.font = font;
    [self.placeHolderLabel sizeToFit];
}

字型大小解決後，就可以解決佔位符的位置了，重寫layOutSubviews方法：

- (void)layoutSubviews
{
    [super layoutSubviews];

    self.placeHolderLabel.x = 5;
    self.placeHolderLabel.y = 8;
}

16.3 輸入時隱藏佔位符

自定義textView還有最後最後一個功能要完成，就是在輸入文字的時候自動隱藏佔位符。這裡採用通知的方法：

// 監聽文字框的輸入
    /**
     *  Observer:誰需要監聽通知
     *  name：監聽的通知的名稱
     *  object：監聽誰傳送的通知，nil:表示誰傳送我都監聽
     *
     */
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textChange) name:UITextViewTextDidChangeNotification object:nil];

當監聽到文字框文字變化時，執行textChange方法：

- (void)textChange
{
    // 判斷下textView有木有內容
    if (_textView.text.length) { // 有內容
        _textView.hidePlaceHolder = YES;
    }else{
        _textView.hidePlaceHolder = NO;
    }
}

在這裡別忘了給YGComposeTextView新增一個BOOL型別的屬性，表明外界要傳遞給它一個是否隱藏placeHolder的資訊，以便外部控制裡面的內容。
然後重寫setHidePlaceHolder：

- (void)setHidePlaceHolder:(BOOL)hidePlaceHolder
{
    _hidePlaceHolder = hidePlaceHolder;

    self.placeHolderLabel.hidden = hidePlaceHolder;

}

最後別忘了移除通知：

- (void)dealloc
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

16.4 自動彈出鍵盤 與隱藏鍵盤

這個功能應該是比較基礎的內容了，首先在一開始就讓鍵盤自動彈出：

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];

    [_textView becomeFirstResponder];

}

然後在拖拽UITextView的時候，自動隱藏鍵盤。用到的方法就是讓YGComposeViewController執行UITextView 的代理方法，因為UITextView的只有在內容超過大小的時候才能拖拽，所以不要忘了在setUpTextView內設定textView允許一直可以拖拽

    // 預設允許垂直方向拖拽
    textView.alwaysBounceVertical = YES;

代理方法如下：

#pragma mark - 開始拖拽的時候呼叫
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    [self.view endEditing:YES];
}

因為細節處理比較多，這節課就到這裡吧，請自己主動敲程式碼哦。動手與不動手對開發過程的理解差別很大的。下節課將會講解如何設定鍵盤上方的傳送的工具欄，然後傳送文字微博。