有没有办法让twitter的iOS应用程序的通知选项卡的导航栏(附图)

发布于 2025-01-10 01:04:48 字数 424 浏览 1 评论 0原文

输入图片这里的描述

我正在考虑实现一个 UISegmentControl 扩展来实现 twitter 的 iOS 通知标签栏、导航栏分段样式。我尝试像 this 帖子。

我希望能够控制根据文本宽度缩放的下划线的大小,就像在应用程序中一样。

任何想法或建议表示赞赏。

enter image description here

I am thinking of implementing a UISegmentControl extension to achieve the twitter's iOS notification tab bar, navigation bar segment style. I tried extending the class like in this post.

I want to be able to control the size of the underline that scales based on the text's width, just like in the app.

Any ideas or suggestions are appreciated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

丑疤怪 2025-01-17 01:04:48

有顶行部分:
图标|通知 |设置图标
然后是底行:
全部 |提及

您为底行中的每个部分创建一个容器,占该行宽度的 50%,然后在每个部分内为文本创建一个块。块的宽度只能与文本一样宽,这样当您向其添加底部边框时,它只能跨越文本

Yes

Have a top row section:
Icon | Notifications | Settings Icon
Then a bottom row:
All | Mentions

You make a container for each section in the bottom row that takes 50% of the width of the row and then have a block inside each section for the text. The width of block should only be as wide as the text so that when you add a bottom border to it, it only spans as far as the text goes

じ违心 2025-01-17 01:04:48

您可以创建自定义顶部栏。

  1. 添加两个视图,每个视图都包含带有文本的标签,在该标签下方添加一个视图,其前导和尾随约束来自标签。将这两个视图添加到“堆栈视图”中并均匀填充。对于点击,您可以使用 TapGesture 或 UIButton。
  2. 使用动态选项卡的集合视图。
  3. 下面针对不同屏幕的 UIPageViewController。
  4. 我附上了我设计的屏幕供参考
  5. 在此处输入图像描述

You can create your custom Top Bar.

  1. Add two views each containing your label with text, below that label add a view whose leading and trailing constraint from label. add both of these views in Stack View and fill equally. For tap you can use TapGesture or UIButton.
  2. Use collection view for dynamic tabs.
  3. UIPageViewController below for different screens.
  4. I have attached a screen i designed for reference
  5. enter image description here
终遇你 2025-01-17 01:04:48

XLPagerTabStrip 是一个容器视图控制器,它允许我们在视图控制器集合之间轻松切换。平移手势可用于移动到下一个或上一个视图控制器。它显示当前、上一个、下一个子视图控制器的交互式指示器。

https://github.com/xmartlabs/XLPagerTabStrip

XLPagerTabStrip is a Container View Controller that allows us to switch easily among a collection of view controllers. Pan gestures can be used to move on to the next or previous view controller. It shows an interactive indicator of the current, previous, next child view controllers.

https://github.com/xmartlabs/XLPagerTabStrip

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文