Android：按钮上的透明背景转换

Question

修改

我尝试了一些代码：

活动代码：

AnimationDrawable buttonAnimation;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_button_testning);

    ImageView animationView = (ImageView) findViewById(R.id.buttonTestView);
    if(animationView != null) {
        animationView.setVisibility(View.VISIBLE);
        buttonAnimation = (AnimationDrawable) animationView.getDrawable();
    }

}

@Override
public boolean onTouchEvent(MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN) {
        buttonAnimation.start();
        return true;
    }
    return super.onTouchEvent(event);
}

Drawable test.xml（Rect和Line_bottom是矩形和底线，可以在下面看到）：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item >
        <bitmap android:src="@drawable/rect" />
    </item>
    <item android:bottom="-4dp" >
        <bitmap android:src="@drawable/line_bottom" android:gravity="bottom"/>
    </item>
</layer-list>

Drawable text_end.xml：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:bottom="-2dp">
        <bitmap android:src="@drawable/rect" />
    </item>
    <item android:bottom="-4dp" >
        <bitmap android:src="@drawable/line_bottom" android:gravity="bottom"/>
    </item>
</layer-list>

重要的是矩形向下移动到线条而不是它们一起移动。然后下一步是向它添加文本，但是没有达到该步骤。

-----------老-----------

我正在尝试设计一个按钮，当您点击它时会转换。按钮（如下所示）是两部分。带有文本的框和下面的一行。当您按下按钮时，框应向下滑动到该行。

我尝试在图层列表中使用形状和/或位图来构建它，但它不起作用。任何人都知道如何做到这一点？

重要的是它是动画的，而不仅仅是点击时显示的其他图像。

以下是图片：