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.
Related
What I'm trying to do: place the tab bar at the bottom of the iPhone X display where it belongs, and also put the navigation bar at the top of the display.
I've been trying to accomplish what I thought would be a straightforward task of using Safe Areas in the storyboard to position the tab bar near the bottom of the iPhone X's display. I'm missing something fundamental.
I've read a lot of writeup about how to do this, including this one. It includes a screenshot of a tab bar control scene that looks like this:
But I can't create a view inside my Tab Bar Controller to put my tab bar item in, as the article mentions. It's my understanding that I'll use the safe area of the view that should contain the tab bar item. But it won't let me put a view anywhere except outside the Controller view. I've tried using "embed" - but all options are greyed out.
Same goes for a navigation controller to move a navigation bar to the top of the display.
The funny thing is that IB renders it in the right place, but on my device, the tab bar is way above where it should be (and the navigation bar way below).
I have "Opens in" set to "Latest Xcode (9.0) and Builds for iOS 11.1 set in the scene's "Interface Builder Document", and "use Safe Area Layout Guides" is checked. I'm not using any custom classes for my tab bar controller or tab bar. I'm using XCode 9.3 and iOS 11.3.1
What's the simple thing that I'm missing? Thanks in advance.
The article explains how to adapt your app if you're using a custom navigation bar or a custom tab bar.
If you're using the standard navigation bar or tab bar then you have to make sure it's top or bottom (depending on the element) constraints are connected to the superview and not the Safe Area layout guide. UIKit makes sure these elements are correctly rendered with spacing at the top or bottom on an iPhone X device. Check out this screenshot for clarification.
The "Apple Store" app (not the app store) has a navigation bar at the top. It is transparent, scrollable (left, right) and dismisses when page content is scrolled down and reappears when scrolling up. Would you know what type of view controllers I could replicate this with? I am trying to understand if I could use some out-of-the-box functionality or if I need to implement this completely on my own (with a table view perhaps?)
Thank you very much
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 developed a simple app for iOS6 and now I'm to updating its appearence for iOS7. One of the first changes I would like to do concerns the navigation bar.
I'm using the standard navigation bar UI component that comes with xcode. While in iOS6 the navigation bar was clearly placed under the status bar (i.e. battery, carrier and hour), in iOS7 the navigation bar blends with the status bar.
My question is: how can I increase the height of the navigation bar and place the title vertically a little lower than the default position?
Currently I have this:
And the title is too close to the time. I would like to achieve this (standard Photos app that comes with iOS7):
here the title of the bar is lower and the bar is larger (or is just shifted down).
It have been trying to modify the height of the navigation bar through the size inspector but with no success.
It's probaly a very easy issue to solve, however I'm still new to xcode development and I can't figure it out.
Stick the view controller in a Navigation Controller, that should immediately solve the problem
My buttons seem stretched, especially in landscape orientation. I can't find a property to adjust either on the UITabBar, UITabBarViewController, or on the UITabBarItem's themselves. (Of course, one answer would be to get an iPad...but that doesn't solve the need for a phone.)
For example, consider this simple Tab Bar Example - if I only could set the tab bar to auto-shrink as more buttons are added, or manually adjust the width to fit them all on the tab bar, I would be happy.
It is not possible to use the UITabbar with more than five visible buttons. You've got to write your own component.
Here at significantpixels.com / The iPhone Tab Bar Lessons From Reality is an article about the tab bar which explains in detail how to design your tab bar from a UX point of view. And the magic number of tabs is five ;)