|
14 | 14 |
|
15 | 15 | ### Why? |
16 | 16 |
|
17 | | -In real-world development, we may encounter the situation that customizing the UITabBar. For instance: change font style, add animation, use bigger item. However it's hard to do with UITabBarItem. |
| 17 | +In real-world development, we may encounter the situation of customizing the UITabBar. For instance: change font style, add animation, and use bigger items. However it's hard to do with UITabBarItem. |
18 | 18 |
|
19 | 19 | **With ESTabBarController, You can easily achieve these！** |
20 | 20 |
|
21 | 21 | -| Feature |Description |
22 | 22 | -------------|-------------|------------- |
23 | | -1| Default style | You can get system-like style by initializing the TabBar with ESTabBarController directly. </p> UITabBarController style: </p>  </p> ESTabBarController default style: </p>  |
| 23 | +1| Default style | You can get a system-like style by initializing the TabBar with ESTabBarController directly. </p> UITabBarController style: </p>  </p> ESTabBarController default style: </p>  |
24 | 24 | 2| Default style with "More" item | If the items are more than the maximum number of displays, there will be a "More" item. </p> UITabBarController with "More": </p>  </p> ESTabBarController with "More": </p>  |
25 | 25 | 3| Mix UITabBarItem and ESTabBarItem | You can set any item as you want, including UITabBarItem and ESTabBarItem. </p> ESTabBar and UITabBar mixed style: </p>  </p> ESTabBar and UITabBar mixed style with "More": </p>  |
26 | 26 | 4| UIKit attributes | ESTabBarController is compatible with UITabBarController, UITabBar and UITabBarItem's most API attributes. You can migrate to ESTabBarController without any modification of the origin code. </p> Compatible with UITabBarController's `selectedIndex`: </p>  |
27 | 27 | 5| Any nesting with UINavigationController | Developing with`UITabBarController`, there are two common ways to handle layers: </p> First : </p> ├── UITabBarController </p> └──── UINavigationController </p> └────── UIViewController </p> └──────── SubviewControllers </p> Second : </p> ├── UINavigationController </p> └──── UITabBarController </p> └────── UIViewController </p> └──────── SubviewControllers </p> In the first case, need to set `hidesBottomBarWhenPushed = true` when pushing subViews. The second is not. </p> In ESTabBarController, add Container views to UITabBar to be compatible with these two ways。 |
28 | 28 | 6| Customizable style | With ESTabBarController, you can：</p> 1. Customize selected item's color and style: </p>  </p> 2. Add selecting animation: </p>  </p> 3. Customize item's background color: </p>  </p> 4. Add highlight animation: </p>  </p> 5. Add animation to prompt users: </p>  </p> 6. And much more ... </p> |
29 | | -7| Customizable item's size </p> Customizable click event | You can easily customize item's size using ESTabBarController. </p> **When the button's frame is larger than TabBar, through the use of HitTest to achieve making outer TabBar area click valid.** </p> In addition, ESTabBarController can customize click event, and through a block to callback super-layer to handle. </p> With big item in the middle of TabBar: </p>  </p> With a special hint style: </p>  </p> Customize click event: </p>  |
30 | | -8| Default notification style | You can get system-like notification style by initializing the TabBar with ESTabBarController directly. </p> UITabBarController notification style: </p>  </p> ESTabBarController system-like notification style: </p>  |
| 29 | +7| Customizable item's size </p> Customizable click event | You can easily customize item's size using ESTabBarController. </p> **When the button's frame is larger than TabBar, HitTest makes the outer TabBar area click valid.** </p> In addition, ESTabBarController can customize click event, and through a block to callback super-layer to handle. </p> With big item in the middle of TabBar: </p>  </p> With a special hint style: </p>  </p> Customize click event: </p>  |
| 30 | +8| Default notification style | You can get a system-like notification style by initializing the TabBar with ESTabBarController directly. </p> UITabBarController notification style: </p>  </p> ESTabBarController system-like notification style: </p>  |
31 | 31 | 9| Customizable notification style | With ESTabBarController, you can：</p> 1. Customize notification animation: </p>  </p>  </p> 2. Customize prompt style: </p>  </p> 3. And much more ... </p> |
32 | 32 | 10| Lottie | Through customizing ContentView, you are able to add Lottie's LAAnimationView to Item(s) </p>  |
33 | 33 |
|
@@ -76,7 +76,7 @@ open ESTabBarController |
76 | 76 | ## TODO |
77 | 77 |
|
78 | 78 | 1. The Containers' layout is purely based on code，using Autolayout will be better. |
79 | | -2. When there is "More", if edit it will occurs problem. |
| 79 | +2. When there is "More," if edited, problems occur. |
80 | 80 | 3. Partial UITabBarItem attributes are not bridge to ESTabBarItem. |
81 | 81 | 4. ~~The picture of 'More' item in ESTabBarItemMoreContentView is not set into framework, plan to convert it to CGBitmap.~~ |
82 | 82 |
|
|
0 commit comments