设置圆角图片点击效果

最新推荐文章于 2024-09-07 06:07:59 发布

Ricardoldc

最新推荐文章于 2024-09-07 06:07:59 发布

阅读量110

点赞数

本文链接：https://blog.csdn.net/qq_35911516/article/details/109567324

版权

固定图片资源的圆角ImageView点击效果设置

1.在src文件夹下的drawable文件夹中新建drawable文件

//selector_minigame_collection_my_game_btn_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    //点击后展示的效果
    <item android:state_pressed="true">
        <layer-list>
            <item>
                <shape>
                    //点击后图片上方的遮罩颜色为#66000000
                    <solid android:color="@color/hui_66000000"/>
                    //图片的圆角半径为7dp
                    <corners android:radius="7dp"/>
                </shape>
            </item>

            <item android:drawable="@mipmap/minigame_png_my_like"/>
        </layer-list>
    </item>

    //未点击状态下展示的图片资源
    <item android:drawable="@mipmap/minigame_png_my_like" />
    
</selector>

2.在ImageView中通过android:background属性来设置点击效果

<ImageView
    android:layout_width = "wrap_content"
    android:layout_height = "wrap_content"
    ...
    android:background="@drawable/selector_minigame_collection_my_game_btn_bg"/>

未固定图片资源的ImageView设置点击效果

在ImageView的上方覆盖一层新的形状&大小与ImageView相同的view，将该view的background进行如下设置

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="@color/hui_66000000" />
            <corners android:radius="7dp" />
        </shape>
    </item>
    
    //未点击时是透明的
    <item android:drawable="@drawable/transparent" />
</selector>