2016-05-28 16 views
3

私はそれがすべての似たような投稿の後、欲求不満だと知っているstackoverflow。私は多くの記事をサーフィンしましたが、私は本当に私の問題を解決することができませんでした。だから助けてください!私は画像のようにXMLを介し勾配の境界線を設定したい:Android、グラデーションの境界線を作成しますか?

enter image description here

どのように私はこれを達成することができますか?

+0

として設定するには、9つのパッチメーカーを養うために画像を作成するためにどのように9つのパッチ画像 – pskink

+0

を使うのか? – saraX

+0

マーカー?どのマーカー? – pskink

答えて

4

描画可能ファイルの作成、デザインごとにカスタマイズされた:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:top="8px"> 
     <layer-list> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#08000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="3px" 
         android:left="3px" 
         android:right="3px" 
         android:top="3px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#09000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="2px" 
         android:left="2px" 
         android:right="2px" 
         android:top="2px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#10000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="2px" 
         android:left="2px" 
         android:right="2px" 
         android:top="2px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#11000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="1px" 
         android:left="1px" 
         android:right="1px" 
         android:top="1px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#12000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="1px" 
         android:left="1px" 
         android:right="1px" 
         android:top="1px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#13000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="1px" 
         android:left="1px" 
         android:right="1px" 
         android:top="1px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#14000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="1px" 
         android:left="1px" 
         android:right="1px" 
         android:top="1px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#15000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="1px" 
         android:left="1px" 
         android:right="1px" 
         android:top="1px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#16000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="1px" 
         android:left="1px" 
         android:right="1px" 
         android:top="1px" /> 
       </shape> 
      </item> 
      <item> 
       <shape android:shape="rectangle"> 
        <solid android:color="#17000000" /> 
        <corners android:radius="4dp" /> 
        <padding 
         android:bottom="1px" 
         android:left="1px" 
         android:right="1px" 
         android:top="1px" /> 
       </shape> 
      </item> 
     </layer-list> 
    </item> 
    <item> 
     <shape android:shape="rectangle"> 
      <solid android:color="#FFF" /> 
      <corners android:radius="4dp" /> 
      <padding 
       android:bottom="15dp" 
       android:left="15dp" 
       android:right="15dp" 
       android:top="15dp" /> 
     </shape> 
    </item> 
</layer-list> 

をそして、あなたのレイアウトの背景

+0

そして、批判の問題として、ここでスタックオーバーフローのような不規則な雰囲気の中で、何人かの人が単に来て、彼らがただ自分を知っている理由で投票するだけでは、助けにならないだけでなく、吸います!あなたは単に私の質問に答え、私の問題を解決しました。コミュニティにはあなたのような人が必要です。 @ milan-pansuriya – saraX

+0

ところで、私はちょうどそれぞれの形にを加えることによって行われた丸い角が必要でした。再度、感謝します。 – saraX

+0

シャドウエフェクトは、遠くの外側のレイヤーだけでなく、ほとんどのインナーレイヤーが機能し、2つのレイヤーの間のレイヤーが実行されていない場合があります。これが起こるたびに、私のアプリの2回の実行後に修正されます!なぜか分からないのですか? – saraX