Xamarin 昏暗页面（主从页面）

Question

因此，对于 Android，当显示主从页面的母版页时，母版页被“黑色暗淡”视图覆盖，因此很容易用肉眼区分这两个页面。在 iOS 中，详细信息页面不会变暗，因此很难区分视图。有没有办法用“黑色半透明”的 BoxView 或 Frame 覆盖详细信息页面，以便以与 Android 类似的方式使页面变暗。我尝试了许多不同颜色和不透明度的框视图，但它们都完全覆盖了屏幕，你无法“看穿它们”。有任何想法吗？还是更好的解决方案？即使它是可以工作的 BoxView 的客户渲染器。我只需要颜色创意/设置来让它看穿。

Answer 1

我刚刚把FadeTo()方法的顺序改成了最后一个命令，暗黑效果就没了！

await currentPage.Content.FadeTo(0.5);

Answer 2

这里的示例： https://github.com/jgold6/XamarinSupportSamples/tree/master/XForms-TestShadingiOSDetailPage

以下是链接断开时的代码：

MasterDetailPage mdPage;
Color origContentBgColor;
Color origPageBgColor;

public App()
    {
        mdPage = new MasterDetailPage();
        mdPage.IsPresentedChanged += async (object sender, EventArgs e) => {
            if (Device.OS == TargetPlatform.iOS) {
                if (mdPage.IsPresented) {
                    var currentPage = (DetailPage)((NavigationPage)mdPage.Detail).CurrentPage;
                    origPageBgColor = currentPage.BackgroundColor;
                    origContentBgColor = currentPage.Content.BackgroundColor;

                    currentPage.BackgroundColor = Color.Black;
                    currentPage.Content.FadeTo(0.5);
                    if (currentPage.Content.BackgroundColor == Color.Default) {
                        currentPage.Content.BackgroundColor = Color.White;

                    }
                }
                else {
                    var currentPage = (DetailPage)((NavigationPage)mdPage.Detail).CurrentPage;
                    currentPage.BackgroundColor = origPageBgColor;
                    currentPage.Content.BackgroundColor = origContentBgColor;
                    currentPage.Content.FadeTo(1.0);
                }


            }
        };
        mdPage.Master = new MasterPage(){Title = "Master Page"};
        mdPage.Detail = new NavigationPage( new DetailPage());

        // The root page of your application
        MainPage = mdPage;
    }