web-dev-qa-db-ja.com

ボタンの影を削除する方法（Android）

ボタンの影をより平らに見せるために、ボタンから影を取り除きます。

私は今これを持っています：

cancel button with shadow

しかし、私はこれが欲しい：

cancel button without shadow

androidbuttonshadow
116
sousheel

もう一つの選択肢は追加することです

style="?android:attr/borderlessButtonStyle"

ここに記載されているようにあなたのボタンxmlに http://developer.Android.com/guide/topics/ui/controls/button.html

例は

<Button
Android:id="@+id/button_send"
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:text="@string/button_send"
Android:onClick="sendMessage"
style="?android:attr/borderlessButtonStyle" />
305
Alt-Cat

もっと簡単な方法は、このタグをボタンに追加することです。

Android:stateListAnimator="@null"

ただし、APIレベル21以上が必要です。

82
Alon Kogan

カスタムスタイルを使う

<style name="MyButtonStyle" parent="@style/Widget.AppCompat.Button.Borderless"></style>
43
郑松岚

Java

setStateListAnimator(null);

XML

Android:stateListAnimator="@null"
29
Michael

試してみてください：Android:stateListAnimator="@null"

21
ghui zhang

これをボタンの背景として使用すると効果的な場合があります。必要に応じて色を変更してください。

<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:state_pressed="true" >
        <shape Android:shape="rectangle">
            <solid Android:color="@color/app_theme_light" />
            <padding
                Android:left="8dp"
                Android:top="4dp"
                Android:right="8dp"
                Android:bottom="4dp" />
        </shape>
    </item>
    <item>
        <shape Android:shape="rectangle">
            <solid Android:color="@color/app_theme_dark" />
            <padding
                Android:left="8dp"
                Android:top="4dp"
                Android:right="8dp"
                Android:bottom="4dp" />
        </shape>
    </item>
</selector>
6
dlohani

マテリアルデザインのボタンがボタンxmlに追加：style="@style/Widget.MaterialComponents.Button.UnelevatedButton"

4
Efi G

Buttonの代わりに、TextViewを使用してJavaコードにクリックリスナーを追加することができます。

すなわち.

アクティビティレイアウトxmlで、

<TextView
    Android:id="@+id/btn_text_view"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:background="@color/colorPrimaryDark"
    Android:text="@string/btn_text"
    Android:gravity="center"
    Android:textColor="@color/colorAccent"
    Android:fontFamily="sans-serif-medium"
    Android:textAllCaps="true" />

アクティビティJavaファイル内：

TextView btnTextView = (TextView) findViewById(R.id.btn_text_view);
btnTextView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // handler code
            }
        });
3
caitoo0o

@ Alt-Catの答えが私のために働く！

R.attr.borderlessButtonStyleは影を含みません。

そしてbuttonのドキュメントは素晴らしいです。

また、2番目のコンストラクタで、カスタムボタンにこのスタイルを設定できます。

    public CustomButton(Context context, AttributeSet attrs) {
        this(context, attrs, R.attr.borderlessButtonStyle);
    }
3
Xiang Li

上記のすべての答えは素晴らしいですが、他の選択肢を提案します。

<style name="FlatButtonStyle" parent="Base.Widget.AppCompat.Button">
 <item name="Android:stateListAnimator">@null</item>
 <!-- more style custom here --> 
</style>
1
Duc Thang