您的位置:首页 > 移动开发 > Android开发

Android如何扩大按钮点击区域

2015-08-11 13:25 483 查看
注:这里实现的扩大按钮点击区域是使按钮的实际可点击区域大于我们所见的区域。

方法一:通过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的左右边距,从而达到扩大点击区域的效果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android java