martes, 23 de julio de 2019

213. Xamarin - Android Barra de herramientas encabezado


Una barra de herramientas que sustituya el encabezado que entrega por default Android es muy útil cuando se quiere agregar funcionalidad y un mejor aspecto a nuestra aplicación, para hacer esto, es necesario que dentro de nuestro layout creemos un toolbar, como se muestra en el siguiente código.


    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:background="@drawable/encabezadoblanco"
        android:layout_height="?attr/actionBarSize"
        android:contentInsetLeft="0dp"
        android:gravity="top|start"
        android:contentInsetStart="0dp"
        android:contentInsetRight="0dp"
        android:contentInsetEnd="0dp"
        android:layout_width="match_parent">
        <TextView
            android:layout_width="wrap_content"
            android:text=""
            android:layout_gravity="center"
            android:id="@+id/tvActionBarTitle"
            android:layout_height="wrap_content" />
        <ImageButton
            android:id="@+id/ibNofication"
            android:layout_gravity="right"
            android:background="@drawable/menutoolengrane"
            android:layout_width="30dp"
            android:padding="9dp"
            android:layout_marginRight="6dp"
            android:layout_height="30dp" />
    </android.support.v7.widget.Toolbar>



Ahora si además queremos añadir funcionalidad para tener 2 botones uno a la izquierda y otro a la derecha, en nuestro activity escribimos lo siguiente



            _toolbar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar);
            SetSupportActionBar(_toolbar);
            SupportActionBar.SetDisplayHomeAsUpEnabled(true);
            SupportActionBar.SetDisplayShowTitleEnabled(false);
            SupportActionBar.SetHomeButtonEnabled(true);            
            SupportActionBar.SetHomeAsUpIndicator(Resource.Drawable.Menutoolregresa);
            _toolbar.SetPadding(0, 0, 0, 0);
            _toolbar.SetPadding(0, 0, 0, 0);
            _toolbar.SetContentInsetsAbsolute(0, 0);



Con esto obtenemos un menú como el siguiente:



La mano invisible controla el mundo




No hay comentarios.:

Publicar un comentario