画像でわかるように、後ろに影が欲しいですButton。Button角を丸くして作成しました。しかし、問題は、その背後に影を生成できないことButtonです。どうすればこれを達成できますか？
ボタンに影を付ける方法
回答:
このアプローチを使用して、目的の外観を取得します。
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"
...
..
/>
終了</ selector>タグがありません
—
myforums 2014
textColorセレクターが上記のセレクターにベイクされるようにすることはできますか？ボタンを定義するたびに両方の背景textColorを設定する必要はありませんが、背景を設定するだけで済みます...？
—
JohnyTex 2015
<selector>と<item>は必要ありません。@ user4702646が言ったように、画像は元に戻されます。
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"
私の出力：
このアプローチを使用したいのですが、ボタンは宣言型ではなく、グリッドコントロールで動的に（つまりコードで）作成されます（実際には、Xamarinの無料バージョンを使用しているのでMono libです）。属性だけを設定する簡単な方法ではないようです。
—
jrichview 2016
この回答＆もコメントを参照@jrichview stackoverflow.com/a/24459128/3879847
—
ランジット・クマール
ねえ、ボタンの形をドローアブルで設定した場合、これをドローアブルとして使用するにはどうすればよいですか？
—
Egorランダマイズ
これが フォルダcw_button_shadow.xml 内に 影のある私のボタンですdrawable
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false">
<layer-list>
<!-- SHADOW -->
<item>
<shape>
<solid android:color="@color/red_400"/>
<!-- alttan gölge -->
<corners android:radius="19dp"/>
</shape>
</item>
<!-- BUTTON alttan gölge
android:right="5px" to make it round-->
<item
android:bottom="5px"
>
<shape>
<padding android:bottom="5dp"/>
<gradient
android:startColor="#1c4985"
android:endColor="#163969"
android:angle="270" />
<corners
android:radius="19dp"/>
<padding
android:left="10dp"
android:top="10dp"
android:right="5dp"
android:bottom="10dp"/>
</shape>
</item>
</layer-list>
</item>
<item android:state_pressed="true">
<layer-list>
<!-- SHADOW -->
<item>
<shape>
<solid android:color="#102746"/>
<corners android:radius="19dp"/>
</shape>
</item>
<!-- BUTTON -->
<item android:bottom="5px">
<shape>
<padding android:bottom="5dp"/>
<gradient
android:startColor="#1c4985"
android:endColor="#163969"
android:angle="270" />
<corners
android:radius="19dp"/>
<padding
android:left="10dp"
android:top="10dp"
android:right="5dp"
android:bottom="10dp"/>
</shape>
</item>
</layer-list>
</item>
</selector>
使い方。Button xmlでは、身長と体重のサイズを変更できます
<Button
android:text="+ add friends"
android:layout_width="120dp"
android:layout_height="40dp"
android:background="@drawable/cw_button_shadow" />
Lollipopより前のデバイスをターゲットにしている場合は、Shadow-Layoutを使用できます。これは、簡単で、さまざまな種類のレイアウトで使用できるためです。
Gradleファイルにシャドウレイアウトを追加します。
dependencies {
compile 'com.github.dmytrodanylyk.shadow-layout:library:1.0.1'
}
ボタンがあるxmlレイアウトの上部で、上部に追加します。
xmlns:app="http://schemas.android.com/apk/res-auto"
カスタム属性を利用できるようになります。
次に、あなたの周りに影のレイアウトを配置しますボタン：
<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:、必要なシャドウに一致するように設定を微調整できます。
それが役に立てば幸い。
非推奨の貧弱なlibに加えて、サポートされなくなりました。その上、それは暗い/黒い影だけを許し、明るい影は許さないようです。
—
forsberg 2016年
私は上からコードを試し、私が達成しようとしていることに少し近い自分の影を作りました。多分それは他の人にも役立つでしょう。
<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>
スクリーンショットを添付してください。
—
CoolMind
これがあなたのために働くならば、これを試してください
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"
たくさんの研究の結果、私は簡単な方法を見つけました。
9パッチ画像を作成し、ボタンまたはその他のビューの背景として適用します。
このウェブサイトを使用して、影付きの9パッチ画像を作成できます。
9パッチ画像をドローアブルディレクトリに置き、ボタンの背景として適用します。
mButton.setBackground(ContextCompat.getDrawable(mContext, R.drawable.your_9_patch_image);
あなたはこれを試すことができます：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<layer-list>
<item android:left="1dp" android:top="3dp">
<shape>
<solid android:color="#a5040d" />
<corners android:radius="3dip"/>
</shape>
</item>
</layer-list>
</item>
<item>
<layer-list>
<item android:left="0dp" android:top="0dp">
<shape>
<solid android:color="#99080d" />
<corners android:radius="3dip"/>
</shape>
</item>
<item android:bottom="3dp" android:right="2dp">
<shape>
<solid android:color="#a5040d" />
<corners android:radius="3dip"/>
</shape>
</item>
</layer-list>
</item>
この素晴らしいライブラリ https://github.com/BluRe-CN/ComplexView を使用でき、本当に使いやすいです