【问题标题】:Is there a way to change the text position in UITabBar or UITabBarItem?有没有办法改变 UITabBar 或 UITabBarItem 中的文本位置?
【发布时间】:2012-11-17 01:59:35
【问题描述】:

这是我打算放在屏幕上的自定义标签栏。但是,我的伙伴希望文本稍微向上。我该怎么做?

【问题讨论】:

    标签: ios objective-c xcode4.5 uitabbar uitabbaritem


    【解决方案1】:

    为什么不为视图控制器设置一个空的标题属性并将标题添加到选项卡的自定义图像中?

    更新:为了回答的完整性;来自 cmets 和 ios tabbar put text in the middle when no image

    [tab.tabBarItem setTitlePositionAdjustment:UIOffsetMake(0, -10)]

    【讨论】:

    • 足够好。我找到了更好的方法:stackoverflow.com/questions/12586411/…
    • 最终选择了你的答案,因为它更全面:)
    • 为什么是 (0, -10) ?我不明白...你能解释一下吗?
    • @LKM 0 表示没有水平偏移,-10 将文本向上移动。
    • 你也可以在storyboard里做。
    【解决方案2】:

    您可能希望全局应用此偏移量,所以我建议

    Obj-C

    [UITabBarItem appearance].titlePositionAdjustment = UIOffsetMake(0, -4);
    

    斯威夫特:

    UITabBarItem.appearance().titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -4)
    

    【讨论】:

    • 对 Swift 的更正:UITabBarItem.appearance().titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -4)
    • 如果您只想调整垂直位置(快速),您也可以使用UITabBarItem.appearance().titlePositionAdjustment.vertical = -4
    【解决方案3】:

    Interface builder 也有同样的技巧:

    【讨论】:

    • 不错的一个!还介绍了用户定义的运行时属性部分,谢谢!
    【解决方案4】:

    您可以直接从 Interface Builder(标题位置的自定义偏移)中执行此操作,如下所示:

    【讨论】:

    • 刚刚尝试过,它可以工作,但是,当您进入横向模式时,您的文本将不再以图像为中心(因为在横向模式下,图像和标签是水平放置的,而不是垂直放置)
    【解决方案5】:

    对于 iOS 13 及更高版本:

    if #available(iOS 13, *) {
            let appearance = UITabBarAppearance()
               appearance.stackedLayoutAppearance.selected.titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -10)
               appearance.stackedLayoutAppearance.normal.titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -10) 
         }
    

    【讨论】:

    • 拯救了我的一天!
    【解决方案6】:

    我在这里找到了答案:ios tabbar put text in the middle when no image 会试试这个,看看效果如何 :)

    更新:它有效。只有 1 行代码。

    【讨论】:

      猜你喜欢
      • 2021-01-01
      • 2021-07-10
      • 2012-10-27
      • 2016-06-12
      • 1970-01-01
      • 2021-10-09
      • 1970-01-01
      • 1970-01-01
      • 2019-10-30
      相关资源
      最近更新 更多