【问题标题】:How to change the Background color of selected item in the Navigation Drawer如何更改导航抽屉中所选项目的背景颜色
【发布时间】:2017-03-05 12:52:27
【问题描述】:

我正在为我的应用开发导航抽屉。 我已经制作了导航抽屉的背景#000000(黑色)。每当我选择任何项目时,文本的文本颜色都会从 #E44F50(Carrot Red) 变为黑色,但我无法更改所选项目的背景颜色。 我想要的只是将所选项目的背景颜色从黑色更改为胡萝卜红色。

这是我的应用程序的 github 链接-

https://github.com/manmeet-22/NewsSnips-app.git

<android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@color/colorPrimary"
        app:headerLayout="@layout/header"
        app:itemIconTint="@drawable/drawer_item" //changing text color 
        app:itemTextAppearance="@style/TextAppearance20"
        app:itemTextColor="@color/drawer_item"
        app:itemBackground="@drawable/drawer_selected_item" //trying to change backgroundcolor the same way
        app:menu="@menu/drawer"
        tools:context="com.androidexample.newssnips.app.NavigationDrawerFragment"/>
</android.support.v4.widget.DrawerLayout>

在此我尝试像更改文本一样更改背景颜色,但我的应用程序崩溃了。

这是我的drawer_selected_item.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/colorAccent" android:state_selected="true"/>
    <item android:color="@android:color/transparent"/>
</selector>

这是我的drawer_item.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:color="@color/colorPrimary" android:state_checked="true" />
        <item android:color="@color/colorAccent" />
</selector>

这是我的 MainActivity.java:

navigationView = (NavigationView) findViewById(R.id.navigation_view);
        navigationView.setItemIconTintList(null);
        Menu menu = navigationView.getMenu();

        //For chnaging the textColor and textSize of group's Name ie. Category
        MenuItem categoryName= menu.findItem(R.id.categoryGroup);
        SpannableString s = new SpannableString(categoryName.getTitle());
        s.setSpan(new TextAppearanceSpan(this, R.style.TextAppearance25), 0, s.length(), 0);

        //For changing the Text of action bar as the selected category
        categoryName.setTitle(s);

        //Setting Navigation View Item Selected Listener to handle the item click of the navigation menu
        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {

            // This method will trigger on item Click of navigation menu
            @Override
            public boolean onNavigationItemSelected(MenuItem menuItem) {


                //Checking if the item is in checked state or not, if not make it in checked state
                if (menuItem.isChecked())
                    menuItem.setChecked(false);
                else
                    menuItem.setChecked(true);

                //Closing drawer on item click
                drawerLayout.closeDrawers();

                //Check to see which item was being clicked and open the Appopriate news accordingly
                switch (menuItem.getItemId()) {

                    case R.id.itemWorld:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=world";
                        setTitle("World News");

                        basicDefaults();
                        return true;
                    case R.id.itemFootball:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=football";
                        setTitle("Football News");
                        basicDefaults();
                        return true;
                    case R.id.itemFashion:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=fashion";
                        setTitle("Fashion News");
                        basicDefaults();
                        return true;
                    case R.id.itemSports:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=sport";
                        setTitle("Sports News");
                        basicDefaults();
                        return true;
                    case R.id.itemBusiness:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=business";
                        setTitle("Business News");
                        basicDefaults();
                        return true;
                    case R.id.itemTechnology:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=technology";
                        setTitle("Technology News");
                        basicDefaults();
                        return true;
                    case R.id.itemOpinion:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=commentisfree";
                        setTitle("Opinions");
                        basicDefaults();
                        return true;
                    case R.id.itemCulture:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=culture";
                        setTitle("Culture News");
                        basicDefaults();
                        return true;
                    case R.id.itemTravel:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=travel";
                        setTitle("Travel News");
                        basicDefaults();
                        return true;
                    case R.id.itemLifestyle:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=lifeandstyle";
                        setTitle("LifeStyle News");
                        basicDefaults();
                        return true;
                    case R.id.itemEnvironment:
                        GAURDIAN_REQUEST_URL = "http://content.guardianapis.com/search?api-key=f51fa87d-8a55-4fc1-b552-8fa6eb98dee4&section=environment";
                        setTitle("Environment News");
                        basicDefaults();
                        return true;

                    default:
                        Toast.makeText(getApplicationContext(), "Somethings Wrong", Toast.LENGTH_SHORT).show();
                        return true;

                }
            }
        });

        // Initializing Drawer Layout and ActionBarToggle
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer);
        ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.openDrawer, R.string.closeDrawer) {

            @Override
            public void onDrawerClosed(View drawerView) {
                // Code here will be triggered once the drawer closes as we dont want anything to happen so we leave this blank
                super.onDrawerClosed(drawerView);
            }

            @Override
            public void onDrawerOpened(View drawerView) {
                // Code here will be triggered once the drawer open as we dont want anything to happen so we leave this blank

                super.onDrawerOpened(drawerView);

            }
        };

        //calling sync state is necessay or else your hamburger icon wont show up
        actionBarDrawerToggle.syncState();
    }

PS.- 我也尝试过实现其他方法,比如

在 style.xml 文件的 apptheme 中添加这个。

<item name="android:activatedBackgroundIndicator">@drawable/drawer_selected_item</item>

但我仍然找不到我的解决方案。
请帮助这是我项目中剩下的最后一件事。

【问题讨论】:

  • 请参考link1link2link3,它会帮助你。
  • @vijaychhalotre 我已经看到了这些,但我仍然无法更改所选项目的背景颜色。

标签: android


【解决方案1】:

我有办法了-

在我做的 NavigationView 中-

        app:itemBackground="@drawable/drawer_selected_item"

因此我的 NavigationView 看起来像-

        <android.support.design.widget.NavigationView
            android:id="@+id/navigation_view"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="@color/colorPrimary"
            app:headerLayout="@layout/header"
            app:itemIconTint="@drawable/drawer_item"
            app:itemTextAppearance="@style/TextAppearance20"
            app:itemTextColor="@drawable/drawer_item"
            app:menu="@menu/drawer"
            app:itemBackground="@drawable/drawer_selected_item"
tools:context="com.androidexample.newssnips.app.NavigationDrawerFragment" />

drawer_selected_item我修改了文件为-

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@color/colorAccent"/>
<item android:drawable="@android:color/transparent" />
</selector>

【讨论】:

  • 这是唯一对我有用的解决方案,使用 androidx.drawerlayout.widget.DrawerLayout 和 com.google.android.material.navigation.NavigationView :) 谢谢。
  • 如果我也想更改 textColor 怎么办?
【解决方案2】:

NavigationView 有一个名为 setItemTextColor() 的方法。它使用 ColorStateList.navigationView.setItemTextColor()。以 ColorStateList 作为参数。

【讨论】:

  • 还是不行。但如果你能详细说明你的答案,也许我可能会遗漏一些东西。
【解决方案3】:

Caspian的回答添加解释:

Android 开发者文档提供了 ColorStateList,因此您可以在 android 中使用不同的视图状态。

此处的示例代码:ColorStateList Android Example

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-05-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-29
    • 1970-01-01
    • 2015-02-20
    相关资源
    最近更新 更多