web-dev-qa-db-ja.com

フォーカス時およびクリック時にListViewアイテムの色を変更する方法

アプリにリストビューがあります（これはxmlレイアウトです）。

   <?xml version="1.0" encoding="utf-8"?>
<ListView xmlns:Android="http://schemas.Android.com/apk/res/Android"
       Android:id="@+id/arrayList"
       Android:layout_width="fill_parent"
Android:layout_height="fill_parent"
       Android:textFilterEnabled="true"
       Android:scrollbars="vertical"
       Android:drawSelectorOnTop="true">
</ListView>

リストビューの各アイテムは、2つのTextViewで構成されています。

    <?xml version="1.0" encoding="utf-8"?>
<TableLayout Android:layout_width="fill_parent"
       xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:id="@+id/row_container"
       Android:padding="5px" Android:layout_height="wrap_content"
       Android:background="@color/white" Android:shrinkColumns="0">
               <TableRow>
               <TextView Android:layout_height="wrap_content"
                       Android:layout_width="wrap_content" Android:layout_below="@+id/
description"
                       Android:id="@+id/description"
                       Android:textColor="@color/black"
                       Android:scrollHorizontally="true"
                       Android:singleLine="true"></TextView>
       </TableRow>
       <TableRow>
               <TextView Android:layout_width="wrap_content"
                       Android:layout_height="wrap_content" Android:id="@+id/result"
                       Android:textColor="@color/grey"
                       Android:maxLines="1"
                       Android:scrollHorizontally="true"></TextView>
       </TableRow>

</TableLayout>

このようにして、ArrayAdapterからlistViewを作成しています。

public class Matches extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);        
    //set layout

    setContentView(R.layout.list_layout);
  // obtain reference to listview
  ListView listView = (ListView) findViewById(R.id.arrayList);

  ArrayAdapter<Match> arrayAdapter = new ArrayAdapter<Match>(
        this, R.layout.custom_row, R.id.description, createItems()) {

     @Override
     public View getView (int position, View convertView, ViewGroup parent){
        Match item = getItem (position);
        LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View rowView = inflater.inflate(R.layout.custom_row, null);
        TextView description = (TextView)rowView.findViewById(R.id.description);
        TextView result = (TextView)rowView.findViewById(R.id.result);
        description.setText(item.description + "  Risultato: " + item.result );
        result.setText(item.date + "  " + item.hour);
        return rowView;
     }
  };

  listView.setAdapter(arrayAdapter);

私の目標は、親が選択または押されるたびに、これらの子ビューのテキストの色と背景を変更できるようにすることです。

どうすればできますか？

androidlistviewbackground-colorlistviewitem
27
nolanofra

リスト行の子ビューは、親行が選択されるたびに選択されていると見なされるため、変更したいビューに通常の状態のドロアブル/カラーリストを設定するだけで、乱雑なJava code required。 this SO post を参照してください。

具体的には、textViewsのtextColorを次のようなXMLリソースに設定します。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:state_focused="true" Android:drawable="@color/black" /> <!-- focused -->
    <item Android:state_focused="true" Android:state_pressed="true" Android:drawable="@color/black" /> <!-- focused and pressed-->
    <item Android:state_pressed="true" Android:drawable="@color/green" /> <!-- pressed -->
    <item Android:drawable="@color/black" /> <!-- default -->
</selector>
37
Yoni Samlan

main.xmlで、ListViewに以下を含めます。

Android:drawSelectorOnTop="false"

Android:listSelector="@Android:color/darker_gray"
32
Anil Arigela
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android" >    
    <item Android:state_pressed="true" Android:drawable="@drawable/YOUR DRAWABLE XML" /> 
    <item Android:drawable="@drawable/YOUR DRAWABLE XML" />
</selector>
5
Dhiral Pandya

リストでセレクタを使用する方法に関する good article を次に示します。

ListViewのAndroid：backgroundに設定する代わりに、以下に示すようにAndroid：listSelectorを設定したいと思います。

<ListView Android:id="@+id/list" 
  Android:layout_width="fill_parent"
  Android:layout_height="wrap_content" 
  Android:layout_gravity="center"
  Android:divider="@null" 
  Android:dividerHeight="0dip"
  Android:listSelector="@drawable/list_selector" />
4
fuliozor
listview.setOnItemLongClickListener(new OnItemLongClickListener() {

        @Override
        public boolean onItemLongClick(final AdapterView<?> parent, View view,
                final int position, long id) {
            // TODO Auto-generated method stub

             parent.getChildAt(position).setBackgroundColor(getResources().getColor(R.color.listlongclick_selection));

            return false;
        }
    });
1
Vinay

SetOnClickListenerの外部でリストアイテムコンポーネントをfinalとして宣言するか、リストアイテムに適用するものを次のように宣言します。

final View yourView;
final TextView yourTextView;

また、onClickまたは使用するメソッドをオーバーライドする場合は、次のように必要に応じて色を設定するだけです。

yourView.setBackgroundColor(Color.WHITE/*or whatever RGB suites good contrast*/);
yourTextView.setTextColor(Color.BLACK/*or whatever RGB suites good contrast*/);

または、最終宣言なしで、カスタムアダプターにonClick（）を実装してリストを作成すると、これはsetOnClickListener/onClick（）のgetView（）で使用したものです。

//reset color for all list items in case any item was previously selected
for(int i = 0; i < parent.getChildCount(); i++)
{
  parent.getChildAt(i).setBackgroundColor(Color.BLACK);
  TextView text=(TextView) parent.getChildAt(i).findViewById(R.id.item);
  text.setTextColor(Color.rgb(0,178,178));
}
//highlight currently selected item
 parent.getChildAt(position).setBackgroundColor(Color.rgb(0,178,178));
 TextView text=(TextView) parent.getChildAt(position).findViewById(R.id.item);
 text.setTextColor(Color.rgb(0,178,178));
0
Callin'

非常に古いですが、これに苦労しました。これが純粋なxmlでの解決方法です。 res/values/colors.xmlで3色を追加しました（colour _...）;

<resources>

    <color name="black_overlay">#66000000</color>

    <color name="colour_highlight_grey">#ff666666</color>
    <color name="colour_dark_blue">#ff000066</color>
    <color name="colour_dark_green">#ff006600</color>

</resources>

res/drawableで作成したフォルダーlistview_colours.xmlに含まれる;

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:drawable="@color/colour_highlight_grey" Android:state_pressed="true"/>
    <item Android:drawable="@color/colour_dark_blue" Android:state_selected="true"/>
    <item Android:drawable="@color/colour_dark_green" Android:state_activated="true"/>
    <item Android:drawable="@color/colour_dark_blue" Android:state_focused="true"/>
</selector>

main_activity.xmlでリストビューを見つけ、ドロアブルをlistSelector;に追加します。

<ListView
    Android:id="@+id/menuList"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:listSelector="@drawable/listview_colours"
    Android:background="#ff222222"/>
</LinearLayout>

listview_colours.xmlのstate _...の項目を使用して、目的の効果を取得します。

リストビューのスタイルを設定できる方法もありますが、私はそれを機能させることができませんでした

0
Recycled Steel