/ / Come personalizzare la barra di ricerca nella barra di navigazione nei moduli Xamarin - xamarin, xamarin.forms

Come personalizzare la barra di ricerca nella barra di navigazione nei moduli Xamarin - xamarin, xamarin.forms

Sto provando ad aggiungere la barra di ricerca nella barra di navigazione insia Xamarin.android che Xamarin.Ios. Ho provato il post qui sotto "funziona", ma voglio personalizzare il colore del testo della barra di ricerca e l'immagine della barra di ricerca in quello. Potete per favore suggerire qualche idea.

Sono un link provato: https://www.linkedin.com/pulse/xamarin-forms-contentpage-searchbar-navigation-bar-vipin-mathews

inserisci la descrizione dell'immagine qui

Quando applico sopra il codice del link sto ottenendobarra di navigazione in questo modo e quando l'utente fa clic sull'immagine di ricerca, la barra di ricerca verrà visualizzata nella barra di navigazione. Nella barra di navigazione sopra l'immagine del punto è un set di immagini della barra degli strumenti l'ordine è "Principale". Il mio requisito è mostrare prima l'immagine di ricerca, quindi dopo aver mostrato l'immagine della barra degli strumenti, scambiare esattamente la posizione dell'immagine di ricerca anche l'immagine della barra nell'immagine sopra . Come posso farlo.

risposte:

2 per risposta № 1

Utilizzare la proprietà Priority di ToolbarItem per definire l'ordine da sinistra a destra, non la proprietà Ordering. Lo so, per niente confuso!

<ContentPage.ToolbarItems>
<ToolbarItem Name="SearchItem" Icon="search.png" Priority="0" />
<ToolbarItem Name="MoreItem" Icon="more.png" Priority="1" />
</ContentPage.ToolbarItems>

Leggi questo fantastico post sul blog sulla Xamarin Forms Toolbar per maggiori dettagli


0 per risposta № 2

Si prega di utilizzare questa libreria.

SNavigationPage

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:snav="clr-namespace:Stormlion.SNavigation;assembly=Stormlion.SNavigation"
x:Class="Test.Page1"
>
<snav:SNavigationPage.NavContent>
<Grid Margin="50, 0, 50, 0"
>
<SearchBar BackgroundColor="White"
Placeholder="Search ..."
/>
</Grid>
</snav:SNavigationPage.NavContent>
<ContentPage.Content>
...
</ContentPage.Content>
</ContentPage>