Compartir a través de


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

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:

Configuración de la barra de herramientas TabbedPage