1

no se que ando haciendo mal en este codigo pero no me pone los bordes de color blanco y el fondo negro. Quiero hacer una linea que rodee el button de 5dp que sea blanca ya que el fondo es negro.

xml de la actividad

<Button
                android:id="@+id/buttonSendMail"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="16dp"
                android:layout_marginTop="32dp"
                android:layout_marginEnd="16dp"
                android:layout_marginBottom="179dp"
                android:background="@drawable/button_join_discord"
                android:text="Enviar "
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/messageID" />

xml button_join_discord del button

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

<item>
    <shape 
xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">

        <corners android:radius="3dp" />
        <stroke android:width="5dp" android:color="@color/white" />
    </shape>
</item>

</selector>

y es que en el xml button_join_discord que tengo hecho me aparece con lineas el design

introducir la descripción de la imagen aquí

Alguna idea de que estoy haciendo mal?

asi aparece en la app, sin bordes blancos

introducir la descripción de la imagen aquí

Este es mi manifest

    <?xml version="1.0" encoding="utf-8"?>
    <manifest 
    xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.turespawn"
    >

    <uses-permission android:name="android.permission.INTERNET" />


    <meta-data
        
android:name="com.google.android.gms.cast.framework.OPTIONS_PROVIDER_CL 
    ASS_NAME"
        android:value="yourpackagename.CastOptionsProvider" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/tr_logo_1920"
        android:label="@string/app_name"
        android:roundIcon="@drawable/tr_logo_redondo_1920"
        android:supportsRtl="true"
        android:theme="@style/Theme.TuRespawn">
        <activity
            android:name=".HomeActivity"
            android:exported="true" />
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category 
    android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

    </manifest>
5
  • No entiendo, en tu imagen se ve que tiene los bordes blancos y el fondo negro, ¿Cuál es el problema? el 17 nov. 2021 a las 13:07
  • 1
    Que en la app no aparece asi
    – FranyxD
    el 17 nov. 2021 a las 13:12
  • 1
    Bueno, antes que nada lo que necesitas es un shape que no esté dentro de un item, te adjunto una posible respuesta y me comentas que tal el 17 nov. 2021 a las 13:16
  • 2
    Revisa Botones redondeados en android
    – Jorgesys
    el 17 nov. 2021 a las 16:44
  • 1
    Gracias me lo mirare aunque redondear botones me salia bien pero igualmente no esta de mas aprender aun mas jeje^^
    – FranyxD
    el 17 nov. 2021 a las 16:59

2 respuestas 2

3

vamos a crear un nuevo xml de tipo Shape en la carpeta Drawable y se lo asignaremos a nuestro botón.

diseno_boton.xml:

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
<!-- Le daremos un radio de 5dp-->
    <corners
        android:radius="15dp"/>
<!--Establecemos el color de fondo-->
    <solid
        android:color="@android:color/black" />
<!--Establecemos el ancho de la línea y el color de la misma-->
    <stroke
        android:width="1dip"
        android:color="@android:color/white"/>
</shape>

Y para finalizar, lo asignamos al botón mediante el atributo:

    android:background="@drawable/diseno_boton"

Actualización:

cambia esto en tu manifest:

android:theme="@style/Theme.AppCompat.DayNight.DarkActionBar"
8
  • 1
    Sigue apareciendo igual, en el design del drawable aparece bien pero luego en la actividad el boton sigue igual, se aplica por ejemplo el corner radius que si funcionaba pero el stroke que es lo que le da la linea blanca no aparece
    – FranyxD
    el 17 nov. 2021 a las 13:25
  • 1
    ¿Puedes agregar tu manifest? el 17 nov. 2021 a las 13:34
  • 1
    Ya puse mi manifest
    – FranyxD
    el 17 nov. 2021 a las 13:37
  • 1
    Modifiqué mi respuesta, dime que tal te va el 17 nov. 2021 a las 13:38
  • 1
    Ha funcionado aunque la mita de mi app cambio de colores hahaha que sucedio? que aplica ese codigo?
    – FranyxD
    el 17 nov. 2021 a las 13:41
-1

resultado

//drawable/style_button.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
  <item >
     <shape xmlns:android="http://schemas.android.com/apk/res/android" 
                                  android:shape="rectangle">
        <solid android:color="@color/transparente"/>
        <corners android:radius="300dp"/>
        <stroke android:width="1dp"
            android:color="@color/teal_200"/>
    </shape>
   </item>
 </selector>

//Color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <color name="transparente">#00FFFFFF</color>
</resources>
2
  • 1
    Pulsa en editar y describe qué hace este código. Lee Cómo responder y haz el recorrido de bienvenida para conocer el funcionamiento del sitio.
    – padaleiana
    el 30 sep. 2022 a las 11:48
  • Las publicaciones que son sólo código se consideran de baja calidad porque suelen ser de poca ayuda para le usuario sin una explicación concreta de lo que hacen o cómo solucionan el problema. Por favor, edita la respuesta para añadir más detalles. Lee Cómo responder para más información.
    – Alvaro Montoro
    el 27 dic. 2022 a las 4:27

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.