i need to create a navigation view that user can use to navigate to different activities/fragments but i do not want to achieve this using navigation drawer. i want a simple horizontal bar of icons and some text below them as shown in the image below(screenshot is attached).i have tried searching it but do not know the exact terminology for it i.e. what it is called in android. any link to documentation or any link to video tutorials or any thing else that can help me search this on the internet will be very useful enter image description here
Related
I want to make tabbar at the top of the screen in iOS and want to place 3-4 tabs. Android is giving functionality by default using Tab bar layout. For more understanding https://www.truiton.com/2015/06/android-tabs-example-fragments-viewpager/
Thank you for your help.
You can achieve it by using UICollectionView inside your ViewController. Create a custom tab bar on your ViewController and set actions for each bar to navigate the pages on your UICollectionView.
You can manipulate your Custom UICollectionViewCell inside cellForItemAt to differentiate each page.
For UICollectionView tutorial you can check out this page: https://www.raywenderlich.com/9334-uicollectionview-tutorial-getting-started
I have created a view pager with a bottom tab bar, like instagram has, on one of my apps using this UICollectionView.
I am trying to create this custom Bottom Navigation. The design is really good but I do not know how to code such a Navigation.
As you can see, the middle item is the profile pic of the user and the navigation buttons have that custom yellow rounded rectangular as a current page indicator. Any idea how to implement this?
Thank you!
It is done by using library for material design. There are some sites that provides the this type of views you can modified it in some restricted mode.
The sites you can prefer:
Click here to visit the site
The below site also helps you..
bottomAppBar
Ui Design For Bottom Naviagtion
I've been interested in material design and wanted to build a layout for the main page of my app so that it looks like the default template for Scrolling Activity but also has a Navigation Drawer like the default template for Navigation Drawer Activity for easy navigation.
As an example, Google's Play Music app already does this sort of thing.
Have a look:
Scrolling list with a banner and a FAB at the top,
Navigation Drawer, accessed by swiping from over to the left
I've searched everywhere and could find a direct way for implementing such a layout. So I tried doing it on my own and with some changes here and there in the default templates of Scrolling Activity and the Navigation Drawer Activity I was able to achieve something along those lines but not exactly what I was looking for.
I was hopping if someone could present a better way of doing it.
You can still use the DrawerLayout supplied in the Android support library with a FrameLayout and ListView to achieve the Navigation drawer. In the FrameLayout, you will display a Fragment which takes a ScrollView to display scrollable content. The Fragment can also have other widgets that let you customize your layout.
I've got exactly what I wanted, you simply need to include Scrolling Activity's layout inside the layout of Navigation Drawer Activity and it works nicely.
You can use the default templates for these activities given in the Android Studio to save yourself some time or start from scratch.
Let me know if anyone needs some code and I will be more than happy to post it :)
Is it possible to add a button to the toolbar of android firefox, and also the top of the pop up menu as shown in this screenshot below:
edit:
just found a screenshot of an addon that had some other addons installed that added a button up there, pleease see addon screenshots:
https://addons.mozilla.org/en-US/android/addon/quitnow/
here is the screenshot:
(source: mozilla.net)
see that nightly globe and whatever that is to the left of it, im trying to do same :) top row in this second picture is toolbar button icons that would show in the top toolbar when there is enough screen space im interested in learning how to add to 1st and second row
The documentation for Developing for Firefox Mobile marks all UI APIs as Not supported. Mozilla uses the native UI of Android to build Firefox for Android. Therefore everything related to XUL might not work at all.
Now there is an Extensions for Firefox for Android API and the only thing related to what you'd like to achieve can be found with PageActions.jsm, which can be used like:
Pageactions.add({
icon: "drawable://alert_app",
title: "My page action",
clickCallback: function() { win.alert("Clicked!"); }
});
These are added to the toolbar, but displayed inside of the adressbar not beside it. In the screenshot you posted, the little book icon is a pageaction. But there's a limitation as well:
NOTE: A maximum of two page action items will be shown to users at a time. If users have three page actions showing, an overflow menu will appear to handle the extra ones. Your action has NO control over whether its shown in the urlbar or overflow. Don't depend on your page action always showing in the main urlbar.
The buttons you find at the top of the menu can't be changed neither. The star at the left is for the bookmarks and the graph on the right is the button for sharing the web page. The space inbetween is used to display the last two applications you shared the web page with.
So basically, what you'd like to do is not possible at all and the addons I know trying to achieve something similar use page actions.
as I pursue my study on android app development I came across this app from apple and I was wondering if, is there a way to imitate the navigation drawer in this screen shot?!
See it's an expandable navigation drawer. a list view with some items that are expandable. Is there an actual way to imitate this on android?
Thank you very much again for all of your help.
You can recreate that drawer.
You can use the ExpandableListView within the Navigation Drawer. And of course you'll have to create your own parent and child item layouts for the listview. As well as appropriate styling. You can use tutorials to do this, first create the navigation drawer, then create the expandablelistview and put it within the navaigation drawer layout.
I'd also like to note on that screen shot, the drawer is incorrect. It should slide out below the action bar, over-top of the activity (like in the link). It should not slide the entire application window to the right like how some apps do.
Use a Custom ListView for this, see here for that: How To Create A Custom Listview - Android Example
Also, you will have to create specialized buttons that have a different look than standard holo buttons, see here for that: How to create custom button in Android using XML Styles
Finally, I do not believe it is possible to directly clone the navigation drawer, as the app you showed doesn't have an open sourced app (as far as I know).