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-латовими малюнками (я думаю, він би працював з будь-якими малюнками та кольорами, я думаю), ви повинні зробити дві речі:

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"

topic.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 тут.

Всі app селектора не спрацьовують, як очікувалося. Спробувавши всі рішення, представлені в цій темі, не приносять користі, ми просто вирішили проблему в момент надуття елемента 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;
   }

Було б дуже приємно, якби селектори насправді працювали, теоретично це приємне та елегантне рішення, але здається, що це зламано. KISS.