Placement of a badge in iphone app - ios

I have a special case in my iphone app where I have to display a badge on a tappable UI element and not in the tab bar ... is that acceptable ? I read the iOS guidelines and it says that a tab bar can display a badge (red oval) but they didn't mention any point stating that it should be placed specifically there (tab bar)
And if that is a bad UX practice, should I design a custom icon that looks like the badge and use it in my specific case ?
Thanks in advance.
Best Regards,

If they say a badge can be shown in the tabBar this does not mean that it can't be shown somewhere else.

This is not uncommon and definitely not a bad practice. Badges are not used only for navitagation events (in tabbar).
If something is not forbidden by the guidelines, then it's permitted.
However, be sure the application still follows basic iOS design and you don't implement it in some non-standard way if stardard solution would be also possible.
For example, look at the iOS Mail application. It's a split view where every mail box in the main controller has a number with unread messages. Well, that's basically a badge.

You can't do that, I recommend you to use this customBadges: http://www.spaulus.com/2011/04/custombadge-2-0-retina-ready-scalable-light-reflex/?lang=en

Related

How to remove charging icon from WatchKit Simulator?

Would like to see if my app name will fit when the watch isn't charging, which I'm assuming wont be there when in use.
See image: http://imgur.com/ctHAQxy
Short answer is you can't.
However, during transitions from controller to controller, or when reloading root controllers etc., the entire status will only display the title, and then the status bar will animate back to it's original state.
You may be able to setup a test using the same title across multiple controllers to see make an educated guess as to what it's going to look like.

UIKit - Place own statusbar above UINavigationController

My app is in landscape and uses a UINavigationController as its RootViewController. My goal with it is:
Disable the normal iOS StatusBar ( I know how to do that and already did it )
Have a semi-transparent StatusBar (a view) above the UINavigationBar, so that I can show custom information on it
Parts of the content of my main view must be visible underneath my custom StatusBar (exactly like it works with the normal UIStatusBar, just that I don't want the clock and battery and want to show my own information on it)
How can I best achieve this?
A quick search on GitHub gave me multiple libraries that offer the exact functionality you are looking for.
MTStatusBarOverlay
KGStatusBar
CWStatusBarNotification
FDStatusBarNotifierView
BWStatusBarOverlay
WTStatusBar
TWStatus
Try them out, test them and see which one is best for you.
If none of them are good enough, you should get an idea on how to achieve this functionality using the source code those libraries provide.
iOS 7 Human Interface Design, page 143 says:
Don’t create a custom status bar. Users depend on the consistency of
the system-provided status bar. Although you might hide the status bar
in your app, it’s not appropriate to create custom UI that takes its
place.
iOS Human Interface Guidelines

Embedding tab bar to top of screen iphone

I want to design a page with tab bar on top of it.In some articles of this site.(i missed urls) i found that this is not a common way and the question gets some down rate.
The question is this: whethere having a design like this may cause that apple not approve the application on his store?
Even if it doesn't make Apple reject your app, think of the users not being used to the tab bar being at the top and how that is going to affect how well the app does in the Store.
Every platform has its own design patterns and there is a reason for that. If you stick to them there is a higher chance that the first-time users have an easier time using your app, which results in a higher chance that they keep using it. If they don't know how to use it or find it hard, they will move to another one.
Take a look at the Human Interface Guidelines and apply them. It will do good.

How to display a badge in Trigger.io's native tab bar?

Is there a way to create a numeric badge in Trigger.io's native tab bar?
I'm looking to achieve something like so:
Good idea! No, not currently - you could, of course, have a bunch of different icons there and switch the button out when the count changes, but it's not ideal.
I'll add it to our backlog.

Black transparent modal alert on iOS, as seen in several apps

I'm looking for an API for a certain type of modal alert view (iOS), but I'm not entirely sure whether it's home-built or Apple-provided. It looks like a black transparent square, with rounded corners, usually one icon and a label below. For instance, it is used in the iPhone Twitter app. As observed, it only displays information momentarily and is dismissed when a state has changed (like "Loading" or "Posting").
Is there a pre-built API for this or is it custom built? And if possible, when shared publicly, where can I find such a thing?
Any help is greatly appreciated.
Kind regards,
Reinder
MBProgressHUD is what you're looking for:
https://github.com/matej/MBProgressHUD
Apple does not reject applications using MBProgressHUD.

Resources