Xamarin Dim Page(Master Detail Page)

时间:2016-07-26 19:59:23

标签: xaml xamarin xamarin.ios xamarin.forms master-detail

因此,对于Android,当显示主 - 详细信息页面的母版页时,母版页面覆盖了"黑色调暗"因此很容易用眼睛区分这两个页面。在iOS中,详细信息页面不会变暗,因此区分视图会更加困难。有没有办法用BoxView或框架覆盖详细信息页面,这是"黑色半透明"所以它以类似于Android的方式使页面变暗。我尝试了很多不同颜色和不透明度的盒子视图,但它们都完全覆盖了屏幕,你无法通过它们看到它们#34;。有任何想法吗?或更好的解决方案即使它是BoxView的客户渲染器也能工作。我只需要颜色创意/设置就可以看透。

2 个答案:

答案 0 :(得分:4)

此处示例: 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;
    }

答案 1 :(得分:-1)

我刚刚将FadeTo()方法的顺序更改为最后一个命令,暗黑效果消失了!

await currentPage.Content.FadeTo(0.5);