이미지에서 볼 수 있듯이 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"
...
..
/>
item
그것은 말한다 android:drawable
되어 필요합니다 .
<selector>
그리고 <item>
필요하지 않습니다. @ user4702646이 말했듯이 이미지가 되돌립니다.
Android 버전 5.0 이상
다른 뷰를 보려면 Elevation 을 시도하십시오 .
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"
내 출력 :
여기 폴더 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" />
롤리팝 이전 장치를 대상으로하는 경우 쉽고 다양한 레이아웃에서 사용할 수있는 Shadow-Layout 을 사용할 수 있습니다.
Gradle 파일에 그림자 레이아웃 추가 :
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:
필요한 그림자와 일치 하도록 설정을 조정할 수 있습니다 .
도움이 되었기를 바랍니다.
나는 위에서 코드를 시도하고 내가 달성하려는 것에 조금 더 가까운 내 그림자를 만들었습니다. 아마도 그것은 다른 사람들에게도 도움이 될 것입니다.
<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>
이것이 당신을 위해 작동한다면 이것을 시도하십시오
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를 사용할 수 있으며 사용 하기가 정말 쉽습니다.