Android 사용자 정의 그림자 효과 설명 및 인 스 턴 스

2580 단어 Android음영 효과
Android 사용자 정의 그림자 효과 설명 및 인 스 턴 스
Android 5.X 에 서 는 Google 이 수직 방향의 고도 변화 에 대응 하 는 두 가지 속성 을 추가 합 니 다.android:elevation="과 android:translationZ=".시스템 은 자동 으로 음영 효 과 를 증가 시 킵 니 다.
TabLayout 에 android:elevation="8dp"를 추가 합 니 다.효 과 는 다음 과 같 습 니 다.
这里写图片描述
화살 표 는 시스템 이 우리 에 게 기본적으로 제공 하 는 것 을 가리 키 는데,결 과 는 그런대로 괜찮다.시스템 에서 제공 하지 않 는 그림 자 를 사용자 정의 할 수 있 습 니까?
사용자 정의 그림자 효과
그림자 효 과 는 다음 과 같 습 니 다:
这里写图片描述
사용자 정의 그림자 만 사용 하고 android:elevation="8dp"는 사용 하지 않 습 니 다.
의 원리
가 리 는 방식 으로 실현 하 다.
모두 2 층,전망 층 과 배경 층 으로 나 뉜 다.
전경 층:녹색 사각형 영역 설정
배경 층:검은색 에서 녹색 까지 의 과도 한 색상 사각형 충전 입 니 다.여기 서'녹색'을 선택 한 것 은 위 에 있 는 것 도 녹색 이기 때 문 입 니 다.
res/drawable 에 Xml 를 만 듭 니 다.Xml 코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

  <item>
    <shape>
      <gradient
        android:startColor="#000" <!--    -->
        android:endColor="@color/colorAccent" <!--    ,   :  .         -->
        android:angle="90" /><!--  :    -->

    </shape>
  </item>


  <item android:top="8dp"><!--    8dp-->
    <shape>
      <solid android:color="@color/colorAccent" />
    </shape>
  </item>

</layer-list>
알림:주석 은 독자 가 읽 기 편 하도록 하기 때문에 잘못 보고 하면 주석 을 삭제 합 니 다.
그리고 TabLayout 의 android:background="@drawable/shadow 를 설정 합 니 다.bg”
LayerDrawable 대상
Shape Drawable 에 대해 잘 아 실 거 라 고 믿 습 니 다.여기 서 적 게 사용 하 는 Layer Drawable 에 대해 말씀 드 리 겠 습 니 다.Shape Drawable 이 필요 하 다 면 댓 글 에서 피드백 할 수 있 습 니 다.
LayerDrawable 은 Drawable 배열 을 포함 할 수 있 습 니 다.시스템 은 이 Drawable 대상 의 배열 순서에 따라 그립 니 다.
LayerDrawable 대상 Xml 파일 의 루트 요 소 를로 정의 합 니 다.이 요 소 는 여러 개의요 소 를 포함 할 수 있 습 니 다.이 요 소 는 다음 과 같은 속성 을 지정 할 수 있 습 니 다.
  • android:drawable=":LayerDrawable 요소 중 하나 인 Drawable 대상 을 지정 합 니 다
  • android:id=":Drawable 대상 에 id 를 지정 합 니 다
  • android:buttom|top|right|left=":길이 값 을 지정 하고 Drawable 대상 을 대상 구성 요소 의 지정 한 위치 로 그립 니 다.
  • 읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

    좋은 웹페이지 즐겨찾기