Android drawable mit hintergrund und Verlauf auf der linken Seite

W würde gerne eine drawable die Hintergründe und Farbverlauf auf der linken Seite, über 10dp breit.

Bild von dem, was ich erreichen möchte:

Android drawable mit hintergrund und Verlauf auf der linken Seite

  1. Roten Farbverlauf auf der linken Seite
  2. Hintergrund auf den rest

Wie kann ich das erreichen?

Ich habe versucht layer-list mit zwei Formen aber mit kein Glück.

Element hintergrund: 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/background" />
    <item android:drawable="@drawable/gradient" />
</layer-list>

Hintergrund drawable:

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <solid android:color="@color/black" />
</shape>

Shape drawable:

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle">
    <gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF"
        android:angle="90"/>
       <size android:width="10dp" />
</shape>
können Sie erklären, mehr genau das, was Sie brauchen, und wenn Sie haben Bild der Erwartung besser hochgeladen, wird eine bessere Vorstellung.
Ich habe Bild hochgeladen, in der erklärt wird es deutlicher (hoffe ich zumindest 😉 )

InformationsquelleAutor pixel | 2012-11-27

  1. 8

    Erstellen sidecolor (oder einen beliebigen Namen, die Sie wollen) XML im drawable Ordner als Gebrüll:

      <?xml version="1.0" encoding="utf-8"?>
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    <item android:drawable="@drawable/background" android:bottom="5dp"
        android:top="5dp"  android:left="5dp" android:right="5dp"/>  
    <item android:drawable="@drawable/red" android:bottom="5dp"  android:top="5dp"
        android:left="5dp" android:right="280dp" /> 
  </layer-list>

    dann erstellen Sie hintergrund-XML:

     <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android"
               android:shape="rectangle">
        <solid android:color="@android:color/black" />    
   </shape>

    dann rot XML-Form:

      <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android"  
         android:shape="rectangle">       
      <solid android:color="#B22222" /> 
  </shape>

    AUSGABE BILD :

    Android drawable mit hintergrund und Verlauf auf der linken Seite

    AUCH Sie können XML-rot als Verlauf :

     <?xml version="1.0" encoding="utf-8" ?> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android"  
            android:shape="rectangle">
      <gradient android:startColor="#B22222" android:centerColor="#FFFFFF" 
           android:endColor="#B22222" android:angle="0" /> 
     </shape>

    AUSGABE BILD :

    Android drawable mit hintergrund und Verlauf auf der linken Seite

    UPDATE:

    AUCH Sie können es auf diese Weise richten Sie es auf der linken auch die Kontrolle über seine Größe, wie Sie benötigen ,

    zuerst erstellen Sie eine XML-und it-Seite genannt color.xml und finden Sie anzeigen, um es durch :

    android:background="@drawable/sidecolor"

    sidecolor.xml :

      <?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="#FF0000" />        
       </shape>    
  </item>

  <item android:left="10dp">
       <shape android:shape="rectangle">
            <solid android:color="#000000" />
       </shape>
  </item>
     </layer-list>

    OUTPUY BILD :

    Android drawable mit hintergrund und Verlauf auf der linken Seite

    Hoffe Euch Helfen.

    Ich möchte zum ausrichten auf der linken Seite - in Deinem Beispiel hast du hardcoded es zu 280dp
    meine Wissens ist dies die Art, wie ich es
    bitte überprüfen Sie update-Antwort.
    Aber was ist, wenn ich möchte diese black-box-semi transparent? Ich würde am Ende mit Farbverlauf unten...
    Sie meinen, Sie wollen den schwarzen hintergrund zu semi transparant ???

    InformationsquelleAutor Android Stack

Schreibe einen Kommentar