Scrolling Navigation Bar - jquery-mobile

I am new to mobile web frameworks development and would like to get advice about implementing a navigation bar for my BlackBerry application. I need a fixed nav bar at the top of the screen, however a scrolling one. I looked at jQuery Mobile, but it allows up to 5 items. If more, another row is added below. I need something like this:
http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/Paged-navbar-at-the-top-of-the-page/td-p/1671709
Thanks in advance.

Related

iOS tab bar in the middle of the screen

I was looking around but cannot find any info how to create a tab bar that will contain 2 controllers in the middle of the screen.
I write UI for my apps programatically BTW, i don't use storyboards.
Here is a sample from Vimeo, I want to do something similar.
Vimeo sample
As I see on sample - this tab bar is UISegmentedControl element (and it is not UITabBar what can be messing up with the terms). It has delegates methods what allow you to respond to its selection and on these events you can change or show-hide views or controllers included in your ui.

How do I create custom transition animations similar to Snapchat in Swift on iOS

We're creating an application with a design concept similar to Snapchat. On the base level, we have three Views that are supposed to be horizontally swipeable, with the camera view being in the middle.
The Views are also supposed to be selectable via a Tab Bar. While the views are being swiped, the transition should also manipulate the color of the Tab Bar aswell as the size of some elements on the Tab Bar, similar to how Snapchat does it:
Our UI Designer made a mockup for our specific application in Adobe XD:
The button has been made independent from the Tab Bar, as it is supposed to do some interaction with the controller beneath, even if the Tab Bar disappears.
I've been trying to figure out how to best implement a navigation like this for about 10 hours now. I've come as far as trying to create my own AnimationController for animating between Tabs coupled with a custom InteractionController, but those have been unsafe and buggy at best, and I still haven't figured out how to animate the button at the same time as the views.
Has anyone tried to implement a design similar to this and succeeded? Could you lead me in the right direction of which methodology to use to achieve a design like this?
Thanks in advance everyone.

Embed Search bar controller in navbar

I am looking to create something similar to this, where there is a search bar in the Navigation bar. The photo below displays what I currently have in my storyboard. I would like for it to look something like the photo below that, without the customizations to the UI. I have tried placing the search bar below the navigation bar but it takes up more space that I would like and looks cluttered and unprofessional, can anybody help me here?
There are several links on SO explaining how to do this already. Check out the following: UISearchBar in navigationbar, Displaying search bar in navigation bar in iOS 8. If neither of those seem to work for your situation explain 1) What method you tried and 2) Why it's not working. You may even add some of your sample code to show how you are attempting to integrate a solution and that it's not working.
You should add tableview and search bar programmatically. By doing so, search bar does not scroll while your tableview scrolls up and down.

Paging effect for the title in iOS nav bar

How can I achieve paging the navigation bar title in iOS? That is, having the title in the nav bar slide left or right depending on which way you swipe, fade in/out depending on your swipe and get replaced by the next UIPageView's title.
Twitter's new iOS app does exactly what I am referring to, any thoughts on how this can be achieved is much appreciated. I have attached a link to an image of Twitters app
Just write a simple demo for you:
https://github.com/singro/SCPaggingNavbar.git

Linking custom iOS buttons to footer nav buttons

Im going to say this straight up - I'm an xcode noob. I am designing an app which has custom buttons on the home screen as well as a footer nav with buttons. When I select the custom button it goes to the right view but the footer nav button is not highlighted.
I just need to find a way to tell the footer nav i am on that section (got their by clicking on the home button). Apparently i have been told there is no way to do this so i might as well scrap my home view custom buttons. I'm hoping to find someone here with a different view. I would provide a screenshot so it makes my explanation clearer but i have not got a high enough rating.
Originally i just wanted to hide the nav bar for the home screen but i was also told that it was not possible. Its there the whole time or not at all. Looking for a second opinion...
Use the following code to hide navigation bar
self.navigationController.navigationBarHidden=YES;
Also, just wanted to confirm, when you say footer navigation buttons, do you mean a tabbed view? some thing like this screenshot?
If you could provide some screenshots would be great.

Resources