在 Android 上更改 ListView 项目的背景颜色

Question

如何在每个项目的基础上更改ListView项目的背景颜色。 当我在ListView项目布局中使用android:backgroundColor ，我可以实现这一点，但是列表选择器不再可见。 我可以通过将drawSelectorOnTop设置为 true 来使选择器再次可见，但随后选择器会覆盖整个项目。

任何想法如何更改这些背景颜色并保留选择器？

PS我宁愿不改变选择器本身。

编辑：GMail 应用程序的作者已经设法实现了这一点，所以这绝对是可能的。

Answer 1

您必须为要使用的每种颜色创建一个不同的状态可绘制对象。

例如： list_selector_read.xml和list_selector_unread.xml 。

您需要做的就是将所有内容设置为透明，除了android:state_window_focused="false"项目。

然后当你绘制你的列表时，你为每一行调用setBackgroundResource(R.drawable.list_selector_unread/read) 。

您根本没有在 ListView 上设置 listSelector 。 这将为您的特定 Android 风格保留默认选择器。

Answer 2

这是在上面代码的基础上的修改，最简单的一段代码：

private static int save = -1;

public void onListItemClick(ListView parent, View v, int position, long id) { 

    parent.getChildAt(position).setBackgroundColor(Color.BLUE);

    if (save != -1 && save != position){
        parent.getChildAt(save).setBackgroundColor(Color.BLACK);
    }

    save = position;                

}

希望对你有帮助

你好！

Answer 3

好的，我让它像这样工作：

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

天啊！

Answer 4

似乎没有人提供任何仅使用适配器执行此操作的示例，因此我想我会发布用于显示 ListViews 的代码片段，其中“curSelected”项目具有不同的背景：

final ListView lv = (ListView)findViewById(R.id.lv);
lv.setAdapter(new BaseAdapter()
{
    public View getView(int position, View convertView, ViewGroup parent)
    {
        if (convertView == null)
        {
            convertView = new TextView(ListHighlightTestActivity.this);
            convertView.setPadding(10, 10, 10, 10);
            ((TextView)convertView).setTextColor(Color.WHITE);
        }

        convertView.setBackgroundColor((position == curSelected) ? 
            Color.argb(0x80, 0x20, 0xa0, 0x40) : Color.argb(0, 0, 0, 0));
        ((TextView)convertView).setText((String)getItem(position));

        return convertView;
    }

    public long getItemId(int position)
    {
        return position;
    }

    public Object getItem(int position)
    {
        return "item " + position;
    }

    public int getCount()
    {
        return 20;
    }
});

当列表项的外观需要动态更改时，这对我来说一直是一种有用的方法。

Answer 5

mAgendaListView.setOnItemClickListener(new OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
//view.setBackgroundColor(Color.RED);

for(int i=0; i<parent.getChildCount(); i++)
{
     if(i == position)
     {
               parent.getChildAt(i).setBackgroundColor(Color.BLUE);
     }
     else
     {
               parent.getChildAt(i).setBackgroundColor(Color.BLACK);
     }

 }

Answer 6

来自Android 2.2 Email App的源代码：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_window_focused="false" android:state_selected="true"
        android:drawable="@android:color/transparent" />
    <item android:state_selected="true"
        android:drawable="@android:color/transparent" />
    <item android:state_pressed="true" android:state_selected="false"
        android:drawable="@android:color/transparent" />
    <item android:state_selected="false"
        android:drawable="@color/message_item_read" />
</selector>

没有什么可说的了...

Answer 7

最简单的方法是这个。 在您的 ListArrayAdapter 中，只需执行此操作

if(your condition here) rowView.setBackgroundColor(Color.parseColor("#20FFFFFF"));

不要过于复杂

Answer 8

您是要在单击时更改自定义列表项的背景颜色吗？

如果是这样的话：

您只需将以下代码添加到 xml 中的列表视图布局中。

---

android:drawSelectorOnTop="true" android:listSelector="@android:drawable/list_selector_background"

---

此处的列表选择器使用具有深灰色的默认选择器。 您可以制作自己的可绘制对象并将其分配给上述列表选择器。

希望这是你想要的。

Answer 9

更改所有项目布局的简单代码（自定义列表视图扩展 baseadapter）：

lv.setOnItemClickListener(new OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                long arg3) {

            RelativeLayout layout=(RelativeLayout) arg1.findViewById(R.id.rel_cell_left);
            layout.setBackgroundColor(Color.YELLOW);



        }
    });

Answer 10

通过更改 Francisco Cabezas 的代码，我得到了以下信息：

private int selectedRow = -1;

...

@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    parent.getChildAt(position).setBackgroundResource(R.color.orange);
    if (selectedRow != -1 && selectedRow != position) {
        parent.getChildAt(selectedRow).setBackgroundResource(R.color.black);
    }
    selectedRow = position;

Answer 11

在跑步中跟随方式非常缓慢

mAgendaListView.setOnItemClickListener(new OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
//view.setBackgroundColor(Color.RED);

for(int i=0; i<parent.getChildCount(); i++)
{
     if(i == position)
     {
               parent.getChildAt(i).setBackgroundColor(Color.BLUE);
     }
     else
     {
               parent.getChildAt(i).setBackgroundColor(Color.BLACK);
     }

 }

替换为以下

int pos = 0;
int save = -1;
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
            //Always set the item clicked blue background
            view.setBackgroundColor(Color.BLUE);

            if (pos == 0) {
                if (save != -1) {
                    parent.getChildAt(save).setBackgroundColor(Color.BLACK);
                }
                save = position;
                pos++;
                Log.d("Pos = 0", "Running");

            } else {
                parent.getChildAt(save).setBackgroundColor(Color.BLACK);
                save = position;
                pos = 0;
                Log.d("Pos # 0", "Running");
            }

Answer 12

在列表视图中，您可以添加所需的 android:listselector=color 名称。

这在我的应用程序中工作正常。

Answer 13

可以在此处找到关于此的最佳教程。

关键部分：

1. view.setSelected(true)在onItemClick调用view.setSelected(true) ，否则看不到选中的项目背景
2. 保留选择器中的状态顺序，否则您会在背景颜色中看到不可预测的行为（ state_selected后跟state_pressed ）

Answer 14

看看List14 示例。 在getView()您可以为每个条目调用convertView.setBackgroundDrawable() 。 例如，您可以有一个班级成员计数器来决定使用哪个背景来调用它以获得交替的背景。

Answer 15

你可以这样做。

 final List<String> fruits_list = new ArrayList<String>(Arrays.asList(fruits));

    // Create an ArrayAdapter from List
    final ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>
            (this, android.R.layout.simple_list_item_1, fruits_list){
        @Override
        public View getView(int position, View convertView, ViewGroup parent){
            // Get the current item from ListView
            View view = super.getView(position,convertView,parent);
            if(position %2 == 1)
            {
                // Set a background color for ListView regular row/item
                view.setBackgroundColor(Color.parseColor("#FFB6B546"));
            }
            else
            {
                // Set the background color for alternate row/item
                view.setBackgroundColor(Color.parseColor("#FFCCCB4C"));
            }
            return view;
        }
    };

    // DataBind ListView with items from ArrayAdapter
    lv.setAdapter(arrayAdapter);
}

}

Answer 16

如果为 onItemClick 事件添加了setBackgroundColor ，它将不起作用，除非您可以将其放在 click 事件之后。

尝试在适配器的getView方法中添加调试代码，您会发现每次单击屏幕时都会再次调用 getView。 因此，设置背景颜色后，系统将按照原始设置重新绘制屏幕。 不知道为什么每次点击都会浪费资源来重建屏幕，已经有其他方法可以通知系统在需要时重新绘制屏幕。

也许您可以添加一些控制标志来确定单个行的背景颜色，然后修改 getView 方法以根据此控制标志设置颜色。 所以，当它重绘屏幕时，背景颜色会改变。

我也在寻找官方解决方案。

Answer 17

我尝试了上面的所有答案..没有一个对我有用..这是最终有效的方法并在我的应用程序中使用..它将提供已读/未读列表项颜色，同时维护两种状态的列表选择器样式：

<ListView
                android:id="@+id/list"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:listSelector="@drawable/selectable_item_background_general"
                android:drawSelectorOnTop="true"
                android:fadingEdge="none"
                android:scrollbarStyle="outsideOverlay"
                android:choiceMode="singleChoice" />

selectable_item_background_general.xml ：

<selector xmlns:android="http://schemas.android.com/apk/res/android" android:exitFadeDuration="@android:integer/config_mediumAnimTime">
    <item android:state_pressed="false" android:state_focused="true" android:drawable="@drawable/bg_item_selected_drawable" />
    <item android:state_pressed="true" android:drawable="@drawable/bg_item_selected_drawable" />
    <item android:drawable="@android:color/transparent" />
</selector>

bg_item_selected_drawable.xml ：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#12000000" />
</shape>

notification_list_itemlayout.xml ：

<RelativeLayout 
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/rowItemContainer"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

    <RelativeLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="8dp"
        android:paddingLeft="16dp"
        android:paddingStart="16dp"
        android:paddingRight="16dp"
        android:paddingEnd="16dp">

            <ImageView
                android:id="@+id/imgViewIcon"
                android:layout_width="60dp"
                android:layout_height="60dp"
                android:src="@drawable/cura_logo_symbol_small"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_marginRight="8dp"
                android:layout_marginEnd="8dp" />
            <TextView
                android:id="@+id/tvNotificationText"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/imgViewIcon"
                android:layout_toRightOf="@+id/imgViewIcon"
                android:layout_toEndOf="@+id/imgViewIcon"
                android:textSize="@dimen/subtitle"
                android:textStyle="normal" />
            <TextView
                android:id="@+id/tvNotificationTime"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="1dip"
                android:layout_below="@+id/tvNotificationText"
                android:layout_toRightOf="@+id/imgViewIcon"
                android:layout_toEndOf="@+id/imgViewIcon"
                android:textSize="@dimen/subtitle" />
        </RelativeLayout>
</RelativeLayout>

最后，在您的适配器中：

if (!Model.Read)
    rowItemContainer.SetBackgroundColor (Android.Graphics.Color.ParseColor ("#FFFDD0")); // unread color
else
    rowItemContainer.SetBackgroundColor (Android.Graphics.Color.White); // read color

Answer 18

这就是我使用的（Kotlin）：

if(blablabla == "whatever") {
    view.setBackgroundColor(getColor(context, R.color.teal_200))
} else {
    view.setBackgroundColor(getColor(context, R.color.teal_700))
}