2017-06-28 8 views
1

私はxamaringフォームを使用してアプリケーションを構築していますが、UWPのマスターページのヘッダーを変更することはできません。MasterDetailPageをカスタマイズする方法UWPでxamarinフォームアプリケーションを作成するには?

enter image description here

私が何をしたいのか、「メニュー」バーの色を変更することです:ここでは

はスクリーンショットです。

<MasterDetailPage.Master> 
     <ContentPage Title="Menu" BackgroundColor="Red"> 

      <StackLayout Orientation="Vertical"> 
       <StackLayout BackgroundColor="#e74c3c" HeightRequest="60"> 
        <Label Text="SomeText" 
         FontSize="20" 
         VerticalOptions="CenterAndExpand" 
         TextColor="White" 
         HorizontalOptions="Center" /> 

       </StackLayout> 


       <ListView x:Name="NavigationListView" 
        RowHeight="60" 
        SeparatorVisibility="None" 
        BackgroundColor="#e8e8e8" 
        ItemSelected="NavigationListView_ItemSelected"> 

        <ListView.ItemTemplate> 
         <DataTemplate> 
          <ViewCell> 
           <StackLayout VerticalOptions="FillAndExpand" 
            Orientation="Horizontal" 
            Padding="20,10,0,10" 
            Spacing="20"> 

            <Image Source="{Binding Icon}" 
            WidthRequest="40" 
            HeightRequest="40" 
            VerticalOptions="Center"/> 

            <Label Text="{Binding Title}" 
            FontSize="Medium" 
            VerticalOptions="Center" 
            TextColor="Black"/> 

           </StackLayout> 
          </ViewCell> 
         </DataTemplate> 
        </ListView.ItemTemplate> 
       </ListView> 
      </StackLayout> 
     </ContentPage> 
</MasterDetailPage.Master> 

<MasterDetailPage.Detail> 
    <Views:MainPage /> 
</MasterDetailPage.Detail> 

答えて

1

は実際に、あなたの言う「メニュー」バーの色がBarBackgroundColor次のとおりです。ここ

は、XAMLコードです。したがって、 NavigationPageインスタンスに対して BarBackgroundColorを設定することができます。

<MasterDetailPage.Detail> 
    <NavigationPage BarBackgroundColor="PowderBlue"> 
    <x:Arguments> 
     <pages:MasterDetailPageHomeDetail /> 
    </x:Arguments> 
    </NavigationPage> 
</MasterDetailPage.Detail> 

enter image description here

関連する問題