2017-01-25 16 views
3

私は、xamarin形式のナビゲーションページを持つマスター - 詳細ページのスタイリングで小さな問題があります。ナビゲーションバーの下に表示されるマスターページメニューコンテンツを表示するにはどうすればよいですか?

デバイスの完全な高さをとっているマスターページの内容。コンテンツをナビゲーションバーの下部から表示したい。

<?xml version="1.0" encoding="utf-8" ?> 
<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="XamarinExp.Pages.SampleMasterPage"> 
    <MasterDetailPage.Master> 
    <ContentPage Title="Menu"> 
     <StackLayout Spacing="0"> 
     <Label Text="Sample Menu" FontSize="Large" FontAttributes="Bold"></Label> 
     <ListView x:Name="lvMenu" SeparatorColor="Green"> 
      <ListView.ItemTemplate> 
      <DataTemplate> 
       <ViewCell> 
       <StackLayout Padding="10,0,0,0"> 
        <Label HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" YAlign="Center" Text="{Binding Title}" TextColor="#03a9f4" > 
        <Label.GestureRecognizers> 
         <TapGestureRecognizer Tapped="OnLabelClicked" /> 
        </Label.GestureRecognizers> 
        </Label> 
       </StackLayout> 
       </ViewCell> 
      </DataTemplate> 
      </ListView.ItemTemplate> 
     </ListView> 
     </StackLayout> 
    </ContentPage> 
    </MasterDetailPage.Master> 
</MasterDetailPage> 

とCSファイルからこのコードスニペット:ここ

は、マスターページのサンプルです

NavigationPage nPage = new NavigationPage(new DeviceCheck()); 
this.Detail = nPage; 

そして、これは/私はドロイド/リソース/値に持っているものですstyles.xml

<?xml version="1.0" encoding="utf-8" ?> 
<resources> 

    <style name="MainTheme" parent="MainTheme.Base"> 
    </style> 
    <!-- Base theme applied no matter what API --> 
    <style name="MainTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar"> 
    <!--If you are using revision 22.1 please use just windowNoTitle. Without android:--> 
    <item name="windowNoTitle">true</item> 
    <!--We will be using the toolbar so no need to show ActionBar--> 
    <item name="windowActionBar">false</item> 
    <!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette --> 
    <!-- colorPrimary is used for the default action bar background --> 
    <item name="colorPrimary">#2196F3</item> 
    <!-- colorPrimaryDark is used for the status bar --> 
    <item name="colorPrimaryDark">#1976D2</item> 
    <!-- colorAccent is used as the default value for colorControlActivated 
     which is used to tint widgets --> 
    <item name="colorAccent">#FF4081</item> 
    <!-- You can also set colorControlNormal, colorControlActivated 
     colorControlHighlight and colorSwitchThumbNormal. --> 
    <item name="windowActionModeOverlay">true</item> 

    <item name="android:datePickerDialogTheme">@style/AppCompatDialogStyle</item> 

    <item name="android:windowDrawsSystemBarBackgrounds">true</item> 
    <item name="android:statusBarColor">@android:color/transparent</item> 
    </style> 

    <style name="AppCompatDialogStyle" parent="Theme.AppCompat.Light.Dialog"> 
    <item name="colorAccent">#FF4081</item> 
    </style> 
</resources> 

青いバーの下からメニューを開始します。

助けてください。前もって感謝します。 App.csで

+0

のタイプのメインページを設定しますか? – user3841581

答えて

1

は、あなたがその問題を解決するために管理しなかったNavigationPage

MainPage = new NavigationPage(new SampleMasterPage()); 
関連する問題