Change icon / text color in footer similar to youtube APP

Question

I am trying to implement a footer similar to youtube APP. When I click one of the icons in youtube App footer. The icon changes to red.

youtube snapshot

What is the best way to implement this? Is there a ways to implement using <selector xmlns:android="http://schemas.android.com/apk/res/android"> in drawable folder

or I have to implement this programmatically. if so I have to put a lot of conditions. I tried the following.

if (homeclicked) {
    ImageView homeImage = (ImageView) findViewById(R.id.homeImage);
    homeImage.setImageResource(R.drawable.ic_home_orange);

    TextView homeText = (TextView) findViewById(R.id.homeText);
    homeText.setTypeface(tf3);
    homeText.setTextColor(getResources().getColor(R.color.orangecolor));
}
else {
    ImageView homeImage = (ImageView) findViewById(R.id.homeImage);
    homeImage.setImageResource(R.drawable.ic_home);

    TextView homeText = (TextView) findViewById(R.id.homeText);
    homeText.setTypeface(tf3);
    homeText.setTextColor(getResources().getColor(R.color.white));
}

homeclicked = !homeclicked;

I will have to change other icons in the footer accordingly.

I felt the best way is to use pressed, onfocus in selector method in XML drawable but how to change icon and text color when clicking it.

Can someone help me with this?

https://stackoverflow.com/questions/41421553/background-color-change-in-bottomnavigationview — AskNilesh, Apr 18 '18 at 07:55
@NileshRathod: If I am right - this doesn't have text change option. only has background color change. — RAMKUMAR, Apr 18 '18 at 07:58
to change text change color you need to create custom layout for that — AskNilesh, Apr 18 '18 at 08:00
@NileshRathod: I have tried this different App background color change. it works fine but in the youtube, the background color remains the same the icon color and text color gets changed. — RAMKUMAR, Apr 18 '18 at 08:00
check out this https://github.com/aurelhubert/ahbottomnavigation — hasan_shaikh, Apr 18 '18 at 08:01
@RAMKUMAR check the lib given by hasan or just ping me on hang out i will send u sample project for custom layout — AskNilesh, Apr 18 '18 at 08:03
About the icon, you don't need different icon files you can just change the color of the icon using `Drawable.setColorFilter `. — anemomylos, Apr 18 '18 at 08:12
@hasan_shaikh: Thanks a lot. I used the library. Showing up properly. Thanks! — RAMKUMAR, Apr 19 '18 at 10:02

Change icon / text color in footer similar to youtube APP

0 Answers0