Xamarin.Forms ToolBarItems问题与图像和文本

Question

I have created a cross platform application in xamarin forms.In this I am using the Content Page.In the Content Page Navigation Bar i have added button using ToolBarItems.It is showing fine for Android and iOS but for UWP it is coming with the ellipsis.And when I click on ellipsis then only the button text are visible.Before clicking it seems like there is no button in the Navigation Bar. Here Is the Screenshot of the Navigation bar before clicking the ellipsis.

Here is the screenshot of the navigation bar after the ellipsis is clicked.

Is there any way to Open the ellipsis automatically without clicking on it for UWP. Please help.

Answer 1

Add Order="Primary" in ToolbarItem

See UWB Section in Xamarin Forms Toolbar for more details

<ContentPage.ToolbarItems> <ToolbarItem Order="Primary" Text="Sync" Icon="ic_sch_sync.png" Clicked="sync_clicked" x:Name="SyncItem" > </ToolbarItem> </ContentPage.ToolbarItems>

There is one more requirement I also had the same problem But what I found is that if the page Title is not set then the nav bar is not shown. So please set title in content page constructor.

Answer 2

By default the CommandBar in UWP has this natural behavior so you need to override the IsOpen Property of the CommandBar to show the text by default.

So you can create a Custom Renderer for and set its IsOpen property to true.

Method 1 :

Ok from the documentation I found that both the NavigationPage and ContentPage are Custom Framework elements on UWP. So you can either debug to see how to Custom Framework incorporates the CommandBar and set its IsOpen property.

Method 2 :

Alternatively if you're looking for something simple you can just change the default behavior of all the CommandBar styles in your UWP app by adding this style resource in your App.xaml in UWP. I've made the changes to this style with the IsOpen property set to true.