I am working on a new iPad version of my app which is using a tabBar. I want to add a containerView to the left (the black area) in all my tabBar-Views UI:
Since container views can't overlap the tabBar (I guess?) the UI will look weird in the left corner of the tabBar. The goal / aim is to accomplish something like Spotifys iPad UI but with a native tabBar in the app:
So is it possible to color the tabBar UI's left corner? Like 100 width to the left with another color? If so, how? Or maybe another trick?
Regards
If i did not understand wrong, the thing you need is a side menu. You may have a look at https://github.com/romaonthego/RESideMenu
Related
How do I animate the divider so that the divider on top of the TabBar slides left or right depending on the tab I'm currently on? I have looked at the sample application but it doesn't have a sliding Divider.
Make sure you are using the TabsController. You can find a sample here: TabsController Sample.
I'm trying to use a UISegmentedControl as a custom right button bar item. Using Interface Builder, when I drag the control into the navigation bar, it gets sized to be quite wide (too wide, considering the segment contents):
I've tried setting the widths of the segments to something that I think looks good and the overall control resizes, but it is pinned to the left side of the original space it was allocated. I can't seem to find a way of moving it from there. Here's a picture of what this looks like in IB in landscape:
and here's what it looks like running on an iPhone 7 Plus simulator in portrait mode:
As you can see, the segmented control is positioned way too far toward the center.
I tried a hack (suggested in this thread) of embedding the segmented control inside another view, leaving the containing view to be full width of the bar button item and constraining the segmented view to be on the right of it's container. That gets it over to the right, but here's the effect of running that on an iPhone 7 simulator (somewhat narrower than the 7 Plus):
Here the problem is that the title, which is supposed to be centered, has been pushed off to the left. I assume that this is because the (transparent) bar button item is taking up so much more width than what is needed just for the segmented control.
Is there some way of getting the right button area of the navigation bar to simply be smaller?
My steps are below:
1.Drag the segment control to navigationbar:
2.Change the segment width:
3.iPhone7 & iPhone 7Plus all looks good:
I'd like to create a tab bar that isn't really a tab bar. It would work like a tab bar in the way that it would send the user to other pages when clicking on it and it would always be present but the design would be different.
I would like it to be 3 buttons detached from the bottom of the screen unlike regular iOS tab bars and the button would be 3 circles with icons in it.
Is it possible to do such a thing in iOS, or does all apps really have to follow apple's standards?
Thanks a lot!
I'd like to display what looks like a vertical tab bar at left side as in, for example, Twitter app for iPad:
Is that a UISplitViewController with a UITabBar within its left side?
Is it a tab bar with vertical orientation (if that is possible, I couldn't find such property in UITabBar class...)?
Is it a custom tabBar-like control?
I've read some posts dealing with this (for instance, iOS vertical tab bar), that were written some time ago, does this issue remain the same?
Thanks!
Custom tabbar controls are available. I think this will fit with your requirements.
I have a requirement for a very simple Button Bar.
It should take up the width of the screen.
It should allow at least 3
buttons.
The buttons should be of equal width and together take up
the whole width of the bar.
Each button should be tappable, but not
have a selected state.
The bar will be overlaid on a MapView and positioned directly above a TabBar.
Tapping a button will launch a Modal ViewController.
I thought about using a UITabBar and not allowing its tabs to become selected, but the HIG is pretty clear that this is not correct usage and UIToolBar doesn't allow the button widths to be set.
This seems like a very simple requirement but I can't see an obvious solution. Is there something I'm missing? Can anyone suggest a solution?
What's wrong with just creating a simple view that draws an appropriate gradient, and then adding three buttons of the appropriate size?
If you're feeling ambitious, or if this is something that you're likely to use more than once, you could even have the view create the three buttons. Call it ThreeButtonBar or something. Give it a constant height and adjust the width to match that of its superview so that you can use it in portrait or landscape orientation.