91

ここに画像の説明を入力

画像でわかるように、 の後ろに影が必要ですButtonButton角を丸くして作成しました。しかし問題は、その背後に影を生成できないことButtonです。どうすればこれを達成できますか?

4

9 に答える 9

134

このアプローチを使用して、目的の外観を取得します。
button_selector.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <layer-list>
        <item android:right="5dp" android:top="5dp">
            <shape>
                <corners android:radius="3dp" />
                <solid android:color="#D6D6D6" />
            </shape>
        </item>
        <item android:bottom="2dp" android:left="2dp">
            <shape>
                <gradient android:angle="270" 
                    android:endColor="#E2E2E2" android:startColor="#BABABA" />
                <stroke android:width="1dp" android:color="#BABABA" />
                <corners android:radius="4dp" />
                <padding android:bottom="10dp" android:left="10dp" 
                    android:right="10dp" android:top="10dp" />
            </shape>
        </item>
    </layer-list>
</item>

</selector>

そしてあなたのxmlレイアウトで:

<Button
   android:background="@drawable/button_selector"
   ...
   ..
/>
于 2013-03-11T07:51:13.133 に答える
65

Android バージョン 5.0 以降の場合

他のビューの立面図を試してください..

android:elevation="10dp"

ボタンについては、

android:stateListAnimator="@anim/button_state_list_animator"

button_state_list_animator.xml - https://android.googlesource.com/platform/frameworks/base/+/master/core/res/res/anim/button_state_list_anim_material.xml

5.0未満のバージョン、

すべてのビューについて、

 android:background="@android:drawable/dialog_holo_light_frame"

私の出力:

ここに画像の説明を入力

于 2015-06-11T12:23:50.353 に答える
13

Lollipop より前のデバイスをターゲットにしている場合は、Shadow-Layoutを使用できます。これは簡単で、さまざまな種類のレイアウトで使用できるためです。


Gradle ファイルに shadow-layout を追加します

dependencies {
    compile 'com.github.dmytrodanylyk.shadow-layout:library:1.0.1'
}


ボタンがある xml レイアウトの上部に、以下を追加します

xmlns:app="http://schemas.android.com/apk/res-auto"

カスタム属性が利用可能になります。


次に、 Button の周りにシャドウ レイアウトを配置します

<com.dd.ShadowLayout
        android:layout_marginTop="16dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:sl_shadowRadius="4dp"
        app:sl_shadowColor="#AA000000"
        app:sl_dx="0dp"
        app:sl_dy="0dp"
        app:sl_cornerRadius="56dp"> 

       <YourButton
          .... />

</com.dd.ShadowLayout>

app:その後、必要な影に合わせて設定を微調整できます。

それが役に立てば幸い。

于 2015-09-18T17:14:47.933 に答える
10

上記のコードを試して、達成しようとしているものに少し近い独自のシャドウを作成しました。多分それは他の人にも役立つでしょう。

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <layer-list>
            <item android:left="5dp" android:top="5dp">
                <shape>
                    <corners android:radius="3dp" />
                    <gradient
                        android:angle="315"
                        android:endColor="@android:color/transparent"
                        android:startColor="@android:color/black"
                        android:type="radial"
                        android:centerX="0.55"
                        android:centerY="0"
                        android:gradientRadius="300"/>
                    <padding android:bottom="1dp" android:left="0dp" android:right="3dp" android:top="0dp" />
                </shape>
            </item>
            <item android:bottom="2dp" android:left="3dp">
                <shape>
                    <corners android:radius="1dp" />
                    <solid android:color="@color/colorPrimary" />


                </shape>
            </item>
        </layer-list>
    </item>

</selector>
于 2015-12-28T15:37:39.830 に答える
3

これがうまくいく場合は、これを試してください

ここに画像の説明を入力

android:background="@drawable/drop_shadow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="3dp"
        android:paddingTop="3dp"
        android:paddingRight="4dp"
        android:paddingBottom="5dp"
于 2013-03-11T07:51:00.327 に答える
-2

この素晴らしいライブラリ https://github.com/BluRe-CN/ComplexView を使用でき、非常に使いやすいです

于 2020-09-01T16:32:04.780 に答える