search

ChenYilong / CYLTabBarController

[EN]It is an iOS UI module library for adding animation to iOS tabbar items and icons with Lottie, and adding a bigger center UITabBar Item. [CN]【中国特色 TabBar】一行代码实现 Lottie 动画TabBar，支持中间带+号的TabBar样式，自带红点角标，支持动态刷新。【iOS13 & Dark Mode & iPhone XS MAX supported】
MIT License
6.92k stars 1.46k forks source link

求设置各tabItem的宽度 #34

Closed WelkinXie closed 8 years ago

WelkinXie commented 8 years ago

求设置各tabItem的宽度和plusButton的占宽

ChenYilong commented 8 years ago

为什么有这个需求。是想plusButton和其他item不等宽吗

WelkinXie commented 8 years ago

当plusBtn左右各有一个tabItem时，左右的tabItem图片太偏离中心了，想往中间靠一点

ChenYilong commented 8 years ago

求截图。

WelkinXie commented 8 years ago

simulator screen shot 2016 4 7 3 57 48

ChenYilong commented 8 years ago

这个是等宽的，可能你感觉，等宽的话，显得不太协调，是吧，你想让左右往中间靠拢下。

WelkinXie commented 8 years ago

对 当中间的按钮不大的时候 旁边的就显得太偏离了

ChenYilong commented 8 years ago

这里有个问题，就是，你是打算让左右的item宽度变短，然后往中间靠，然后两边留肯定会留下一个不可点击的区域。

如果两边item宽度不变，只改变plusBtn的宽度，显然也达不到你想要的效果。

这个你怎么考虑的？

devtofu commented 8 years ago

其实是像我这个 app ,中间的钮比较大，这样和左右两个 item 靠着太近，不太协调

4e235e8d-a45a-4e68-ab8e-241781bbdb4d

ChenYilong commented 8 years ago

@devtofu 你想怎么修改？

WelkinXie commented 8 years ago

是plusBtn所在的tab的宽度太长了，然而其实plusBtn实际上并不需要那么宽。我觉得最好可以按照设置的plusBtn的宽度来设置它所在的tab的宽度，然后其余的tab的宽度再按照屏幕剩余可用的宽度来平分。

WelkinXie commented 8 years ago

这样同时也能解决 devtofu 的问题

ChenYilong commented 8 years ago

这个有两种方式可以解决，

  1. 默认，plusBtn宽度是与其它item等宽，但是允许设置plusButton的宽度，然后重新调整tabbarItem 的宽度为tabbar总宽度减去plusBtn的宽度除以tabbarItem个数。
  2. 默认tabbarItem宽度tabbar总宽度减去plusBtn的图片的宽度，除以tabbarItem个数。并且允许设置plusButton的宽度。

@devtofu @WelkinXie @CHNLiPeng @devjia 你们怎么看，感觉哪个合适一点。

WelkinXie commented 8 years ago

感觉1比较适合做默认，但是可能2适用的情况会多点。

WelkinXie commented 8 years ago

感觉要先多测试几种情况看看2的适用性

devtofu commented 8 years ago

我觉得 1 更动态一点， 2 对图片格式上有些限制，如果图片是个 宽 < 高 的，就不好了 @ChenYilong

ChenYilong commented 8 years ago

CocoaPods 版本号更新至v1.2.4，能根据PlusButton的宽度自动调整TabBarItem的宽度，相关说明如下：

enter image description here

@devtofu @WelkinXie @CHNLiPeng @devjia

WelkinXie commented 8 years ago

视觉效果好多了~

ChenYilong commented 8 years ago

@devtofu @WelkinXie @CHNLiPeng @devjia 好用的话，贴下显示效果对比，贴下图片。

WelkinXie commented 8 years ago

前： simulator screen shot 2016 4 7 3 57 48 后： simulator screen shot 2016 4 8 1 05 42 好太多

devtofu commented 8 years ago

好用。 谢谢更新 ！

3e19024d-5f55-4178-bb45-2d66f973727b

ChenYilong commented 8 years ago

有需求，及时提