tabbar的titlePositionAdjustment设置文字距离

2021-01-16 09:45:19

参考地址 iOS - tabbar的titlePositionAdjustment

  • 设置tabbar的item的文字的时有个属性
    titlePositionAdjustment

先看一个结构体:

typedef struct UIOffset {    CGFloat horizontal, vertical; // specify amount to offset a position, positive for right or down, negative for left or up
} UIOffset;1234
  • specify amount to offset a position, positive for right or down, negative for left or up
    这句话的意思:指定相应的数据去偏移一个位置,向右或者向下为正值,向左或者向上为负值,不过首先你得有一个相对位置的坐标。而tabbarItem文字的坐标是底部为x轴,y轴则是tabbarItem的centerX;
    直接上图,一下子就看明白了,不明白的话,再问。

  • 这个是titlelabel的相对坐标

坐标

  • 具体的实战例子,一眼看穿

title坐标

  • 附上设置的代码片段:

    vcOne.tabBarItem.titlePositionAdjustment  = UIOffsetMake(0, 0);
    vcTwo.tabBarItem.titlePositionAdjustment  = UIOffsetMake(0,10);
    vcThree.tabBarItem.titlePositionAdjustment= UIOffsetMake(10, 0);
    vcFour.tabBarItem.titlePositionAdjustment = UIOffsetMake(-10,-10);1234


  • 2020-02-20 18:35:21

    Vue加载组件、动态加载组件的几种方式

    组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。

  • 2020-02-22 13:58:50

    深入理解 requestAnimationFrame

    在Web应用中,实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAnimationFrame,顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理,我们首先需要了解一下与之相关的几个概念:

  • 2020-02-22 17:35:14

    使用tweenjs写一个发牌的demo

    移动端h5的三大抽奖方式:转盘,老虎机,翻纸牌。 前两样demo比较多,用户也审美疲劳了。这次微信公众号要抽奖,于是调研了下翻纸牌。