Bottom Navigation Bar not showing icons - java

I am initializing all of the icons with images but none of them are visible?
< ?xml version="1.0" encoding="utf-8"?>
< menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="#+id/nav_item1"
android:icon="#drawable/insta"
app:showAsAction="ifRoom|withText"
android:title="#string/nav1"/>
<item
android:id="#+id/nav_item2"
android:icon="#drawable/artistsample"
app:showAsAction="ifRoom|withText"
android:title="#string/nav2"/>
<item
android:id="#+id/nav_item3"
android:icon="#drawable/artistsample"
app:showAsAction="ifRoom|withText"
android:title="#string/nav3"/>
<item
android:id="#+id/nav_item4"
android:icon="#drawable/artistsample"
app:showAsAction="ifRoom|withText"
android:title="#string/nav4"/>
</menu>

Can you please use the bellow code and see what happens.
<item
android:id="#+id/nav_item2"
android:icon="#drawable/artistsample"
android:title="#string/nav2"/>
and enable app:labelVisibilityMode="labeled" in BottomNavigationView

Related

Not able to see icons in side navigation bar in android studio

I'm not able to see the icons I am providing in the menu item to see it inside the navigation bar.
Below is the code of the menu main_menu.xml file:
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="#+id/home_nav" android:title="Home" android:icon="#drawable/home"/>
<item android:id="#+id/profile" android:title="Profile" android:icon="#drawable/profile"/>
<item android:id="#+id/generate_mpin" android:title="Generate Mpin" android:icon="#drawable/gen_mpin_icon"/>
<item android:id="#+id/history" android:title="My History" android:icon="#drawable/history_icon"/>
<item android:id="#+id/acc_statement" android:title="Account Statement" android:icon="#drawable/acc_stat_icon"/>
<item android:id="#+id/funds" android:title="Funds" android:icon="#drawable/funds_icon"/>
<item android:id="#+id/game_rates" android:title="Game Rates" android:icon="#drawable/game_rates_icon"/>
<item android:id="#+id/how_to_play" android:title="How To Play" android:icon="#drawable/how_to_play_icon"/>
<item android:id="#+id/settings" android:title="Settings" android:icon="#drawable/settings_icon"/>
<item android:id="#+id/logout" android:title="Logout" android:icon="#drawable/logout_icon"/>
</menu>
Below is the result I'm getting while using the above XML file:
What I getting:
What I expecting:

Why do you use onPrepareOptionsMenu to create a menu where the layout file appears at the top of the screen but the runtime appears at the bottom?

I want to make a menu on my app's top like which showed me in the AS's xml, but in Android 6.0,it's on the bottom. How can I solve this problem? Thanks.
I have tried many methods like change my code, add the android:showAsAction='always', but it doesn't work.
<menu
xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="#+id/menu_new_folder"
android:title="#string/menu_create_folder" />
<item
android:id="#+id/menu_export_text"
android:title="#string/menu_export_text"/>
<item
android:id="#+id/menu_sync"
android:title="#string/menu_sync"/>
<item
android:id="#+id/menu_setting"
android:title="#string/menu_setting" />
<item
android:id="#+id/menu_search"
android:title="#string/menu_search"/>
Create menu like this -
<menu
xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="#+id/action_more"
android:orderInCategory="1"
android:icon="#drawable/ic_menu_dots"
android:title="more"
app:showAsAction="always">
<menu>
<item
android:id="#+id/menu_new_folder"
android:title="#string/menu_create_folder" />
<item
android:id="#+id/menu_export_text"
android:title="#string/menu_export_text"/>
<item
android:id="#+id/menu_sync"
android:title="#string/menu_sync"/>
<item
android:id="#+id/menu_setting"
android:title="#string/menu_setting" />
<item
android:id="#+id/menu_search"
android:title="#string/menu_search"/>
</menu>
</item>
</menu>
And in your activity's onCreateOptionMenu add this -
menu.findItem(R.id.action_more).setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS)

Toolbar Selected Tab Text Color Android

I am trying to set custom color for Tab text in one of my android application but instead change its setting white color for it. Other tab text is going changed but not changing only for selected Tab.
My Style for Tab is like below
<style name="MineCustomTabText"
parent="TextAppearance.Design.Tab">
<item name="tabSelectedTextColor">#000</item>
<item name="android:textColor">#color/TextColorLite</item>
<item name="android:textSize">#dimen/textPageCount</item>
</style>
I am using it in My Layout XML is like below
<android.support.design.widget.TabLayout
android:id="#+id/tabs"
android:layout_width="match_parent"
app:tabGravity="fill"
app:tabTextAppearance="#style/MineCustomTabText"
app:tabMode="fixed"
android:layout_height="wrap_content" />
You can see I have set black color for selected tab in style but its showing only white color. Let me know what I am missing. Thanks
Try this following code:
Add this style into your TabLayout
<android.support.design.widget.TabLayout
style="#style/MyCustomTabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
Add this style into your Style.xml
<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
<!--<item name="tabMaxWidth">#dimen/tab_max_width</item>-->
<item name="tabIndicatorColor">#color/appcolor</item>
<item name="tabIndicatorHeight">2dp</item>
<item name="tabPaddingStart">10dp</item>
<item name="tabPaddingEnd">10dp</item>
<item name="tabBackground">#color/lightblue</item>
<item name="tabTextAppearance">#style/MyCustomTabTextAppearance</item>
<item name="tabSelectedTextColor">#color/appcolor</item>
</style>
<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
<item name="android:textSize">15sp</item>
<item name="android:textColor">#color/black</item>
<item name="textAllCaps">true</item>
</style>
Another way to change programmatically:
tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FF0000"));
tabLayout.setSelectedTabIndicatorHeight((int) (5 * getResources().getDisplayMetrics().density));
tabLayout.setTabTextColors(Color.parseColor("#727272"), Color.parseColor("#ffffff"));
I hope this will help you
Add tab_text_color.xml in drawable folder like below
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_selected="true"
android:color="#color/text_tab_selected" />
<item
android:state_selected="false"
android:color="#color/text_tab_unselected" />
</selector>
then in style.xml do this and check
<style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium">
<item name="android:textColor">#drawable/tab_text_color</item>
...
</style>

App menu option color

Hello I want to change my app menu option (black text on white Background instead of white text on black Backgroud )
Here is my menu xlm file
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="com.androidsrc.tower.Liste1">
<item android:id="#+id/action_settings"
android:title="#string/action_settings" />
<item android:id="#+id/aide"
android:title="#string/aide" />
</menu>
#Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}
Change your menu.xml to this:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
<item android:id="#+id/action_settings"
android:title="#string/action_settings" />
<item android:id="#+id/aide"
android:title="#string/aide" />
</menu>
In your styles.xml file add the following to your base app theme
<item name="android:popupMenuStyle">#style/CMOptionsMenu</item>
and then add the following styleto the file
<style name="CMOptionsMenu" parent="android:Widget.Holo.Light.ListPopupWindow">
<item name="android:popupBackground">#FFFFFF</item>
<item name="android:textColor">#000000</item>
</style>
In the AndroidManifest.xml remember to add the following to your application
android:theme="#style/AppBaseTheme"

Android: adding the camera icon to action bar on android studio

I am trying to an a camera icon to my action bar on android studio, but I can not see any icon. I can see is the "camera" text in my overflow. Below is my me.xml file which is in my menu folder, and also is below is my onCreateOptionsMenu() method
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity">
<item android:id="#+id/action_logout"
android:title="#string/menu_logout_lable"
android:orderInCategory="100"
app:showAsAction="never"/>
<item android:id="#+id/action_edit_friends"
android:title="#string/menu_edit_friends_label" />
<item
android:id="#+id/action_camera"
android:title="#string/menu_camera_label"
android:icon="#drawable/ic_action_camera"
android:showAsAction="always" />
</menu>
i found out why, in my xml file, on the item for the camera
<item
android:id="#+id/action_camera"
android:title="#string/menu_camera_label"
android:icon="#drawable/ic_action_camera"
android:showAsAction="always"
/>
, i changed
android:showAsAction="always"
to
app:showAsAction="always"
the difference been changing android: to app: .
Thanks

Categories