Android如何扩大按钮点击区域

注:这里实现的扩大按钮点击区域是使按钮的实际可点击区域大于我们所见的区域。

方法一:通过ImageView ImageButton实现
        <ImageButton
                android:layout_width="44dp"
                android:layout_height="44dp"
                android:background="@null"
                 android:padding="5dp"
                android:cropToPadding="true"
                android:adjustViewBounds="true"
                android:src="@drawable/jiantou_l" />
通过设置  android:cropToPadding="true"   android:padding="5dp" 是按钮实际大小为 44dp,而实际显示区域为39dp。
这样就可以解决因为按钮太小不好点击的问题。但是当我们使用的按钮上有文字的时候这种方法可能就没法满足要求了,这时候
我们需要用到第二种方法

方法二:通过自定义drawable文件解决
  <?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>

                    <solid android:color="@color/transparent" />

                </shape>

            </item>

             <item android:bottom="15dp" android:left="15dp" android:right="15dp" android:top="15dp">

                <shape>

                    <!-- 中间的背景色 -->

                    <solid android:color="@color/bt_bg_color_pressed_solid" />

                    <!-- 设置四个角的角度 -->


                    <corners android:radius="6dp" />

                    <!-- 边缘线的宽度和颜色 -->

                    <stroke android:width="1dp" android:color="@color/bt_bg_color_pressed_stroke" />



                </shape>

            </item>

        </layer-list>

    </item>

    <item android:state_pressed="false">

        <layer-list>

            <item>

                <shape>

                    <solid android:color="@color/transparent" />

                </shape>

            </item>

             <item android:bottom="15dp" android:left="15dp" android:right="15dp" android:top="15dp">

                <shape>

                    <!-- 中间的背景色 -->

                    <solid android:color="@color/down_color" />

                    <!-- 设置四个角的角度 -->


                    <corners android:radius="6dp" />

                    <!-- 边缘线的宽度和颜色 -->

                    <stroke android:width="1dp" android:color="@color/down_color" />

                </shape>

            </item>


        </layer-list>

    </item>

</selector>
通过    <layer-list> 将两个 shape进行叠加    <item android:bottom="15dp" android:left="15dp" android:right="15dp" android:top="15dp"> 通过设置第二个 shape的左右边距,从而达到扩大点击区域的效果。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值