朋友圈評論功能的細節考慮及實現,朋友圈評論功能細節
1. 朋友圈
朋友圈的布局很容易,網上類似的代碼也很多,但是評論功能有些細節的地方要考慮,主要是為了使用者體驗。
類似鍵盤不要遮擋評論框,評論框隨著內容的增多變長這些網上的處理方法很多,這裡就不列出來了。
朋友圈只要按了評論,對話方塊升起來正好是落在了這條狀態的正下方,這個小細節有著非常好的使用者體驗,這種實現方式有很多,下面來說說我實現的方法。
2. 評論細節的實現
我的方法是,按下評論按鈕的時候先把按鈕所在的cell的尾部的位置座標y儲存下。
self.replyViewDraw = [cell convertRect:cell.bounds toView:self.view.window].origin.y + cell.frame.size.height;
然後在鍵盤升起來的時候,評論框也升起到鍵盤上方,此時鍵盤的位置座標y減去上方儲存的位置y,就是tableView需要移動的位置。
評論框移動的方法:更改frame.origin.y
tableview移動的方法:更改contentOffset.y
[UIView animateWithDuration:[dic[UIKeyboardAnimationDurationUserInfoKey] floatValue] animations:^{ [UIView setAnimationCurve:[dic[UIKeyboardAnimationCurveUserInfoKey] doubleValue]]; CGRect frame = self.replyInputView.frame; frame.origin.y = frame.origin.y - keyboardRect.size.height + 52; self.replyInputView.frame = frame; CGPoint point = self.familyTableView.contentOffset; point.y -= (frame.origin.y - self.replyViewDraw); self.familyTableView.contentOffset = point; }];
3. 朋友圈實現
朋友圈的功能基本上都實現了,不少細節也都考慮了,大家感興趣的話可以下載下來看看,歡迎指正交流
github地址:https://github.com/stevenxiaoyang/familyGroup