Android screen Navigation - android

I see in many apps this way to navigate on Android as you see in the image below . When the screen is touched switch to the next screen and the blue circles below turn orange but i dont know how to do it. is it a library?

See ViewPager (http://developer.android.com/design/patterns/swipe-views.html) for the swipe navigation, and PagerTabStrip (http://developer.android.com/reference/android/support/v4/view/PagerTabStrip.html#).

Related

react native, Navigate screens on horizontal swipe

I have a react native app with a bottom navigation(using react navigation) the app has 4 screens and it works fine, i want to be add the functionality to navigate between screens on horizontal gestures(swiping right or left) just like instagram does(swiping left from feed will get you to chat screen), i looked all around and found nothing on how to do this !
EDIT: apparently react navigation has that option in creatematerialtoptabnavigator, it'll be a top navigation tab bar with the ability to swipe between screens, you can also change it's position from bottom or top which is what i did.
Did you check out https://github.com/satya164/react-native-tab-view ?
I find it easy to use and the documentation is very good

How to Create ViewPager with invisible tab bar

I'm not sure a ViewPager is the way to go, but it might.
My goal is to create an App with 3 screens.
A main screen and 2 other screens the are reachable by swiping left and right from the main screen.
i would like to have the screens as Fragments.
I have used a ViewPager, but I would like to get rid of the TabBar, and just stay with the swipe.
I managed to get rid of the Tabs, but the bar remains empty. I want it to be hidden.
Is that possible?
Is there a better way to do it ?
If this question was already answered, I have failed to find it and will appreciate redirection as well.
Thanks a lot,
Giora.
In your AnsroidStudio layout screen, go to the "Design" tab. Click on the theme option and select a theme with "NoActionBar.FullScreen" AFAIK ViewPager does not have any TabBar by default.

Center selected tab in SlidingTabLayout/SlidingTabStrip

I am using the SlidingTabLayout.java and SlidingTabStrip.java classes to implement a tab navigation inside my app like described here.
Everything works fine and I really love this two classes. But I would like to center the selected tab (whether navigated through slide or click on the tab) to be in the middle of tab navigation. Right now it is always on the left side (except when you reach the end of the tab navigation than it is right). Also when you click on a tab the navigation scrolls back to the current tab and scrolls then to the tab you just selected. Is there anyway to stop this scrolling and just to center the clicked tab?
Using the method
slidingTabLayout.setDistributeEvenly(true);
does not do the trick.
I tried to read through the code and find a good starting point but I did not succeed. Does anyone know how to achieve that? Any good advice is highly appreciated.

Navigation drawer only from ActionBar?

I have the following problem. I noticed that on Android 4.4.2 (and possibly all 4.4.x) the NavigationDrawer does not work exactly as in lower version. It works fine, when opened via click in the ActionBar icon. But when I tried to open it by swiping from the side around the middle of the screen, only small grey area comes in instead of my NavigationDrawer. It looks like this.
I also noticed, that I am not the only one who has this kind of problems, as both Evernote and Duolingo suffers from the same problem. Is there anyway to make the drawer open correctly by swiping from the side ?
I added the Drawer exactly the way described here.
Edit : When I drag from the top left corner, everything is fine, but when I drag from the left edge somewhere in middle of the screen, something weird shows instead of a drawer. See the first link for the screenshot.

Android home screen like navigation in view flipper

I am using ViewFlipper to navigate between screens. Each screen has 4 images in a grid. How to have similar functionality that is present on android home screen and application menu screen where user can quickly navigate to a page by pressing circle shaped buttons on top of screen. What I should use to have this effect? Thanks in advance.
I would switch to using a ViewPager, available in the Compatibility Library: http://android-developers.blogspot.com/2011/08/horizontal-view-swiping-with-viewpager.html
Then you can use the ViewPagerIndicator library to achieve the effect that you're looking for (as well as giving you the choice of other styles of indicators): https://github.com/JakeWharton/Android-ViewPagerIndicator
Here is the example code: Circle Flow Indicator
Using this you will get output:

Categories

Resources