Как добавить градиент к кнопкам в android через xml?

Я не могу понять, почему этот код не работает. Может ли кто-нибудь помочь? Я пытаюсь заставить кнопку использовать пользовательский цвет под названием "greenstart" и "greenend". Цвета были созданы в файле res/value/string.xml. Я посмотрел на подобные вопросы, но либо они остались без ответа, неясно, либо решение не сработало. Спасибо заранее.

XML FILE SAMPLE:

<Button android:id="@+id/mycollection" android:layout_width="match_parent" android:layout_height="fill_parent" android:layout_weight="1" > <Gradient android:angle="270" android:endColor="@color/greenstart" android:startColor="@color/greenend" > </Gradient> </Button>

ОШИБКА:

08-28 21:47:20.574: E/AndroidRuntime(761): FATAL EXCEPTION: main 08-28 21:47:20.574: E/AndroidRuntime(761): java.lang.RuntimeException: Unable to start activity ComponentInfo{My.Taste.App/My.Taste.App.MyTasteActivity}: android.view.InflateException: Binary XML file line #50: Error inflating class Gradient 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1956) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:1981) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.ActivityThread.access$600(ActivityThread.java:123) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1147) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.os.Handler.dispatchMessage(Handler.java:99) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.os.Looper.loop(Looper.java:137) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.ActivityThread.main(ActivityThread.java:4424) 08-28 21:47:20.574: E/AndroidRuntime(761): at java.lang.reflect.Method.invokeNative(Native Method) 08-28 21:47:20.574: E/AndroidRuntime(761): at java.lang.reflect.Method.invoke(Method.java:511) 08-28 21:47:20.574: E/AndroidRuntime(761): at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:784) 08-28 21:47:20.574: E/AndroidRuntime(761): at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:551) 08-28 21:47:20.574: E/AndroidRuntime(761): at dalvik.system.NativeStart.main(Native Method) 08-28 21:47:20.574: E/AndroidRuntime(761): Caused by: android.view.InflateException: Binary XML file line #50: Error inflating class Gradient 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:691) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.rInflate(LayoutInflater.java:739) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.rInflate(LayoutInflater.java:742) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.rInflate(LayoutInflater.java:742) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.inflate(LayoutInflater.java:489) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.inflate(LayoutInflater.java:396) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.inflate(LayoutInflater.java:352) 08-28 21:47:20.574: E/AndroidRuntime(761): at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:251) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.Activity.setContentView(Activity.java:1835) 08-28 21:47:20.574: E/AndroidRuntime(761): at My.Taste.App.MyTasteActivity.onCreate(MyTasteActivity.java:34) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.Activity.performCreate(Activity.java:4465) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1049) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1920) 08-28 21:47:20.574: E/AndroidRuntime(761): ... 11 more 08-28 21:47:20.574: E/AndroidRuntime(761): Caused by: java.lang.ClassNotFoundException: android.view.Gradient 08-28 21:47:20.574: E/AndroidRuntime(761): at dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:61) 08-28 21:47:20.574: E/AndroidRuntime(761): at java.lang.ClassLoader.loadClass(ClassLoader.java:501) 08-28 21:47:20.574: E/AndroidRuntime(761): at java.lang.ClassLoader.loadClass(ClassLoader.java:461) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.createView(LayoutInflater.java:552) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.onCreateView(LayoutInflater.java:636) 08-28 21:47:20.574: E/AndroidRuntime(761): at com.android.internal.policy.impl.PhoneLayoutInflater.onCreateView(PhoneLayoutInflater.java:66) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.onCreateView(LayoutInflater.java:653) 08-28 21:47:20.574: E/AndroidRuntime(761): at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:678) 08-28 21:47:20.574: E/AndroidRuntime(761): ... 23 more

Ответы

Ответ 1

Создайте новый xml файл и поместите его в drawable, а затем добавьте его в качестве фона

gradient.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
    <!--  Gradient Bg for listrow -->
   <gradient
      android:startColor="#f1f1f2"
      android:centerColor="#e7e7e8"
      android:endColor="#cfcfcf"
      android:angle="270" />
</shape>

layout.xml

 <Button
    android:id="@+id/Button01"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:background="@drawable/gradient"
    android:text="Übernehmen" >

Ответ 2

Попробуйте следующее:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#70c656" />
            <stroke
                android:width="1dp"
                android:color="#53933f" />
            <corners
                android:radius="3dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:startColor="#70c656"
                android:endColor="#53933f"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="#53933f" />
            <corners
                android:radius="4dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>

Ответ 3

Создать gradient.xml

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

    <gradient
      android:angle="270"
      android:endColor="@color/greenstart"
      android:startColor="@color/greenend" />

</shape>

Ответ 4

Итак, здесь мы идем с градиентом. Как сказал выше, Дусейн Сингх. Если вы будете использовать угол 270, то ваш градиент начнется сверху вниз: TOP → Центр → снизу

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#FF0000"
        android:centerColor="#00FF00"
        android:endColor="#0000FF"
        android:angle="270" />
</shape>

Если вы будете использовать угол 3600, то ваш градиент начнется сверху вниз: Влево → Центр → Вправо

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!--  Gradient Bg for listrow -->
    <gradient
        android:startColor="#FF0000"
        android:centerColor="#00FF00"
        android:endColor="#0000FF"
        android:angle="360" />
</shape>

Здесь мы идем с эффектом. и как применять то же самое на кнопке

<LinearLayout
    android:id="@+id/design_bottom_sheet"
    android:layout_alignParentBottom="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="2">
    <Button
        android:drawableLeft="@drawable/ic_grid"
        android:layout_width="match_parent"
        android:text="Find"
        android:background="@drawable/gradient_button"
        android:textColor="@color/white"
        android:textAllCaps="false"
        android:layout_height="wrap_content"
        android:layout_weight="1" />
    <Button
        android:drawableLeft="@drawable/ic_card"
        android:layout_width="match_parent"
        android:textColor="@color/white"
        android:text="Match"
        android:background="@drawable/gradient_button"
        android:textAllCaps="false"
        android:layout_height="wrap_content"
        android:layout_weight="1" />
</LinearLayout>