如何摆脱MasterDetailPage空格Xamarin Forms

时间:2016-09-15 15:57:54

标签: c# xamarin.forms

我的项目有问题,我正在使用MasterDetailPage一个简单的ListView并使用本地命名空间来调用他内部的另一个页面ListView,得到THIS结果,问题是,工具栏和列表视图之间的空白区域,但如果我尝试在不使用MasterDetailPage的情况下导航此页面,则listview在没有此空格的情况下正常工作,并且您检查{ {3}}

App.cs导航到MenuPage.Xaml

MainPage = new NavigationPage(new MenuPage());

MenuPage.XAML

`<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Gone.MenuPage"
             xmlns:local="clr-namespace:Gone;assembly=Gone">
  <MasterDetailPage.Master>
    <ContentPage Title="Menu">
      <ListView BackgroundColor="Transparent"
                SeparatorVisibility="Default"
                HasUnevenRows="True"
                x:Name="listView">
        <ListView.ItemTemplate>
          <DataTemplate>
            <ViewCell>
              <StackLayout Padding="2" Orientation="Horizontal">
                <Image Aspect="Fill" WidthRequest="60" HeightRequest="60" Source="{Binding image}"/>
                <StackLayout Padding="5,18,0,0" Orientation="Vertical">
                  <Label TextColor="Black" Text="{Binding title}"/>
                </StackLayout>
              </StackLayout>
            </ViewCell>
          </DataTemplate>
        </ListView.ItemTemplate>
      </ListView>
    </ContentPage>
  </MasterDetailPage.Master>
  <MasterDetailPage.Detail>
    <local:MainPage/>
  </MasterDetailPage.Detail>
</MasterDetailPage>`

MainPage.xaml中

    <ListView BackgroundColor="Transparent"
              SeparatorVisibility="Default"
              HasUnevenRows="True"
              x:Name="listView">
    <ListView.ItemTemplate>
      <DataTemplate>
        <ViewCell>
          <StackLayout Orientation="Horizontal">
            <Image Aspect="AspectFill" WidthRequest="130" HeightRequest="130" Source="{Binding image}"/>
            <StackLayout Padding="20" Orientation="Vertical">
              <Label LineBreakMode="WordWrap" FontSize="17" TextColor="#4CAF50" Text="{Binding title}"/>
              <Label FontAttributes="Bold" TextColor="#2962FF" Text="{Binding price}"/>
              <Label TextColor="#455A64" Text="{Binding date}"/>
            </StackLayout>
          </StackLayout>
        </ViewCell>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>

2 个答案:

答案 0 :(得分:1)

临时解决方案是 在Android项目中创建CustomMasterDetailRenderer

[assembly: ExportRenderer(typeof(MasterDetailPage), typeof(CustomMasterDetailRenderer))]
namespace Your.Name.Space
{
    public class CustomMasterDetailRenderer : MasterDetailPageRenderer
    {
        public override void AddView(Android.Views.View child)
        {
            child.GetType().GetRuntimeProperty("TopPadding").SetValue(child, 0);
            var padding = child.GetType().GetRuntimeProperty("TopPadding").GetValue(child);

            base.AddView(child);
        }
    }
}

可能需要在Padding中设置view 0。

感谢Sylvia Martinez: https://forums.xamarin.com/discussion/comment/244966/#Comment_244966

答案 1 :(得分:0)

如果您将MasterDetailPage与NavigationPage一起使用,则会发生这种情况。

不要将MasterDetailPage声明为新的NavigationPage(新的MasterDetailPage())。

而是将MasterDetailPage声明为var masterDetailPage = new MasterDetailPage()。 之后使用masterDetailPage.Detail = new NavigationPage(new ContentPage());

因此,如果您通过masterDetail和导航进行导航,您将会想出几个NavigationPages。并且您无法使用Navigation.PushAsync(somePage)。而不是它,你将不得不使用当前的NavigationPage实例,如:((NavigationPage)(this.Detail))。PushAsync(new ContentPage());