Làm thế nào để tạo một gradient kép với XML (giống như iphone)

Question

Làm thế nào tôi có thể tạo loại gradient có thể vẽ này bằng XML?

tôi có thể làm một gradient đơn giản từ màu A đến B màu nhưng tôi không biết làm thế nào để kết hợp hai gradient trong drawable cùng.

Answer 1

cuối cùng tôi đã tìm thấy một giải pháp với một lớp-list đó là đủ tốt cho tôi:

<?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> 

trung được thiết lập đến 20 sp vì container có chiều cao 40sp, nhưng bạn có thể điều chỉnh theo ý muốn của bạn bằng cách chỉnh sửa: android:bottom="20sp"

Answer 2

Bạn có thể có ba màu theo độ dốc. Màu bắt đầu, màu kết thúc và màu trung tâm.

<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"] /> 

Hoặc bạn có thể sử dụng LayerList Drawable và chỉ ghép chúng lại với nhau.