2017-06-28 4 views
1

Ich baue eine App mit Xamaring Formen, aber ich kann nicht die Header der Masterseite in UWP ändern, funktioniert es gut auf Android, aber nicht uwp. HierWie man MasterDetailPage einer Xamarin Forms App auf UWP anpassen?

ist ein Screenshot:

enter image description here

, was ich tun möchte, ist die Farbe des "Menü" bar zu ändern.

hier ist der XAML-Code:

<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> 

Antwort

1

die Farbe des "Menu" Bar Eigentlich, die Sie erwähnt ist BarBackgroundColor. So könnten Sie BarBackgroundColor für NavigationPage Instanz festlegen.

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

enter image description here

Verwandte Themen