¿Cómo agregar un degradado a los botones en Android a través de xml?

No puedo entender por qué este código no funcionará. ¿Alguien puede ayudar? Estoy intentando que el botón use un color personalizado titulado 'greenstart' y 'greenend'. Los colores se han creado en el archivo res/value/string.xml. He visto preguntas similares, pero o bien no se respondieron, no quedaron claras o la solución no funcionó. Gracias por adelantado.¿Cómo agregar un degradado a los botones en Android a través de xml?

XML ARCHIVO DE MUESTRA:

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

REGISTRO ERROR:

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

Fuente

2012-08-28 jrquick

Crear un nuevo archivo XML y la puso en dibujable y después añadirlo al botón como fondo

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

Fuente

2012-08-28 19:56:36

Cómo haría lo llamo como el fondo de color botón? "android: background =" @? " – jrquick

código de botón ya está agregado. Ver android: –

¡respuesta perfecta! ¡Gracias! – gts101

Prueba esto:

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

Fuente

2012-08-28 19:55:24 TrizZz

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

Fuente

2012-08-28 19:55:59 slybloty

Así que aquí vamos con el gradiente Como dice @Dusean Singh. Si va a utilizar un ángulo de 270, entonces su gradiente se iniciará desde arriba hacia abajo: TOP -> Centro -> parte inferior

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

Si va a utilizar un ángulo 3600, entonces su gradiente se iniciará desde la parte superior a abajo: izquierda -> Centro -> derecho

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

Aquí vamos con el efecto. y cómo aplicar la misma en el botón

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

Fuente

2017-10-22 08:50:43

¿Cómo agregar un degradado a los botones en Android a través de xml?

Respuesta

Cuestiones relacionadas