Color y colocación de la barra de herramientas TabbedPage en Android

  • Artículo

Download SampleDescargar el ejemplo

Importante

Las características específicas de la plataforma que establecen el color de la barra de herramientas en un control TabbedPage están obsoletas y se han reemplazado por las propiedades SelectedTabColor y UnselectedTabColor. Para obtener más información, vea Creación de un control TabbedPage.

Estas características específicas de la plataforma se usan para establecer la ubicación y el color de la barra de herramientas en un control TabbedPage. Se consumen en XAML estableciendo la propiedad adjunta TabbedPage.ToolbarPlacement en un valor de la enumeración ToolbarPlacement, y las propiedades adjuntas TabbedPage.BarItemColor y TabbedPage.BarSelectedItemColor en Color:

<TabbedPage ...
            xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
            android:TabbedPage.ToolbarPlacement="Bottom"
            android:TabbedPage.BarItemColor="Black"
            android:TabbedPage.BarSelectedItemColor="Red">
    ...
</TabbedPage>

Como alternativa, se pueden consumir desde C# mediante la API fluida:

using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.AndroidSpecific;
...

On<Android>().SetToolbarPlacement(ToolbarPlacement.Bottom)
             .SetBarItemColor(Color.Black)
             .SetBarSelectedItemColor(Color.Red);

El método TabbedPage.On<Android> especifica que estas características específicas de la plataforma solo se ejecutarán en Android. El método TabbedPage.SetToolbarPlacement, en el espacio de nombres Xamarin.Forms.PlatformConfiguration.AndroidSpecific, se usa para establecer la colocación de la barra de herramientas en TabbedPage, con la enumeración ToolbarPlacement que proporciona los siguientes valores:

  • Default: indica que la barra de herramientas se coloca en la ubicación predeterminada de la página. Esta es la parte superior de la página en teléfonos y la parte inferior de la página en otras expresiones del dispositivo.
  • Top: indica que la barra de herramientas se sitúa en la parte superior de la página.
  • Bottom: indica que la barra de herramientas se sitúa en la parte inferior de la página.

Además, los métodos TabbedPage.SetBarItemColor y TabbedPage.SetBarSelectedItemColor se usan para establecer el color de los elementos de la barra de herramientas y los elementos de la barra de herramientas seleccionados, respectivamente.

Nota:

Los métodos GetToolbarPlacement, GetBarItemColor y GetBarSelectedItemColor se pueden usar para recuperar la ubicación y el color de la barra de herramientas TabbedPage.

El resultado es que la ubicación de la barra de herramientas, el color de los elementos de la barra de herramientas y el color del elemento de barra de herramientas seleccionado se pueden establecer en TabbedPage:

TabbedPage toolbar configuration