Android利用layer-list实现的按钮按动效果

按钮按动效果由三部分组成：按压前背景图、按压后背景图、文字位置的变化

按压前背景图：使用layer-list，在主背景下叠加一层颜色图片，通过设置left/top/right/bottom使其立体

<!--distance、corners这里分别为5dp、10dp，具体可以自定--> <!--可以变更具体的偏移方向以使其向不同方向立体--> <layer-list> <item android:top="@dimen/distance" android:left="@dimen/distance"> <shape> <solid android:color="#779E9E9E"/> <corners android:radius="@dimen/corners"/> </shape> </item> <item android:bottom="@dimen/distance" android:right="@dimen/distance"> <shape> <solid android:color="@color/blue"/> <corners android:radius="@dimen/corners"/> </shape> </item> </layer-list>

按压后背景图：将按压前背景中设置的偏移方向全部反过来（原来top的改为bottom、原来left的改为right，其余同理）,并将主背景下的颜色图片改为透明，同时也可将主背景的颜色换成淡色的，使效果更好

<layer-list> <item android:bottom="@dimen/distance" android:right="@dimen/distance"> <shape> <solid android:color="@android:color/transparent"/> <corners android:radius="@dimen/corners"/> </shape> </item> <item android:top="@dimen/distance" android:left="@dimen/distance"> <shape> <solid android:color="#81D4FA"/> <corners android:radius="@dimen/corners"/> </shape> </item> </layer-list>

然后就可以用selector将其组装起来应用到按钮的背景

<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="false"> <!--按压前背景图--> </item> <item android:state_pressed="true"> <!--按压后背景图--> </item> </selector>

到此，对于无文字的按钮而言，便已经可以了

控制文字位置变化：对按钮而言，整个视觉上的三维实则为为它的二维背景，所以文字并不会处于主背景的中间（这一点，你可通过在按钮的原有内边距基础上，在加上你在相应方向上设置的distance以使其在主背景居中），同时，文字也不会随着主背景的位置变化而变化位置，所以对有文字按钮，需动态的更改文字位置（这里通过动态变化文字内边距来实现，也许有更好的方法）

在按钮的点击中，有多种过程：

DOWN -> UP（简单的点击）DOWN -> MOVE(没有移出按钮) -> UP（按下后稍微移动了一下再抬起）DOWN -> MOVE(移出了按钮)（按下后移出了按钮）

故具体的设计思路是：复写按钮所在Activity的dispatchTouchEvent方法，首先检查一次事件中是否发生在了按钮上，若是，则在DOWN事件中将文字设置为按压后的内边距，在UP事件中将文字设置为按压前的内边距；若不是，则在MOVE事件将文字设置为按压前的内边距，同时将按钮的按压状态设置为false，即取消按钮的按压状态。

// needRestore是初值为false的一个boolean变量，用来避免多次执行MOVE事件中的代码 // 10dp为我的按钮原本设置的内边距，5dp为layer-list中设置的distance，15dp即两者之和 @Override public boolean dispatchTouchEvent(MotionEvent ev) { int[] leftAndTop = new int[2];// [left, top] button.getLocationInWindow(leftAndTop); // 检查是否发生在按钮上 if (ev.getX() >= leftAndTop[0] && ev.getX() <= (leftAndTop[0] + button.getWidth()/*right*/) && ev.getY() >= leftAndTop[1] && ev.getY() <= (leftAndTop[1] + button.getHeight()/*bottom*/)) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: needRestore = true; button.setPadding(fromDpToPx(15), fromDpToPx(5), fromDpToPx(10), 0); break; case MotionEvent.ACTION_UP: needRestore = false; button.setPadding(fromDpToPx(10), 0, fromDpToPx(15), fromDpToPx(5)); break; } } else { if (needRestore) { needRestore = false; button.setPadding(fromDpToPx(10), 0, fromDpToPx(15), fromDpToPx(5)); button.setPressed(false); } } return super.dispatchTouchEvent(ev); }

能力所限，不足之处烦请多多指教！