How to make gradient background in android

by

Visual examples help with this kind of question.

Boilerplate

In order to create a gradient, you create an xml file in res/drawable. I am calling mine my_gradient_drawable.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:type="linear"
        android:angle="0"
        android:startColor="#f6ee19"
        android:endColor="#115ede" />
</shape>

You set it to the background of some view. For example:

<View
    android:layout_width="200dp"
    android:layout_height="100dp"
    android:background="@drawable/my_gradient_drawable"/>

type=”linear”

Set the angle for a linear type. It must be a multiple of 45 degrees.

<gradient
    android:type="linear"
    android:angle="0"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

enter image description here

type=”radial”

Set the gradientRadius for a radial type. Using %p means it is a percentage of the smallest dimension of the parent. 

<gradient
    android:type="radial"
    android:gradientRadius="10%p"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

enter image description here

type=”sweep”

I don’t know why anyone would use a sweep, but I am including it for completeness. I couldn’t figure out how to change the angle, so I am only including one image.

<gradient
    android:type="sweep"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

enter image description here

center

You can also change the center of the sweep or radial types. The values are fractions of the width and height. You can also use %p notation.

android:centerX="0.2"
android:centerY="0.7"

enter image description here

More Related Contents:

  1. Multi-gradient shapes
  2. How do I programmatically set the background color gradient on a Custom Title Bar?
  3. Changing gradient background colors on Android at runtime
  4. Awful background image quality in Android
  5. How to detect when an Android app goes to the background and come back to the foreground
  6. Android: keep Service running when app is killed
  7. setBackground vs setBackgroundDrawable (Android)
  8. How to set background color of a View
  9. Android background image size in pixel
  10. How to define a circle shape in an Android XML drawable file?
  11. android animation is not finished in onAnimationEnd
  12. Android WebView style background-color:transparent ignored on android 2.2
  13. Changing background color of selected item in recyclerview
  14. Android: Using linear gradient as background looks banded
  15. How to set custom ActionBar color / style?
  16. What is the difference between src and background of ImageView
  17. How to change the background color around a DialogFragment?
  18. how to capture an image in background without using the camera application
  19. DialogFragment with clear background (not dimmed)
  20. Android Studio Image Asset Launcher Icon Background Color
  21. Change shape solid color at runtime inside Drawable xml used as background
  22. Android different EditText backgrounds for different states using shapes, selector or list
  23. running parallel AsyncTask
  24. Full screen background image in an activity
  25. Android LinearLayout Gradient Background
  26. How to programmatically round corners and set random background colors
  27. Styling EditText view with shape drawable to look similar to new holographic theme for Android < 3.0
  28. Half circle shape not work
  29. How to set status bar background as gradient color or a drawable in Android?
  30. Android Stop Background Music

Leave a Comment