Xamarin Dim 页面(主详细信息页面)

the*_*oke 2 xaml master-detail xamarin.ios xamarin xamarin.forms

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

jgo*_*SFT 5

此处示例: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;
    }
Run Code Online (Sandbox Code Playgroud)