2016-08-22 4 views
0

This is what i wantレイヤリストを使用してアンドロイドの上部と下部のシャドウで矩形を作る方法は?

画像に与えられたとして、私はどのように私はこの使用してレイヤー・リストを描くことができ、上部と下部の影と黄色の矩形を必要とする、私はこれを行うにはどのようには考えている、それを達成するためにどのように特に影形状?

+0

「RotateDrawable」を下位レイヤとして使用する – pskink

+0

http://stackoverflow.com/questions/15333529/how-to-provide-shadow-to-button – KrishnaJ

答えて

2

layer-listを使用することが最適な選択肢のようです。メインの黄色の2つの矩形と、影のためのもう1つの矩形が必要です。その後、シャドウ矩形を少し回転させて、効果を得ることができます。例えば

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:top="20dp" android:left="20dp" android:bottom="20dp" android:right="20dp"> 
     <rotate 
      android:fromDegrees="-5" 
      android:toDegrees="-5" 
      android:pivotX="50%" 
      android:pivotY="50%"> 
      <shape android:shape="rectangle"> 
       <size android:width="300dp" 
        android:height="150dp"/> 
       <solid android:color="#999999"/> 
      </shape> 
     </rotate> 
    </item> 

    <item android:top="20dp" android:left="20dp" android:bottom="20dp" android:right="20dp"> 
     <shape android:shape="rectangle"> 
      <size android:width="300dp" 
       android:height="150dp"/> 
      <solid android:color="#FFDD66"/> 
     </shape> 
    </item> 
</layer-list> 

あなたは影を小さくする必要がある場合はコメントで言ったように、あなたは長方形をスケールダウンすることができます。これを行うには、最初に幅と高さを小さくするか、<scale> ... </scale>タグを使用します。 Here's a related SO question.

+0

うわー、これはクールだけど、左右の灰色の矩形が見えて、それをどうやって削除するのですか? –

+0

回転を '≤スケール> ... 'タグで囲むことで、少し小さくすることができます。回答の更新 –

関連する問題