ボタンの影を削除する方法(Android)


回答:


403

別の選択肢は追加することです

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" />

これにより、ボタンのスタイル、つまり影とエンボスが削除されます。形状を持つセレクターの追加はオプションです。これはより正確な答えです。
ファンホセメレロゴメス2016

35
また、ボタンにはカスタムスタイルを使用しています。<style name = "MyCustomButtonStyle" parent = "Widget.AppCompat.Button.Borderless">からカスタムスタイルを拡張できます
Tobliug

125

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

android:stateListAnimator="@null"

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


2
私に大いに働いた
KoreanXcodeWorker 2017

1
私はこの方法がより好きで、より柔軟です。
Ayejuni Ilemobayo Kings

@Alon Kogan、android:stateListAnimator 属性を使用するための下位互換性はありますか?
ブルーウェア

このソリューションでは、スタイルから継承する必要があるスタイルボットを作成できるため、borderlessButtonStyle柔軟性が向上します。
ファンホセメレロゴメス

これは私のために働いた唯一の解決策です、ボタンが押されている間に影を取り除く必要があるため、borderlessButtonStyleタグは機能しませんでした
ACAkgul

61

カスタムスタイルを使用します

<style name="MyButtonStyle" parent="@style/Widget.AppCompat.Button.Borderless"></style>

追加することを忘れないでください

<item name="android:textAllCaps">false</item>

それ以外の場合、ボタンのテキストはUpperCaseになります。



23

試してください: android:stateListAnimator="@null"


9
これでOPの問題は解決するかもしれませんが、コンテキストを追加することをお勧めします。なぜそれが役立つのですか?また、「これを試す」は少し誤解を招くものです。それで問題は解決しますか、それとも推測するだけですか?もしそうなら、代わりにコメントを書くべきです。
GergelyPolonkai 2016

API 21が必要です
。– CoolMind

14

マテリアルデザインボタンがボタンxmlに追加されます。 style="@style/Widget.MaterialComponents.Button.UnelevatedButton"


時々、それはstackoverflow.com/a/38004981/2914140に似ていますが、無効状態の灰色のボタンが明るくなります。
CoolMind

6

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

<?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>

4
これがどのように機能するか説明できますか?ドロップシャドウは削除されませんでした。
CACuzcatlan 2016

元の背景を影に、この背景を無地に置き換えます
dlohani

3

@ Alt-Catの回答は私にとって有効です。

R.attr.borderlessButtonStyleには影が含まれていません。

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

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

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

3

上記の答えはすべて素晴らしいですが、私は他のオプションを提案します:

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


Alon Kogan(stackoverflow.com/a/39122825/2914140)に似ています。
CoolMind

これは上記の5ishとどう違うのですか?
zeroDivider

2

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
            }
        });

これは正しい答えではありませんが、実際に私の問題を同様の問題で解決するのを助けてくれたので、ありがとうございます!
Box

ああ!すてきなアイデア-私にクイックフィックスを得た-
のRohitクマール
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.