2011-07-11 8 views
14

के साथ डबल ग्रेडिएंट कैसे बनाएं मैं इस प्रकार के ड्रॉइंग ग्रेडिएंट को एक्सएमएल के साथ कैसे बना सकता हूं?एक्सएमएल (आईफोन जैसे)

Double gradient image

मैं रंग बी करने के लिए रंग एक से एक सरल ढाल कर सकते हैं, लेकिन मैं कैसे ही drawable में दो ढ़ाल गठबंधन करने के लिए पता नहीं है।

+1

के संभावित डुप्लिकेट [मल्टी ढाल आकार] (http://stackoverflow.com/questions/4381033/multi-gradient-shapes) – grunk

+0

हो गया, सुझाव यह – grunk

उत्तर

12

मैं अंत में एक परत-सूची के साथ एक समाधान है जो मेरे लिए काफी अच्छा है पाया:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <!-- First part is a gradient --> 
    <item android:left="0dp" android:right="0dp"> 
     <shape android:shape="rectangle"> 

      <gradient android:angle="-90" android:startColor="#9dcbf6" 
       android:endColor="#177ee6" /> 

     </shape> 
    </item> 
    <!-- Second part is plain color. Slightly transparent --> 
    <item android:top="1sp" android:bottom="20sp" > 
     <shape android:shape="rectangle"> 
      <solid android:color="#10ffffff"/> 
     </shape> 

    </item> 
</layer-list> 

बीच 20 एसपी के लिए सेट है क्योंकि कंटेनर एक 40sp ऊंचाई है, लेकिन आप अपने इच्छा के समायोजित कर सकते हैं संपादन द्वारा: android:bottom="20sp"

11

आपके पास ढाल में तीन रंग हो सकते हैं। एक प्रारंभ रंग, अंत रंग और एक केंद्र रंग।

<gradient 
     android:angle="integer" 
     android:centerX="integer" 
     android:centerY="integer" 
     android:centerColor="integer" 
     android:endColor="color" 
     android:gradientRadius="integer" 
     android:startColor="color" 
     android:type=["linear" | "radial" | "sweep"] 
     android:usesLevel=["true" | "false"] /> 

वैकल्पिक रूप से आप लेयरलिस्ट ड्रायरेबल का उपयोग कर सकते हैं और बस उन्हें एक साथ टुकड़े कर सकते हैं।

+0

आपके उत्तर के लिए धन्यवाद, लेकिन प्रयोग करने के लिए धन्यवाद सेंटर रंग समाधान नहीं लगता है। मेरे प्रश्न को दोबारा देखता है, मैंने कुछ सूचनाएं – grunk

+0

जोड़ दी हैं, फिर आपको जवाब देने के दूसरे भाग में आगे बढ़ना होगा और दो ग्रेडियेंट बनाना होगा और लेयरलिस्ट का उपयोग करना होगा। – CaseyB

+0

ऊंचाई को 50% तक आसानी से समायोजित करना संभव नहीं लगता है। मैं शायद एक खिंचाव छवि का उपयोग करेंगे। आपके समय के लिए धन्यवाद। – grunk

संबंधित मुद्दे