2017-09-29 5 views
0

Je cherche à rendre le fond de mon Activity en deux couleurs. Une couleur personnalisée sur le dessus et une couleur blanche sur le fond. La chose est que je ne veux pas les séparer avec une ligne horizontale. Je voudrais créer quelque chose de très similaire à l'image fournie. Je ne sais vraiment pas par où commencer pour créer cette ...Comment créer un fond de forme multicolore dans l'activité Android

enter image description here

J'ai essayé, mais encore une fois, je ne veux pas vraiment avoir une séparation horizontale. Je préférerais une séparation plus proche de l'image.

Voici ce que j'ai essayé jusqu'ici.

<?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="#FAFAFA" /> 
     </shape> 
    </item> 
    <item android:bottom="300dp" android:top="0dp" android:left="0dp" android:right="0dp"> 
     <shape android:shape="rectangle"> 
      <solid android:color="@color/colorPrimary" /> 
     </shape> 
    </item> 
</layer-list> 
+0

Je pense que vous pouvez avoir plus de chance en utilisant le vecteur dessinables .. https://developer.android.com/guide/topics/graphics/vector-drawable-resources.html Ce que j'ai fait dans le passé était de créer une image svg et juste le convertir. –

Répondre

1

Vous avez besoin de quelque chose comme cela comme arrière-plan de votre mise en page.

<?xml version="1.0" encoding="utf-8"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:width="100dp" 
    android:height="100dp" 
    android:viewportHeight="100" 
    android:viewportWidth="100"> 
    <path 
     android:fillColor="@color/colorPrimary" 
     android:pathData="M0,0 L0,50 L500,80 L500,0 z" /> 
</vector> 

Cela ressemble à ceci dans mon émulateur.

enter image description here