단추의 아래쪽 그림자 만 추가하는 방법

Question

전체 창에 세 개의 단추가 있습니다. 이 모든 버튼들에 대해서만 그림자를 추가해야합니다. 1) 메인 배경 버튼의 색상 및 2) 기울기

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item> 
    <shape android:shape="rectangle"> 
      <solid android:color="@color/colorPrimary"/> 
      <size android:height="30dp"/> 
    </shape> 
</item> 
<item> 
    <shape android:shape="rectangle"> 
     <gradient 
      android:startColor="#0000" 
      android:endColor="#9444" 
      android:type="linear" 
      android:angle="90"> 
     </gradient> 
     <size android:height="5dp"/> 
    </shape> 
</item> 
</layer-list> 

은 이제 단지 colorPrimary (주 배경색 참조) :

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

<LinearLayout 
    android:id="@+id/buttons_layout" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    > 

    <ImageButton 
     android:id="@+id/gath" 
     android:layout_width="0dp" 
     android:layout_height="35dp" 
     android:layout_weight="1" 
     app:srcCompat="@drawable/ic_gath" 
     android:background="@drawable/button_shadow" 
     android:layout_marginTop="40dp" 
     /> 

    <ImageButton 
     android:id="@+id/foll" 
     android:layout_width="0dp" 
     android:layout_height="35dp" 
     android:layout_weight="1" 
     app:srcCompat="@drawable/ic_foll" 
     android:background="@drawable/button_shadow" 
     android:layout_marginTop="40dp" 
     /> 

    <ImageButton 
     android:id="@+id/del" 
     android:layout_width="0dp" 
     android:layout_height="35dp" 
     android:layout_weight="1" 
     app:srcCompat="@drawable/ic_del" 
     android:background="@drawable/button_shadow" 
     android:layout_marginTop="40dp" 
     /> 
</LinearLayout> 
</RelativeLayout> 

나는 두 부분에서의 계층에서 분할 만든 아무것도. 높이를 사용하려고했지만 오른쪽과 왼쪽 그림자를 삭제할 수 없습니다.

감사합니다. 그는 완벽한 해결책을 찾았습니다. 비슷한 해결책을 찾았습니다 :

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

    <item 
     android:left="0dp" 
     android:right="0dp" 
     android:top="30dp" 
     android:bottom="0dp"> 
     <shape android:shape="rectangle"> 
      <gradient 
       android:startColor="#0000" 
       android:endColor="#9444" 
       android:type="linear" 
       android:angle="90"> 
      </gradient> 
     </shape> 

    </item> 
     <item 
      android:left="0dp" 
      android:right="0dp" 
      android:top="0dp" 
      android:bottom="5dp"> 
      <shape android:shape="rectangle"> 
       <solid android:color="@color/colorAccent"/> 
      </shape> 
     </item> 
</layer-list> 

Answer 1

And for Button.. 

나는 당신을 위해 가장 쉬운 이런 식으로 뭔가에 button_shadow.xml을 변경하는 것입니다 생각 :

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape xmlns:android="http://schemas.android.com/apk/res/android"> 
      <size android:height="30dp" /> 
      <solid android:color="#FFFF0000" /> 
     </shape> 
    </item> 
    <item android:top="30dp"> 
     <shape xmlns:android="http://schemas.android.com/apk/res/android"> 
      <size android:height="5dp" /> 
      <solid android:color="#FF000000" /> 
      <gradient 
       android:angle="90" 
       android:endColor="#FF888888" 
       android:startColor="#FF000000" 
       android:type="linear" /> 
     </shape> 
    </item> 
</layer-list> 

그래디언트 시작 및 종료 색상으로 재생할 수 있습니다. ImageButton이 총 높이 35dp로 설정되고 button_shadow.xml의 android : top이 30dp로 설정된 경우 총 높이 5dp로 표시됩니다. 시작 및 끝 색상에 따라 그림자 아래에서 버튼이 조금씩 움직이거나 보이도록 설정할 수 있습니다. 내 가상 장치에

는 이제 다음과 같습니다

Answer 2

모든 API 수준에서 그림자를 그리기 위해 라이브러리를 검색하는 것이 좋습니다. this one을 사용하여 내 그림자를 채색하고 내보기 아래에서만 만들었습니다. 필요에 따라 변경할 수 있습니다.

Answer 3

try this.. 

<?xml version="1.0" encoding="utf-8"?> 
 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
 
    <item android:state_enabled="true"> 
 
     <layer-list> 
 
      <item android:top="-10dp" android:left="-10dp" android:right="-10dp"> 
 
       <shape android:shape="rectangle"> 
 

 
        <gradient 
 
         android:angle="90" 
 
         android:startColor="#FF000000" 
 
         android:type="linear" /> 
 

 
        <corners android:radius="5dp" /> 
 

 
        <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" /> 
 
       </shape> 
 
      </item> 
 
     </layer-list> 
 
    </item> 
 
</selector>

는

<ImageButton 
 
      android:id="@+id/gath" 
 
      android:layout_width="0dp" 
 
      android:layout_height="35dp" 
 
      android:layout_marginTop="40dp" 
 
      android:layout_weight="1" 
 
      android:background="@drawable/tiles" 
 
      app:srcCompat="@drawable/ic_del" />