Quick Action Icons vs Tab Bar Icons vs Navigation Bar and Toolbar Icons
https://developer.apple.com/ios/human-interface-guidelines/graphics/system-icons/
I want to follow apple design guidelines as much as possible. A fairly common usage is a to favorite something.
So they have a standard icon for tab with favorites (star shape).(Tab Bar Icons)
But not an icon for the action itself. There is no star shape for the toolbar. (Navigation Bar and Toolbar Icons)
So how is that supposed to work? (overlay a menu?)
Then there is the quick actions which has a star. But can I use them inside the app? I thought they where only for 3D touch on the app icon itself.
Related
Q: how to position icon to the left side of the text in UIApplicationShortcutItems ?
Observation: i was adding Home Screen Quick Action to my app and my custom icon is on the right side of the Text.
I looked into multiple big apps like facebook, snapchat etc and observe systematically left side icon.
Apple documentation and Official App always have right aligned icons.
I don't think you can choose the position of the icon:
Here's the answer from an Apple Staff member:
The icon position is not configurable, and iOS will swap sides of the
icon depending on where the app icon is placed. For example, if the
app icon on the left side of the screen the icon in the shortcut menu
will appear on the left, but if the app is on the right side of the
screen then the shortcut menu items will be on the right. In general,
the shortcut menu icons will be positioned so that they are directly
above or below the app's icon.
From: https://forums.developer.apple.com/thread/20568
Where and how can I access the button styles in xcode in the link?
I want to use them in the storyboard
If I'm not mistaken, I believe that Apple simply gives an example of how these icons should 'look and feel'. They are not supplied. But you can look here:
http://www.iconbeast.com/free/
Hi All
I am making an app which has a side menu as shown in image. In whole app status bar is visible but in the situation when side menu is open then i have to hide battery icon as in image.
Any idea how to do that.
App is for iOS 7 only
Thanks in Advance
it is not possible in iOS, you only hide status bar fully in iOS.
It is not possible. You can do either hiding the status bar or changing the status bar color as like of in Facebook application.
For status bar color change refer the link UIStatusBar as in Facebook new iOS7 application
I want to create a Bar (like that of Volume Bar or Progress bar) . A Bar as such which is a rectangle and has a default colour say Black, then when i touch the bar from one side to other it changes colour to the point when i habe touch it
My research says one can use TouchEvent.MOVE for this .But am confused as to how to proceed about it Please Guide me
A Progress Bar as shown below
Please download and configure sample code from the BlackBerry Developer Support Knowledge Base:
Implement advanced buttons, fields, and managers
I am trying to create a menu like the one on Instragram, with the central item using a special design, but the Titanium Documentation does not provide information about this kind of feature
There's an example with an already answered question in here: How do you create a raised tab bar item, like is found in Instagram? but I need it working on titanium, any clues?
You can mimic that by following these steps;
(This is hackish but the only way for now)
Create the tab group
var tabGroup = Titanium.UI.createTabGroup({
id:"bottomTabs",
bottom:-50
});
Add tabs as much as you need
var tabTimeline = Titanium.UI.createTab({
icon:"icons/btn_timeline#2x.png",
title:"Timeline",
});
Create a button without a title to mimic the raised tab bar like in Instagram.
var btnScan = Titanium.UI.createButton({
backgroundImage:'icons/btn_action.png',
width:46,
height:46,
title:'',
bottom:0
});
Add that button to the tab group.
tabGroup.add(btnScan);
(hope someday titanium supports more low level APIs as well)
I believe Instagram is written in Objective-C. Creating a custom tab bar as they have made involves subclassing the native tab bar, but you don't have the ability to do that with just JS and Titanium.
Here's a tutorial for faking a custom tab bar in Titanium, which involves creating a window with buttons that controls the real tab bar.
http://www.samjordan.co.uk/2011/02/tutorial-custom-iphone-tabbar-using-appcelerator-titanium/
I don't know for which platform Instragram is developed in Titanium but I know about this type of tabs. I have created similar type of tab for one of my project so i can say that this is not built in tab you have to create it at your own.
you have to design icons, backgrounds, raised background and write logic to get this work same as Tab using available UI widgets like views, imageview and labe.
Hope you will be able write logic for this. According to my knowledge this is not built in tab, it's a custom tab.