Android форма прямоугольник с двумя разными цветами

Question

как я могу создать форму прямоугольника с помощью двух разных цветов с тенью? подобный выше изображение.

Answer 1

Please create a drawable file and put the below code in it. 

    <?xml version="1.0" encoding="utf-8"?> 
     <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
      <item> 
       <shape android:shape="rectangle" > 
        <size android:height="20dp" /> 
        <solid android:color="#F66D08" /> 
       </shape> 
      </item> 
      <item android:top="50dp"> 
       <shape android:shape="rectangle" > 
        <gradient android:endColor="#AD1B1D" 
         android:startColor="#E2360A" 
         android:angle="270" /> 
       </shape> 
      </item> 
     </layer-list> 

Answer 2

Место это код в вашем activity_main:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:gravity="center" 
     android:background="#F66D08" 
     android:layout_width="match_parent" 
     android:layout_height="20dp"> 

    </LinearLayout> 

    <LinearLayout 
     android:background="@drawable/introslidergradiant" 
     android:layout_width="match_parent" 
     android:layout_height="100dp"></LinearLayout> 
</LinearLayout> 

И создать drawble Рез файл с именем introslidergradiant.xml:

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape> 
      <gradient 
       android:angle="90" 
       android:startColor="#A31720" 
       android:endColor="#E1350B" 
       android:type="linear" /> 
     </shape> 
    </item> 
</selector> 

Answer 3

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/listview_background_shape"> 
    <stroke android:width="2dp" android:color="#ff207d94" /> 
    <padding android:left="2dp" 
     android:top="2dp" 
     android:right="2dp" 
     android:bottom="2dp" /> 
    <corners android:radius="5dp" /> 
    <solid android:color="#ffffffff" /> 
</shape> 

Вы можете создать новый файл XML внутри выпадающей папке и добавьте вышеприведенный код, затем сохраните ее как rectangle.xml.

Чтобы использовать его в макете, вы должны установить атрибут android: background для новой вытягиваемой формы. Определенная нами форма не имеет размеров и поэтому примет размеры представления, определенные в макете.

Так положить все это вместе:

<View 
    android:id="@+id/myRectangleView" 
    android:layout_width="200dp" 
    android:layout_height="50dp" 
    android:background="@drawable/rectangle"/> 

Наконец; вы можете установить этот прямоугольник в качестве фона любого вида, хотя для ImageViews вы должны использовать android: src. Это означает, что вы можете использовать прямоугольник в качестве фона для ListViews, TextViews ... и т. Д.

Answer 4

Вы должны сделать файл XML в вытяжке

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > 
<gradient 
android:type="linear" 
android:startColor="#FFFF820D" 
android:endColor="#FFA32815" 
android:angle="90"/> 
</shape> 

использовать следующий код или вы можете создать свой собственный градиент here просто установить цвет и выбрать андроид вариант и он будет генерировать градиент для вас ,

Answer 5

слой-лист может быть использован для решения этой

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

    <item> 
     <shape android:shape="rectangle"> 
      <size 
       android:width="40dp" 
       android:height="40dp" /> 
      <solid android:color="#F86F05" /> 
     </shape> 
    </item> 

    <item android:top="10dp"> 
     <shape android:shape="rectangle"> 
      <size 
       android:width="30dp" 
       android:height="30dp" /> 
      <solid android:color="#B31F19" /> 
     </shape> 
    </item> 

</layer-list> 

И скриншот того же самого.

Если вы хотите градиент вместо сплошного цвета, изменение твердого градиента и установите startColor, ENDCOLOR и угол.