带有图像选择和取消选择的 Horizo​​ntalListview

Posted 2023-04-15

【中文标题】带有图像选择和取消选择的 Horizo​​ntalListview

【英文标题】：HorizontalListview with image select and unselect

【发布时间】：2012-12-04 10:36:02

【问题描述】：

我在 listiview 中的图像 select/unselect 中遇到问题。 就我而言，

ByDefault->image color(Yellow)
First click->image color(Orange)
Second click->image color(Yellow)

如果用户点击过那么完美，但是当用户第一次点击第一张图片和第二次点击第二张图片时，两个图片颜色都是橙色（这是问题）。

在我的情况下，一次只有一种图像颜色是橙色（表示已选择）。

【问题讨论】：

请添加一些代码或图像。对我来说很难理解。

@Yul 看到这个pastebin.com/3eeZ38dN

【参考方案1】：

如果你只支持 HoneyComb 及以上，那就简单了。创建一个 StateListDrawable 并将其设置为列表视图项的背景。

selector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_activated="true" android:drawable="@drawable/item_focus" />
    <item android:drawable="@android:color/transparent" />
</selector>

listview 项目的布局

<ImageView
    android:id="@+id/image"
    android:layout_
    android:layout_
    android:padding="5dp" />

最后，将您的列表视图选择模式设置为SINGLE

list.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

2。如果您设法支持 pre HoneyComb，您将不得不编写自己的布局工具可检查。您这样做是为了使用检查状态进行锻炼。以 LinearLayout 为例（其他人也可以这样做）。

 package com.example.listviewactivestate;

 import android.content.Context;
 import android.util.AttributeSet;
 import android.view.View;
 import android.widget.Checkable;
 import android.widget.LinearLayout;

 public class CustomLinearLayout extends LinearLayout implements Checkable 


private static final int[] CHECKED_STATE_SET =  android.R.attr.state_checked ;

private boolean checked = false;

public CustomLinearLayout (Context context, AttributeSet attrs) 
    super(context, attrs);


public CustomLinearLayout (Context context) 
    super(context);


@Override
public boolean isChecked() 
    return checked;


@Override
public void setChecked(boolean checked) 
    this.checked = checked;

    refreshDrawableState();

    // Propagate to childs
    final int count = getChildCount();
    for (int i = 0; i < count; i++) 
        final View child = getChildAt(i);
        if (child instanceof Checkable) 
            ((Checkable) child).setChecked(checked);
        
    


@Override
protected int[] onCreateDrawableState(int extraSpace) 
    final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
    if (isChecked()) 
        mergeDrawableStates(drawableState, CHECKED_STATE_SET);
    
    return drawableState;


@Override
public void toggle() 
    this.checked = !this.checked;

 

在 xml 中使用这个自定义视图

 <?xml version="1.0" encoding="utf-8"?>
 <com.example.listviewactivestate.CustomLinearLayout 

 xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:orientation="vertical"
android:background="@drawable/selector"
>

<ImageView
    android:id="@+id/image"
    android:layout_
    android:layout_
    android:padding="5dp" />

</com.example.listviewactivestate.CustomLinearLayout >

将state_activated 更改为state_checked

<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:state_checked="true" android:drawable="@drawable/item_focus" />
   <item android:drawable="@android:color/transparent" />
</selector>

还将列表视图选择模式设置为SINGLE。如果不行，就这样添加onItemClickEvent

list.setOnItemClickListener(new OnItemClickListener() 

            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) 
                // TODO Auto-generated method stub
                list.setItemChecked(position, true);//make sure click item is set to checked.

            
        );

【讨论】：

谢谢。但在我的布局中，我有 2 个 textview 和 imageview。所以如何制作只有颜色的 imageview，我的 textview 也可以点击。

我认为您可以将上面的布局包装在另一个布局中并添加更多 2 个按钮。

是的，我有主要的线性布局，然后是所有具有相关布局的对象。