ナビゲーションバーの中央にロゴを追加しますか？

Question

私はこのようなナビゲーションバーの中央にロゴを追加したい：

<ContentPage.ToolbarItems> 
    <ToolbarItem Icon="logo.png" Activated="RefButtonClicked"></ToolbarItem> 
</ContentPage.ToolbarItems> 

私もこれを試してみました：私が試した

var cancelItem = new ToolbarItem 
{ 
    Text = "Cancel", 
    Icon = "tabalilogo.png", 
    Order = ToolbarItemOrder.Secondary 
}; 

すべては、ナビゲーションの右側にロゴを配置バー。どうやってセンターに置くことができますか？

Answer 1

私はそれが既存のツールバーを使用して実装できるかどうか分かりませんが、同様の要件があり、ナビゲーションページでxamarinフォームツールバーを使用する方法を理解できませんでした。したがって、私はモーダルページを使用することに決めました。そして、コード内のナビゲーションページを以下のコード行で無効にしました。

NavigationPage.SetHasNavigationBar(this, false); 

私は、XAMLを使用していると私は以下のようなものが生成されます。このコード

<AbsoluteLayout x:Name="slToolbar" Grid.Row="0" > 
     <Button x:Name="Cancel" BackgroundColor="#ADD8E6" Image="cancel.png" Command="{Binding CancelClick}" AbsoluteLayout.LayoutFlags="PositionProportional"> 
      <AbsoluteLayout.LayoutBounds> 
      <OnPlatform x:TypeArguments="Rectangle" iOS="0, .5, 36, 36" Android="0, .5, 36, 36" WinPhone="0, .5, 50, 50" /> 
      </AbsoluteLayout.LayoutBounds> 
     </Button> 


     <StackLayout Orientation="Horizontal" AbsoluteLayout.LayoutFlags="PositionProportional"> 
      <AbsoluteLayout.LayoutBounds> 
      <OnPlatform x:TypeArguments="Rectangle" iOS="1,.5,110,50" Android="1,.5,50,36" WinPhone="1,.5,110,50" /> 
      </AbsoluteLayout.LayoutBounds> 


      <ContentView > 
      <OnPlatform x:TypeArguments="View"> 
       <OnPlatform.iOS> 
       <Button x:Name="NewIOS" BackgroundColor="#ADD8E6" Image="ic_add.png" Command="{Binding AddNew}" ></Button> 
       </OnPlatform.iOS> 
       <OnPlatform.WinPhone> 
       <Button x:Name="NewWP" BackgroundColor="#ADD8E6" Command="{Binding AddNew}" Image="ic_add.png"/> 
       </OnPlatform.WinPhone> 
      </OnPlatform> 
      </ContentView> 


      <Button x:Name="btnSave" BackgroundColor="#ADD8E6" Image="check.png" Command="{Binding SaveClick}" HorizontalOptions="End" ></Button> 
     </StackLayout> 
     </AbsoluteLayout> 

以下のようabsolutelayoutでカスタムナビゲーターを作成しました。私はコーナーにアイコンを持っていますが、確かに彼らはどこにでも置くことができます。戻るボタンの代わりにキャンセルアイコンを使用しました。もちろん、この場合、戻るボタン（キャンセルボタン）を自分でクリックする必要があります。下のスクリーンショットはuwpアプリケーションからですが、アンドロイドとiosでは同様の結果が得られます。