Xamarin.Forms - 通过工具栏使背景图像可见

Question

我希望我的应用程序中的每个页面都有一个顶部的透明工具栏和覆盖整个页面的背景图像。

在App.xaml.cs我写了下面的：

MainPage = new NavigationPage(new MDMaster()) 
{ 
    BarBackgroundColor = Color.Transparent, 
    BackgroundImage = "background_1.png" 
}; 

这将使得正确的工具栏透明，但是背景图像不显示。我可以添加背景颜色而不是背景图片。

MDMaster是MasterDetailPage的主要组件。在MDMaster页面我设置的详细信息页面，如下所示：

Detail = new NavigationPage(new ProfilePage()) 
{ 
    BarBackgroundColor = Color.Transparent, 
    BackgroundImage = "background_1.png" 
}; 

这甚至不显示背景图片无论是。

在ProfilePage，我可以这样写：

public ProfilePage() 
{ 
    InitializeComponent();   
    this.BackgroundImage = "background_1.png"; 
} 

这将显示背景图片，但它不会覆盖，即使它是透明的工具栏后面的区域。它结束了看起来像这样：

Answer 1

首先，@Yuri小号建议，你不需要来包装你MasterDetailPage与NavigationPage。只需将MasterDetailPage设置为MainPage即可。

然后，当您将背景图像设置为根MasterDetailPage时，背景图像未显示的原因是因为顶部的NavigationPage不透明并且隐藏了背景图像。

因此，要解决这个问题，你需要设置NavigationPage to transparent的BackgroundColor太：

public App() 
{ 
    InitializeComponent(); 

    MainPage = new MasterDetailPage() 
    { 
     Master=new MainPage(), 
     Detail=new NavigationPage(new Detail()) 
     { 
      BarBackgroundColor=Color.Transparent, 
      BackgroundColor=Color.Transparent 
     }, 
     BackgroundImage="tianyuan.jpg" 
    }; 
} 

然后，它会显示这样的：

如果你不想让你的状态栏显示如上，你可以在Droid项目中手动设置：

public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity 
{ 
    protected override void OnCreate(Bundle bundle) 
    { 
     TabLayoutResource = Resource.Layout.Tabbar; 
     ToolbarResource = Resource.Layout.Toolbar; 

     base.OnCreate(bundle); 

     global::Xamarin.Forms.Forms.Init(this, bundle); 
     LoadApplication(new App()); 

     //set the status bar color 
     Window.SetStatusBarColor(Android.Graphics.Color.Black); 
    } 
} 

，它会显示这样的：