如何在ScrollView中选中ImageView？Android Studio新手技术求助

Hey there! 先给你打个气——你当前的实现思路完全正确，对于Android Studio新手来说，用HorizontalScrollView嵌套LinearLayout来构建横向滚动的图片+名称列表，是非常直观且易上手的方案，完全符合你的需求场景。下面就针对你需要的两个核心功能，一步步讲清楚该怎么做：

一、实现ImageView触摸选中功能 #

你需要给每个动态生成的子项（或者直接给ImageView）添加交互事件，同时维护选中状态的切换。这里推荐用点击事件（简单易实现），如果需要更细腻的触摸反馈（比如按下时就有视觉变化），也可以用触摸事件。

1. 基础点击选中实现 #

在你动态添加子项的循环里，给每个子项View添加点击监听器，同时处理选中状态的重置与设置：

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);

    // 添加点击选中逻辑
    scrollView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // 第一步：重置所有子项的选中状态
            for (int j = 0; j < gallery.getChildCount(); j++) {
                View childItem = gallery.getChildAt(j);
                ImageView childIv = childItem.findViewById(R.id.filterView);
                // 重置为默认样式，比如去掉背景/边框
                childIv.setBackground(null);
                // 也可以同步修改TextView的样式，比如恢复默认颜色
                TextView childTv = childItem.findViewById(R.id.textFilter);
                childTv.setTextColor(getResources().getColor(R.color.black));
            }

            // 第二步：设置当前点击项的选中样式
            ImageView selectedIv = v.findViewById(R.id.filterView);
            // 给选中的ImageView加个边框/背景，比如用颜色
            selectedIv.setBackgroundColor(getResources().getColor(R.color.blue));
            // 同步修改TextView样式
            TextView selectedTv = v.findViewById(R.id.textFilter);
            selectedTv.setTextColor(getResources().getColor(R.color.blue));
        }
    });

    gallery.addView(scrollView);
}

2. 更优雅的选中样式：用Selector Drawable #

如果想让选中状态的切换更流畅（比如按下、选中、默认状态有不同反馈），可以创建一个选择器Drawable：

1. 在res/drawable目录下新建filter_item_selector.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中状态 -->
    <item android:state_selected="true">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/transparent"/>
            <stroke android:width="2dp" android:color="@color/blue"/>
            <corners android:radius="4dp"/>
        </shape>
    </item>
    <!-- 按下状态 -->
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#1A0000FF"/>
            <corners android:radius="4dp"/>
        </shape>
    </item>
    <!-- 默认状态 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@android:color/transparent"/>
        </shape>
    </item>
</selector>

2. 给scrollview.xml里的ImageView设置这个背景：

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

3. 点击事件里只需要设置selected状态即可，代码更简洁：

scrollView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // 重置所有子项的选中状态
        for (int j = 0; j < gallery.getChildCount(); j++) {
            View childItem = gallery.getChildAt(j);
            childItem.setSelected(false);
        }
        // 设置当前项为选中状态
        v.setSelected(true);
    }
});

二、实现动态添加带名称的图片功能 #

你已经有了静态循环添加的逻辑，只需要把这个逻辑封装成一个可复用的方法，之后在需要添加的地方（比如按钮点击、接口回调等）调用即可：

1. 封装添加方法 #

// 定义一个方法，传入名称和图片资源ID
private void addNewFilter(String filterName, int imageResId) {
    LayoutInflater inflater = LayoutInflater.from(this);
    View newFilterItem = inflater.inflate(R.layout.scrollview, gallery, false);

    // 设置名称
    TextView filterNameTv = newFilterItem.findViewById(R.id.textFilter);
    filterNameTv.setText(filterName);
    // 设置图片
    ImageView filterIv = newFilterItem.findViewById(R.id.filterView);
    filterIv.setImageResource(imageResId);

    // 别忘了给新添加的项也加上选中逻辑（复用之前的点击监听器即可）
    newFilterItem.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // 这里的代码和之前的选中逻辑完全一样，也可以把选中逻辑提取成单独的方法复用
            for (int j = 0; j < gallery.getChildCount(); j++) {
                gallery.getChildAt(j).setSelected(false);
            }
            v.setSelected(true);
        }
    });

    // 添加到容器中
    gallery.addView(newFilterItem);
}

2. 调用方法添加新项 #

比如你可以加一个按钮，点击后添加新的过滤器：

// 假设你有一个id为btn_add_filter的按钮
Button addBtn = findViewById(R.id.btn_add_filter);
addBtn.setOnClickListener(v -> {
    // 调用方法添加，这里用示例数据，你可以换成自己的动态数据
    addNewFilter("New Filter " + gallery.getChildCount(), R.mipmap.new_filter_icon);
});

一些新手友好的优化建议 #

• 给scrollview.xml的根LinearLayout加android:layout_margin="8dp"，让子项之间有间距，不会挤在一起；
• 如果后续需要加载大量图片，建议用图片加载库来处理图片加载，避免内存问题，但当前阶段用setImageResource完全足够；
• 当你的列表项数量变多后，HorizontalScrollView的性能会不如RecyclerView+HorizontalLayoutManager，但作为入门，当前方案已经非常合适，等你熟悉基础后再考虑升级。

内容的提问来源于stack exchange，提问作者The dickmaster