Android开发：点击ImageButton无法显示边框/描边问题求助

我来帮你捋捋这个问题——你已经做了selector和shape的基础配置，也尝试在代码里设置选中/按压状态，但边框还是没出来，大概率是几个容易忽略的细节没处理好，咱们一步步来改：

1. 修复Selector的状态逻辑 #

你当前的selector只监听了state_pressed状态，但这个状态是短暂的——点击事件触发后，系统会立刻把按钮恢复到非按压状态，所以你在onClick里调用setPressed(true)根本留不住这个状态。如果想点击后保持边框（比如选中效果），得给selector加上state_selected的配置：

<!-- ib_selector.xml 修改后 -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按压时显示边框 -->
    <item android:state_pressed="true" android:drawable="@drawable/ib_shape_corner" />
    <!-- 选中状态时也显示边框 -->
    <item android:state_selected="true" android:drawable="@drawable/ib_shape_corner" />
    <!-- 默认透明 -->
    <item android:drawable="@android:color/transparent" />
</selector>

2. 调整点击事件的代码逻辑 #

既然要靠selected状态保持边框，那代码里就不用管setPressed(true)了，改成切换选中状态就行（这样用户再次点击还能取消边框）：

ib_img.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // 切换选中状态，点击一次显示边框，再点一次隐藏
        ib_img.setSelected(!ib_img.isSelected());
        // 你的业务逻辑继续写在这里
    }
});

3. 优化Shape和ImageButton的配置 #

• 先简化你的shape文件，四个圆角可以用android:radius统一设置，避免重复代码；另外shape里的padding可以去掉，因为你的ImageButton已经设置了android:padding="5dp"，重复设置可能会挤压边框：

<!-- ib_shape_corner.xml 修改后 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="3dp" android:color="@color/blue1" />
    <corners android:radius="8dip" />
</shape>

• 检查@color/blue1是不是一个可见的颜色（别是透明或者和页面背景色一样），这会导致边框看起来没显示；
• 给ImageButton加个android:scaleType="fitCenter"，确保src里的图片不会完全覆盖background的边框：

<!-- main.xml 里的ImageButton修改后 -->
<ImageButton 
    android:id="@+id/ib_img" 
    android:layout_width="160dp" 
    android:layout_height="100dp" 
    android:background="@drawable/ib_selector" 
    android:src="@drawable/ic_img" 
    android:padding="5dp"
    android:scaleType="fitCenter" />

4. 额外排查点 #

如果上面的修改还是没效果，检查一下：

• 你的ImageButton是不是在ScrollView、RecyclerView这类容器里？如果是，需要加上android:focusable="true"和android:focusableInTouchMode="true"，确保状态能正确触发；
• 有没有其他样式或者主题覆盖了ImageButton的background？可以暂时把主题换成默认主题测试一下。

按照这些步骤修改后，点击ImageButton应该就能正常显示边框啦！

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