我想在 Android 中實現(xiàn)這個按鈕動畫。下面的示例來自 iOS。我希望陰影在用戶單擊按鈕時消失，并在用戶釋放按鈕后重新出現(xiàn)。任何幫助將不勝感激。
4 回答
素胚勾勒不出你
TA貢獻1827條經(jīng)驗 獲得超9個贊
您需要添加如下顏色。例如，顏色名稱是button_text_color.xml。這是需要放在color文件夾中的 .xml 文件。如果該color文件夾不存在，請在您的res目錄中創(chuàng)建一個。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#50FFFFFF" android:state_pressed="true" />
<item android:color="#FFFFFF" android:state_pressed="false" />
</selector>
檢查我是否在按下狀態(tài)下為白色添加了 50% 的透明度?，F(xiàn)在只需在聲明它的地方添加這個屬性Button。
現(xiàn)在您需要一個背景可繪制對象，將其放入您的drawable文件夾中。例如，讓我們將可繪制對象的名稱設(shè)為button_state_list_animator.xml. 這應該有以下內(nèi)容。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false">
<layer-list>
<item>
<shape>
<solid android:color="@android:color/darker_gray" />
<corners android:radius="19dp" />
</shape>
</item>
<item android:bottom="5px">
<shape>
<padding android:bottom="5dp" />
<gradient android:angle="270" android:endColor="#163969" android:startColor="#1c4985" />
<corners android:radius="19dp" />
<padding android:bottom="10dp" android:left="10dp" android:right="5dp" android:top="10dp" />
</shape>
</item>
</layer-list>
</item>
<item android:state_pressed="true">
<layer-list>
<item>
<shape>
<solid android:color="#102746" />
<corners android:radius="19dp" />
</shape>
</item>
<item android:bottom="5px">
<shape>
<padding android:bottom="5dp" />
<gradient android:angle="270" android:endColor="#163969" android:startColor="#1c4985" />
<corners android:radius="19dp" />
<padding android:bottom="10dp" android:left="10dp" android:right="5dp" android:top="10dp" />
</shape>
</item>
</layer-list>
</item>
</selector>
現(xiàn)在您的按鈕構(gòu)造很簡單。
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_margin="32dp"
android:background="@drawable/button_state_list_animator"
android:text="Save Changes"
android:textColor="@color/button_text_color" />
這是我的代碼的屏幕截圖。
您也可以使用該庫來制作下推動畫，如答案中所述。
慕工程0101907
TA貢獻1887條經(jīng)驗 獲得超5個贊
你可以使用這個庫：pushdown-anim-click
如何安裝：
compile( 'com.github.thekhaeng:pushdown-anim-click:1.1.1' ){
exclude group: 'com.android.support'
}
如何使用：
Button button = findViewById( R.id.button );
PushDownAnim.setPushDownAnimTo( button, ... )
.setOnClickListener( new View.OnClickListener(){
@Override
public void onClick( View view ){
Toast.makeText( MainActivity.this, "PUSH DOWN !!", Toast.LENGTH_SHORT ).show();
}
});
對于陰影：
正如我看到的庫文件，只有三個 java 文件。他只是使用類來為按鈕設(shè)置動畫。您可以通過這種方式在您的按鈕中添加陰影。即使我已經(jīng)創(chuàng)建了問題，您也可以繼續(xù)關(guān)注這一點。
嗶嗶one
TA貢獻1854條經(jīng)驗 獲得超8個贊
單擊按鈕時在自定義按鈕上使用動畫效果（如下面的代碼）。
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXScale="1"
android:toXScale="0.8"
android:fromYScale="1"
android:toYScale="0.8"
android:duration="500"
android:pivotX="50%"
android:pivotY="50%" >
</scale>
<alpha
android:fromAlpha="1"
android:toAlpha="0.8"
android:duration="500">
</alpha>
</set>
使用按鈕單擊設(shè)置動畫。
btn_custom.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Animation animation = AnimationUtils.loadAnimation(getApplicationContext(), R
.anim.animation_btn);
btn_custom.startAnimation(animation);
}
});
嘗試根據(jù)需要更改 alpha 值并查看效果。
慕無忌1623718
TA貢獻1744條經(jīng)驗 獲得超4個贊
添加背景為按鈕下方陰影的布局。在button.setOnTouchListener按下按鈕時隱藏布局并在釋放時使其可見。但是，它僅在陰影位于下方時才有效。
添加回答
舉報
0/150
提交
取消