有沒有辦法制作推特的 iOS 應用程序的通知選項卡的導航欄（附圖片）

Question

我正在考慮實施 UISegmentControl 擴展來實現 twitter 的 iOS 通知選項卡欄、導航欄段樣式。 我嘗試像這篇文章中那樣擴展 class。

我希望能夠控制根據文本寬度縮放的下划線大小，就像在應用程序中一樣。

任何想法或建議表示贊賞。

Answer 1

是的

有一個頂行部分：圖標 | 通知 | 設置圖標 然后是底行：全部 | 提及

您為底部行中的每個部分制作一個容器，占據行寬的 50%，然后在每個部分內有一個文本塊。 塊的寬度應該只和文本一樣寬，這樣當你給它添加一個底部邊框時，它只跨越文本的寬度

Answer 2

您可以創建自定義頂部欄。

1. 添加兩個視圖，每個視圖都包含您的 label 和文本，在 label 下面添加一個視圖，其前導和尾隨約束來自 label。將這兩個視圖添加到堆棧視圖中並均勻填充。 對於點擊，您可以使用 TapGesture 或 UIButton。
2. 對動態選項卡使用集合視圖。
3. 下面的 UIPageViewController 用於不同的屏幕。
4. 我附上了我設計的屏幕供參考
5. 

Answer 3

XLPagerTabStrip 是一個容器視圖 Controller ，它允許我們在一組視圖控制器之間輕松切換。 平移手勢可用於移動到下一個或上一個視圖 controller。它顯示了當前、上一個、下一個子視圖控制器的交互式指示器。

https://github.com/xmartlabs/XLPagerTabStrip