如何在一行中实现两个平行图像视图的列表视图

Question

我不知道这个问题的正确标题应该是什么，但我的问题非常令人惊讶，不知道这是否可能。这是我的问题

我有一系列的图像，我想在ListView中设置它们。以下是ListView行Xml。（命名为anim_list_row）

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="100"
    >

    <ImageView
        android:layout_width="0dp"
        android:layout_height="350dp"
        android:scaleType="fitXY"
        android:id="@+id/iv_dummy_left"
        android:layout_marginLeft="5dp"
        android:layout_weight="50"/>
    <ImageView
        android:layout_width="0dp"
        android:layout_height="350dp"
        android:scaleType="fitXY"
        android:id="@+id/iv_dummy_right"
        android:layout_weight="50"
        android:layout_marginRight="5dp"/>
</LinearLayout>

在这里你可以看到，我想在两个不同的图像中设置两个不同图像，比如说左图像视图和右图像视图。以下是我的适配器类

public class MListAdapter extends BaseAdapter {

private Context context;
private ArrayList<AnimListItems> mAnimListItems;
public MListAdapter(Context context, ArrayList<AnimListItems> mAnimListItems){
    this.context = context;
    this.mAnimListItems = mAnimListItems;
}

@Override
public int getCount() {
    return mAnimListItems.size();
}
@Override
public Object getItem(int position) {
    return navDrawerItems.get(position);
}
@Override
public long getItemId(int position) {
    return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
    if (convertView == null) {
        LayoutInflater mInflater = (LayoutInflater)
                context.getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
        convertView = mInflater.inflate(R.layout.anim_list_row, null);
    }
    ImageView imgIconLeft = (ImageView) convertView.findViewById(R.id.iv_dummy_left);
    ImageView imgIconRight = (ImageView) convertView.findViewById(R.id.iv_dummy_right);
    //TextView txtTitle = (TextView) convertView.findViewById(R.id.title);

    imgIconLeft.setImageResource(navDrawerItems.get(position).getIcon());
     //if I do not do +1 here it sets same image to both left and right ImageView 
    imgIconRight.setImageResource(navDrawerItems.get(position+1).getIcon());
    // txtTitle.setText(navDrawerItems.get(position).getTitle());

    return convertView;
}

}

所以这个列表视图正在工作，但它正在为行中的两个ImageView分配相同的图像。如果我按照做+1

imgIconRight.setImageResource（navDrawerItems.get（position+1）.getIcon（））

然后它有助于改变行中右侧的图像视图，但第二行在其第一个图像视图中重复图像（我的意思是第二行左侧的图像视图中的图像与第一行右侧的图像相同。）

那么什么是的解决方案

• 在行中重复图像
• 以及如何获取图像的每个ImageView id及其资源id，以便了解哪个图像已被单击。然后我可以将该图像设置到另一个活动的ImageView中。我的意思是，我想知道用户点击了哪个图像，所以我想在其他活动的ImageView中设置相同的图像

Answer 1

Hello如果你想使用一个单独的数组，那么我已经为你的问题快速制作了一个演示示例，我认为它会对你有所帮助。

MainActivity.java

public class MainActivity extends ActionBarActivity {
    Item item;
    ArrayList<Object> obj = new ArrayList<Object>();
    MListAdapter adapter;
    ListView lv;
    int[] arrEnabledImageIds = new int[] { R.drawable.ic_launcher,
            R.drawable.ic_delete_icon, R.drawable.ic_delete_icon,
            R.drawable.ic_launcher, R.drawable.ic_delete_icon,
            R.drawable.ic_launcher };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv = (ListView) findViewById(R.id.listView1);
        for (int i = 0; i < arrEnabledImageIds.length; i++) {
            Item itemInfo = new Item();
            itemInfo.image1 = arrEnabledImageIds[i];
            i++;
            itemInfo.image2 = arrEnabledImageIds[i];
            obj.add(itemInfo);
        }
        adapter = new MListAdapter(this, R.layout.row, obj);
        lv.setAdapter(adapter);
    }
}

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
     >
    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>
</LinearLayout>

Item.java

public class Item implements Serializable {
    public static final long serialVersionUID = 1L;
    public int image1;
    public int image2;
}

row.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
    <ImageView
        android:id="@+id/ivLeft"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />
    <ImageView
        android:id="@+id/ivRight"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />
</LinearLayout>

MListAdapter.java

public class MListAdapter extends ArrayAdapter<Object> {
    private Context context;
    int resId;
    private ArrayList<Object> mAnimListItems;
    public MListAdapter(Context context, int textViewResourceId,
            ArrayList<Object> mAnimListItems) {
        super(context, textViewResourceId, mAnimListItems);
        this.resId = textViewResourceId;
        this.context = context;
        this.mAnimListItems = mAnimListItems;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            LayoutInflater mInflater = (LayoutInflater) context
                    .getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
            convertView = mInflater.inflate(resId, null);
        }
        ImageView imgIconLeft = (ImageView) convertView
                .findViewById(R.id.ivLeft);
        ImageView imgIconRight = (ImageView) convertView
                .findViewById(R.id.ivRight);
        // TextView txtTitle = (TextView) convertView.findViewById(R.id.title);
        Item item = (Item) mAnimListItems.get(position);
        imgIconLeft.setImageResource(item.image1);
        // if I do not do +1 here it sets same image to both left and right
        // ImageView
        imgIconRight.setImageResource(item.image2);
        // txtTitle.setText(navDrawerItems.get(position).getTitle());
        return convertView;
    }
}

Answer 2

尝试使用两个不同的数组/数组列表来分别存储左侧和右侧图像。将标签设置为左图像的l+位置将标签设置为右图像的r+位置你可以通过识别点击的图像

 imgIconLeft.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
        if(v.getTag.toString().contains("l"){
      // then it's a left button.
String position=v.getTag.toString().subString(1,v.getTag.toString().length()-1);
// to get position
}
});