I'm trying to figure out navigation in the app I'm making, and want it to look like it does on the phone to the right (link below), except I want the menu at the bottom to be directly below the tabs. I tried googling and searching for hours, but I cant seem to figure out.
I have managed to make the tabs (with Fragments and such).
I apologize if this really isn't that hard, but being new to this it is kind of hard to wrap your head around everything. Either way, thanks.
I think you are looking for a custom layout.
http://www.vogella.com/articles/AndroidActionBar/article.html
Look at section 5, should be pretty simple from there.
That being said, don't fight the OS. I always ask myself questions like: Do you really need tabs above a menu? Can you quote another application doing that?
Related
I'm extremely new to java and coding for Android (new to programming in general). I haven't programmed much before so I wasn't able to think about this and whether or not I'd be able to implement when I first started designing this app. I would really appreciate some help or guidance, or at least pointers. I'm sorry if this is a really stupid question and thanks in advance for all answers.
Mockup
Here is a mockup of the layout I want to create. It mainly cosists of a List, which displays information and images. (Should be ScrollView so that it can go up and down?)
Below is a button which will send information to another Fragment or Activity.
Both these layouts need to be part of an ImageView, able to be swiped left and right. Also need to add circle indicators (I've seen libraries that are capable of helping me achieve this)
There is also a Navigation Drawer at the top left which I will try to use RecyclerView with.
And lastly, there is a bottom navigation bar, which I'm currently able to do by using a library from com.roughike:bottom-bar:2.3.1 and navigating between different Fragments.
Please give me some advice on what to do or some pointers on how I might go about creating this sort of layout.
Thank you!
Essentially I'm asking what techniques to use in Eclipse/Android Studio to make a UI that looks like the FaceBook UI withtabs on the bottom and their typical action bar on the top with content in the middle.
I've been kind of dealing with this issue for quite some time now and as I have a project deadline coming up figured it was finally time to get stackoverflow's opinion. What would be the best way of creating a social media app that models FaceBook's user interface. By this I am referring to something with the four tabs on bottom and search/back and profile buttons at the top, with some sort of fragment changing in the middle.
The solutions I have currently tried are using a split actionbar by forcing the top into a custom layout and the bottom into an options menu; however, this resulted in giving the options menu the drop down option instead of tabs (if there's a quick fix for this like setting a custom layout to it please lmk because this is my current setup).
For the main content view I originally tried using fragments and then switching between fragments by using functions and buttons inside the fragment class to switch views; however, this required childfragment manager, and for some reason that never worked properly, so instead I ended up switching activities instead of fragments which was horribly slow.
If you guys have any suggestions on how to do this properly please please either tell me how I would go about this, or better yet please show me some very good examples on how to do these things.
Thanks :)
u can use any proto typing tools to create UI . Some tools include Proto.io , Fluid ui etc
I know that we can place tabs on our convenient with top alignment or bottom alignments.But when i was reading the developer.android.com.The training section for lateral navigation has emphasized on the fact that tabs should not be used at bottom of the screen.But i don't find any reason why they are insisting someone to not use tabs at bottom.
Can any one explain me?
you can find this article here
you can find that lines below figure 5 at the end of the paragraph.
advance thanks for giving attention to question.
Consitency: It is at the top in most apps
Usability: If you use eye trackers you see that users read a page from top to bottom. If the tabs are at the top they are easier to find.
Option menu: There is already an option menu at the bottom.
It's very simple, it's all about UserInterface Concepts (there are many out there, android has an own: http://developer.android.com/guide/practices/ui_guidelines/index.html ). One of them is "Consistency" - we users expect tabs (especially in android, but also in browsers) at the top and that's why they should stay there.
Also there are a few "famous" rules for userinterfaces.
One set for example is from Shneidermann: http://faculty.washington.edu/jtenenbg/courses/360/f04/sessions/schneidermanGoldenRules.html
I'm no expert, but I'd think it's simply a matter of convention. Users would probably expect tabs to be towards the top of the page. It's comparable to putting a file menu to the far right of a menu bar rather than the left.
This may be a very juvenile question, but this has been driving me insane the last few days. I currently have an app that has 3 tabs. I would like to update it so you can swipe left and right to view each tab (as opposed to touching each tab). I have found a ton of methods on doing this, but I'm still very confused. I have been told to implement an Action Bar with Tabs as well as fragments, and I have found other sources that use Page Viewers. Either way this has been a thorn in my side to find something that is what I need. Is there any good documentation on doing a basic left and right swipe using tabs? I'm very sorry if this question is repetitive to others.
I really think that a ViewPager (as described here: http://android-developers.blogspot.com/2011/08/horizontal-view-swiping-with-viewpager.html) is what would be best for you.
And yes, it involves fragments.
The New York Times Android application has something like a notification bar at the top.
I suspect this is an included layout with a text view. The thing is that they managed to drag that title down in order to present the top news.
Can anyone give any insight on how to replicate this?
Edit:
Yes the drawer was the solution to my problem nevertheless i needed one as New York time and the default SlidingDrawer are meant to only go bottom to top... so i looked over on St Google and got a nice Custom Componente Sliding Drawer, get some difficult to make it work as i need it but you can follow the case in Layout positioning problem with Custom SlidingDrawer
I think what you're looking for is a Sliding Drawer.
http://developer.android.com/reference/android/widget/SlidingDrawer.html
edit:
the link I post is good for the documentation, but might not give a full idea of what is actually happening. A good place to find an example might be here:
http://techdroid.kbeanie.com/2009/08/android-sliding-drawer-example.html
They have most likely just used a TextView as you said. Moving it down can be done in multiple ways. The simplest is just to have another view or view group in top of it and initially set its visibility to gone, and then to visible when you want to show it.
Sorry, i misunderstood what you meant. Since the top element was so small, i simply thought you meant you wanted to expose a element on top of the other element. Ill up vote the other answer since this is most likely what you are after :)