Фон элемента ListView с помощью настраиваемого селектора

Можно ли применить собственный фон к каждому элементу Listview через селектор списка?

Селектор по умолчанию указывает @android:color/transparentдля state_focused="false"случая, но изменение его на какой-либо настраиваемый вариант не влияет на элементы, которые не выбраны. В этом ответе Ромен Гай, кажется, предполагает, что это возможно.

В настоящее время я добиваюсь того же эффекта, используя настраиваемый фон для каждого представления и скрывая его, когда элемент выбран / сфокусирован / что угодно, чтобы отображался селектор, но было бы более элегантно, если бы все это было определено в одном месте.

Для справки, это селектор, который я использую, чтобы заставить его работать:

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_focused="false"
        android:drawable="@drawable/list_item_gradient" />

    <!-- Even though these two point to the same resource, have two states so the drawable will invalidate itself when coming out of pressed state. -->
    <item android:state_focused="true" android:state_enabled="false"
        android:state_pressed="true"
        android:drawable="@drawable/list_selector_background_disabled" />
    <item android:state_focused="true" android:state_enabled="false"
        android:drawable="@drawable/list_selector_background_disabled" />

    <item android:state_focused="true" android:state_pressed="true"
        android:drawable="@drawable/list_selector_background_transition" />
    <item android:state_focused="false" android:state_pressed="true"
        android:drawable="@drawable/list_selector_background_transition" />

    <item android:state_focused="true"
        android:drawable="@drawable/list_selector_background_focus" />

</selector>

И вот как я устанавливаю селектор:

<ListView
    android:id="@android:id/list"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:listSelector="@drawable/list_selector_background" />    

Заранее благодарю за любую помощь!

Я сам был разочарован этим и наконец решил это. Как намекнул Ромен Гай, есть еще одно состояние "android:state_selected", которое вы должны использовать. Используйте состояние, которое можно рисовать, для фона элемента списка и используйте другое состояние, которое можно рисовать для listSelectorвашего списка:

list_row_layout.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:background="@drawable/listitem_background"
    >
...
</LinearLayout>

listitem_background.xml:

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

layout.xml, который включает ListView:

...
<ListView 
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:listSelector="@drawable/listitem_selector"
   />
...

listitem_selector.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/listitem_pressed" />
    <item android:state_focused="true" android:drawable="@drawable/listitem_selected" />
</selector>

Решение от dglmtn не работает, когда у вас есть 9-патч, который можно рисовать с заполнением в качестве фона. Бывают странные вещи, даже не хочу об этом говорить, если у вас есть такая проблема, вы их знаете.

Теперь, если вы хотите иметь представление списка с разными состояниями и чертежами с 9 патчами (я думаю, он будет работать с любыми чертежами и цветами), вам нужно сделать 2 вещи:

1. Установите селектор для элементов в списке.
2. Избавьтесь от селектора по умолчанию для списка.

Что вам нужно сделать, это сначала установить row_selector.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_enabled="true" 
     android:state_pressed="true" android:drawable="@drawable/list_item_bg_pressed" />
    <item android:state_enabled="true"
     android:state_focused="true" android:drawable="@drawable/list_item_bg_focused" />
    <item android:state_enabled="true"
     android:state_selected="true" android:drawable="@drawable/list_item_bg_focused" />
    <item
     android:drawable="@drawable/list_item_bg_normal" />
</selector>

Не забывайте про android:state_selected. Он работает так же, как и android:state_focusedдля списка, но применяется к элементу списка.

Теперь примените селектор к элементам (row.xml):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:background="@drawable/row_selector"
>
...
</RelativeLayout>

Сделайте прозрачный селектор для списка:

<ListView
    android:id="@+id/android:list"
    ...
    android:listSelector="@android:color/transparent"
    />

Это должно сработать.

Никогда не используйте "цвет фона" для строк вашего списка ...

это заблокирует каждое действие селектора (это была моя проблема!)

удачи!

В статье «Почему мой список черный? Оптимизация под Android» в блоге разработчиков Android подробно объясняется, почему фон списка становится черным при прокрутке. Простой ответ: установите cacheColorHint в своем списке на прозрачный (# 00000000).

Достаточно, если вы вставите list_row_layout.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:background="@drawable/listitem_background">... </LinearLayout>

listitem_selector.xml:

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

вместо того:

android:drawable="@color/transparent" 

записывать

android:drawable="@android:color/transparent"

Вы можете написать тему:

<pre>

    android:name=".List10" android:theme="@style/Theme"

theme.xml

<style name="Theme" parent="android:Theme">
        <item name="android:listViewStyle">@style/MyListView</item>
</style>

styles.xml

 <style name="MyListView" parent="@android:style/Widget.ListView">
<item name="android:listSelector">@drawable/my_selector</item>

my_selector - это ваш пользовательский селектор. Извините, я не знаю, как писать свой код.

Я всегда использую один и тот же метод, и он работает каждый раз, везде: я просто использую такой селектор

<item android:state_activated="true"  android:color="@color/your_selected_color" />
<item android:state_pressed="true" android:color="@color/your_pressed_color" />
<item android:color="@color/your_normal_color"></item>

и установите в ListView (ЭТО ОЧЕНЬ ВАЖНО, ЧТОБЫ ЭТО РАБОТАЕТ) атрибут

android:choiceMode="singleChoice"

для textColor просто поместите в цветовую папку (ВАЖНО, не доступную папку!) селектор, подобный этому

<item android:state_activated="true"  android:color="@color/your_selected_textColor" />
<item android:state_pressed="true" android:color="@color/your_pressed_textColor" />
<item android:color="@color/your_normal_textColor"></item>

это образец шаблона строки

<ImageView
    android:id="@+skinMenu/lblIcon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:src="@drawable/menu_catalog" />

<TextView
    android:id="@+skinMenu/lblTitle"
    style="@style/superlabelStyle"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_marginLeft="20dp"
    android:gravity="center_vertical"
    android:text="test menu testo"
    android:textColor="@color/menu_textcolor_selector"
    android:textSize="20dp"
    android:textStyle="bold" />

все, что было показано, работает без утомительных обходных путей. надеюсь, что это поможет

Я не уверен, как добиться желаемого эффекта с помощью самого селектора - в конце концов, по определению, есть один селектор на весь список.

Однако вы можете управлять изменениями выделения и рисовать все, что хотите. В этом примере проекта я делаю селектор прозрачным и рисую полосу на выбранном элементе.

Команда FrostWire здесь.

Вся API-интерфейс селектора работает не так, как ожидалось. Попробовав все решения, представленные в этой ветке, безрезультатно, мы просто решили проблему в момент раздувания элемента ListView.

1. Убедитесь, что ваш элемент сохраняет свое состояние, мы сделали это как переменную-член MenuItem (выбрано логическое значение)

2. Когда вы надуваете, спросите, выбран ли базовый элемент, если да, просто установите доступный ресурс, который вы хотите, в качестве фона (будь то 9patch или что-то еще). Убедитесь, что ваш адаптер знает об этом и вызывает notifyDataChanged (), когда что-то было выбрано.

       @Override
   public View getView(int position, View convertView, ViewGroup parent) {
       View rowView = convertView;
       if (rowView == null) {
           LayoutInflater inflater = act.getLayoutInflater();
           rowView = inflater.inflate(R.layout.slidemenu_listitem, null);
           MenuItemHolder viewHolder = new MenuItemHolder();
           viewHolder.label = (TextView) rowView.findViewById(R.id.slidemenu_item_label);
           viewHolder.icon = (ImageView) rowView.findViewById(R.id.slidemenu_item_icon);
           rowView.setTag(viewHolder);
       }
   
       MenuItemHolder holder = (MenuItemHolder) rowView.getTag();
       String s = items[position].label;
       holder.label.setText(s);
       holder.icon.setImageDrawable(items[position].icon);
   
       //Here comes the magic
       rowView.setSelected(items[position].selected);
   
       rowView.setBackgroundResource((rowView.isSelected()) ? R.drawable.slidemenu_item_background_selected : R.drawable.slidemenu_item_background);
   
       return rowView;
   }

Было бы здорово, если бы селекторы действительно работали, теоретически это красивое и элегантное решение, но похоже, что оно сломано. ПОЦЕЛУЙ.