如何在ScrollView中从imageview中选择项目？

Question

由于我是android工作室的新手，请耐心等待。我想制作一个滚动视图，包含具有相应名称（textview）的图像。我想能够通过在滚动视图中触摸它来选择一个图像，但我不知道如何选择。我已经实现了这样的滚动视图，我也想能够添加图片与一个名称附加到他们。

main_activity.xml

        android:id="@+id/scrollFilterView"
        android:layout_width="fill_parent"
        android:layout_height="130dp"
        android:scrollbars="none"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.57"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="1.0">

        <LinearLayout
            android:id="@+id/gallery"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal" />
    </HorizontalScrollView>

ScrollView.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/filterView"
        android:layout_width="90dp"
        android:layout_height="90dp"
        app:srcCompat="@android:drawable/sym_def_app_icon"
        android:contentDescription="filterView" />

    <TextView
        android:id="@+id/textFilter"
        android:layout_width="90dp"
        android:gravity="center"
        android:layout_height="wrap_content"
        android:text="textFilter" />

mainactivity.java

LayoutInflater inflater = LayoutInflater.from(this);

        for (int i = 0; i < NUMBER_OF_FILTERS_GRID; i++ ) {

            View scrollView = inflater.inflate(R.layout.scrollview, gallery, false);

            TextView textview = scrollView.findViewById(R.id.textFilter);
            textview.setText("Filter "+ i);

            ImageView filterView = scrollView.findViewById(R.id.filterView);
            filterView.setImageResource(R.mipmap.ic_launcher);

            gallery.addView(scrollView);
        }
    }

如果这是正确的路径，我应该使用什么功能，我非常赞赏的一些输入：）

Answer 1

使用RecolyerView而不是ListView，并与and adapter一起使用，这将授予您对列表上显示的每个项的更多控制权（在本例中是在RecolyerView中），您将需要创建and adapter类，一个用于您的项的简单类和一个新的XML布局，该布局将用作列表中每个项的模型。

项目的简单类：

public class dataSetItem {

private Integer image;
private String listItemText;

public Integer getImage() {
return image;
}

public void setImage(Integer image) {
this.image = image;
}

public String getListItemText() {
return listItemText;
}

public void setListItemText(String listItemText) {
this.listItemText = listItemText;
}

}

在mainActivity中删除listView和for循环,改用以下内容：

  public class MyActivity extends Activity {
        private RecyclerView recyclerView;
        private RecyclerView.Adapter mAdapter;
        private RecyclerView.LayoutManager layoutManager;
        private ArrayList mAdapter = new ArrayList();

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.my_activity);
            recyclerView = (RecyclerView) findViewById(R.id.your_recycler_view);

            mDataset.add(dataSetItem("item 1", R.mipmap.ic_launcher))
            mDataset.add(dataSetItem("item 2", R.mipmap.ic_launcher))

            // You can add more items to the mDataset list and call the adapter again to update the RecyclerView




            // use a linear layout manager
            layoutManager = new LinearLayoutManager(this);
            recyclerView.setLayoutManager(layoutManager);

            // specify an adapter (see also next example)
            mAdapter = new MyAdapter(myDataset);
            recyclerView.setAdapter(mAdapter);
        }
        // ...
    }

创建以下XML布局，该布局将作为每个项目的模型，称为my_item_list_layout:

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


            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal"
                android:gravity="center">

                <ImageView
                    android:id="@+id/the_image_i_want_to_click"
                    android:layout_width="80dp"
                    android:layout_margin="10dp"
                    android:layout_height="80dp"
                    android:layout_gravity="center"
                    android:layout_marginLeft="10dp"
                    android:background="@color/ADRBlack"
                    />
                    <TextView
                        android:id="@+id/item_name"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:maxWidth="220dp"
                        android:textColor="@color/Black"
                        android:textSize="16sp"
                        tools:text="Example Restaurant" />
                </LinearLayout>
</LinearLayout>

现在是adapter类,在本例中称为MyAdapter：

 public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
        private customItem[] mDataset;

        // Provide a reference to the views for each data item
        // Complex data items may need more than one view per item, and
        // you provide access to all the views for a data item in a view holder
        public static class MyViewHolder extends RecyclerView.ViewHolder {
            // each data item is just a string in this case
            public TextView textView;
            public MyViewHolder(TextView v) {
                super(v);
                textView = v;
            }
        }

        // Provide a suitable constructor (depends on the kind of dataset)
        public MyAdapter(customItem[] myDataset) {
            mDataset = myDataset;
        }

        // Create new views (invoked by the layout manager)
        @Override
        public MyAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent,
                                                       int viewType) {
            // create a new view
            TextView v = (TextView) LayoutInflater.from(parent.getContext())
                    .inflate(R.my_item_list_layout, parent, false);
                       

            MyViewHolder vh = new MyViewHolder(v);
            return vh;
        }

        // Replace the contents of a view (invoked by the layout manager)
        @Override
        public void onBindViewHolder(MyViewHolder holder, int position) {
            // - get element from your dataset at this position
            // - replace the contents of the view with that element
            holder.textView.setText(mDataset[position].getListItemText);
            holder.textView.setBackground(mDataset[position].getImage);

            //Now to do something when you clic the image use this

            holder.textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
            
                //Your action here

           }
          });

        }

        // Return the size of your dataset (invoked by the layout manager)
        @Override
        public int getItemCount() {
            return mDataset.length;
        }
    }