es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Es posible separar elementos en la barra de acción?

¿Es posible separar elementos en la acción de la barra, como en la imagen y cómo hacerlo? El botón en el lado derecho proviene del menú de la barra de acciones, donde app:showAsAction=”always”. Solo necesito hacer la barra de acciones como esta: https://i.stack.imgur.com/hl2jM.png.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Separando elementos en ActionBar

    Sí, es posible separar elementos en ActionBar como se muestra en la captura de pantalla proporcionada. Para lograr esto, puedes usar una combinación de ActionBar y Toolbar.

    1. Primero, debes crear un diseño personalizado para tu Toolbar, donde se colocará el botón del lado derecho.
    <androidx.appcompat.widget.toolbar android:id="@+id/my_toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@color/colorPrimary" app:popuptheme="@style/AppTheme.PopupOverlay">
    
        <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Mi aplicación" android:textsize="18sp" android:textstyle="bold" android:textcolor="@android:color/white"></textview>
    
        <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical|right" android:text="Botón" android:textcolor="@android:color/white" android:paddingright="16dp"></textview>
    
    </androidx.appcompat.widget.toolbar>
    

    En el diseño anterior, hemos agregado dos TextViews al diseño de la Toolbar. El primero es para el nombre de la aplicación y el segundo es para el botón del lado derecho.

    1. A continuación, en tu actividad, debes establecer este diseño personalizado como tu ActionBar utilizando el método setSupportActionBar().
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
    
        val toolbar: Toolbar = findViewById(R.id.my_toolbar)
        setSupportActionBar(toolbar)
    }
    

    Con esto, has separado con éxito los elementos en ActionBar y puedes tener cualquier diseño y vista en tu Toolbar.

Comments are closed.