Android navigation with bottomNavigationView and TabLayout - android

Im working on an app project where the basic flow goes:
Login/Register Screen -> Bottom Navigation Screen with 4 tabs. One of these tabs will have a tabLayout inside of it. I am trying to do this with a single activity, only using fragments, but I'm not sure how to implement this using navigation graphs. Any help would be appreciated.

I have implemented the navigation Behavior in the following project that mimics your requirements
It should be a good helping hand for you.
OUTPUT
GITHUB REPO https://github.com/usman14/AndroidNavigationComponent

Related

Make Tabbed Layout with Custom ActionBar?

I am trying to make custom profile page , Tabbed layout is embed within ActionBar , and Tabs can change both with sliding and click on other tab.
I just started playing with ActionBar , and didn't understood what are major differences between Sherlock / simple ActionBar.
Here is what i am trying to make right now:
Any Help in any form appreciated , There is no similar Github lib or helper code at net/SO , so i can't figure out how i should get started
You will need to use a TabLayout along with a ViewPager. These are standard controls. Google it or see here for an example of how to use it. ActionBarSherlock isn't used anymore. Instead we use a Toolbar.

Icon Tabs as main navigation in app bar

How would I go about implementing swipeable icon tabs as the main navigation in an app? Heres a screenie of the popular Flipboard app, which demonstrates what im looking for: http://prntscr.com/83607c
I have been looking for an answer to this question for almost a week now, and have asked on several communites yet no one seems to be able to answer how to go about doing something like this. I'm assuming its a ViewPager for the swipeable part, but the only thing I can think of for the tabs would be a TabLayout, but this implements tabs "below" the toolbar, eg: http://prntscr.com/83674c which is not what i'm looking for.
Google recently released Support Design library. Witch contains all the necessary views. You can read more here
The views you are interested:
TabLayout and
TabLayouts.Tab

Implementing non-deprecated tabs in Toolbar?

Im trying to implement a tabbed navigation where the tabs are located inside the Toolbar and the user can navigate via left/right swipes or tab clicks, just like the Hotel Tonight app:
Screenie:
http://i.imgur.com/joXRr1N.png
Before this would be done using ActionBar.Tab, but that has been deprecated. All tutorials and SO questions i've found have only described how to use the new TabLayout to put tabs under the ToolBar, not inside it. How should I go about implementing this? What would the basic xml layout look like?
You can try using PagerSlidingTabStrip and here you are a tutorial:
https://guides.codepath.com/android/Sliding-Tabs-with-PagerSlidingTabStrip

Best way to make swipe tabs

I've just decided to add swipe views on my android application. I searched for them on the web for tutorials but I found nothing but deprecated actionBar tutorials. Event in official Creating Swipe View from android developer is showing me that this is deprecated method for this purpose. So tell me guys - what's the best way to make a swipe tab view?
I think you can use the templates included with ADT.
Just create new "Android Application Project" and select "tabbed activity" during wizard flow, and select "Navigation Style" = "swipe views" on the last wizard screen.
You can either develop your application on base of code you received, or study it to understand how swipe and tabs are working together.
Action bar tab is now depreciated because of new toolbar facility . You can use now Sliding tab https://developer.android.com/samples/SlidingTabsBasic/src/com.example.android.common/view/SlidingTabLayout.html for creating swipe views using view pager
Use a Sliding tab Layout.
Get the Sliding Tab Layout & Sliding Tab Strip java file in the following link.
https://github.com/google/iosched/tree/master/android/src/main/java/com/google/samples/apps/iosched/ui/widget
Copy the 2 into your project and follow the follwing tutorial.
Note: Dont copy the one in the developers android website its not updated as far as I know
https://www.youtube.com/watch?v=Fl0xMuo10yA&index=26&list=PLonJJ3BVjZW6CtAMbJz1XD8ELUs1KXaTD
I had the same problem.

How to take Master/Detail Template and convert it into Navigation Drawer-type layout?

Over the past few days I've started to work with the Master/Detail template in Eclipse and I've been trying to figure out a way to take the generated Master/Detail template and convert it to have a navigation drawer-type UI. I imagine that it's possible to do, but how can I go about doing? What do I need to add/remove/modify in order to get similar/identical functionality to a navigation drawer using Master/Detail? I'm asking for assistance creating it using Master/Detail because I have tried other methods with no luck whatsoever. Also, how can I customize the look of it (background color, text color, etc.)?
Thank you in advance for any help in solving this! I have searched relentlessly for a solution with no results unfortunately so I hope that someone in the SO community can assist.
Given that the Navigation Drawer is not appropriate for displaying Master/Detail data (i.e., it is only for navigation, not showing content), then you use the same steps as converting any Activity to using a Navigation Drawer. The Android training Creating a Navigation Drawer goes into extensive detail with all the code you'd need to add a Navigation Drawer to an Activity and properly implement the Navigation Drawer design pattern.
It may make sense to start with a simple Activity, then use what you learn there to apply it to the Master/Detail template.

Categories

Resources