Xamarin昏暗页面(主要详细信息页面)

公爵

因此,对于Android,当显示母版详情页面的母版页时,母版页上覆盖着“黑色暗色”视图,因此很容易用眼睛区分两个页面。在iOS中,详细信息页面不会变暗,因此很难区分视图。有没有一种方法可以用BoxView或Frame覆盖“黑色半透明”的详细信息页面,从而以类似于Android的方式使页面变暗。我已经尝试过多种不同的颜色和不透明的盒子视图,但是它们都完全覆盖了屏幕,您无法“透视它们”。有任何想法吗?还是更好的解决方案?即使它是BoxView的客户渲染器也可以使用。我只需要颜色主意/设置即可使它透彻。

jgoldberger-MSFT

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Ionic / Angular:使用“主要”详细信息图案时,没有显示详细信息页面?

来自分类Dev

如何更深入地浏览Xamarin详细信息页面

来自分类Dev

xamarin.forms 中的主详细信息页面

来自分类Dev

Xamarin 主详细信息页面自动汉堡包

来自分类Dev

主详细信息页面内的选项卡式页面Xamarin

来自分类Dev

共享点详细信息页面

来自分类Dev

Facebook管理页面详细信息

来自分类Dev

排序详细信息页面 MVC

来自分类Dev

Ios 中的主详细信息页面

来自分类Dev

如何从详细信息页面导航到主详细信息页面?

来自分类Dev

如何从产品页面转到产品详细信息页面

来自分类Dev

使用XAML和Xamarin将母版页注入到母版详细信息页面

来自分类Dev

Xamarin Forms-主详细信息页面上有空白

来自分类Dev

如何使用Xamarin.Forms移除onMaster详细信息页面顶部不必要的标题

来自分类Dev

为什么主详细信息页面中的标题未在android(Xamarin.Forms)上显示

来自分类Dev

为 xamarin.forms 母版页添加标题包含 TabbedPage 作为详细信息页面

来自分类Dev

通过代码在 Xamarin 中切换/加载新的详细信息页面

来自分类Dev

列表和详细信息页面的固定标题。Xamarin 表单

来自分类Dev

如何在xamarin.forms上使用xaml在主详细信息页面中显示页面标题?

来自分类Dev

详细信息视图中的上一个页面的详细信息视图-Django

来自分类Dev

Silverstripe关系在详细信息页面上不可见

来自分类Dev

域模型和“列表/详细信息”页面

来自分类Dev

使用JasperReports详细信息区域适合页面高度

来自分类Dev

主详细信息页面-Android中的显示菜单图标

来自分类Dev

使用unorderedlist创建主详细信息页面

来自分类Dev

保存后WPF刷新主详细信息页面

来自分类Dev

将数据从母版传递到详细信息页面

来自分类Dev

详细信息页面未显示任何内容

来自分类Dev

主详细信息页面加载菜单项MVVM

Related 相关文章

  1. 1

    Ionic / Angular:使用“主要”详细信息图案时,没有显示详细信息页面?

  2. 2

    如何更深入地浏览Xamarin详细信息页面

  3. 3

    xamarin.forms 中的主详细信息页面

  4. 4

    Xamarin 主详细信息页面自动汉堡包

  5. 5

    主详细信息页面内的选项卡式页面Xamarin

  6. 6

    共享点详细信息页面

  7. 7

    Facebook管理页面详细信息

  8. 8

    排序详细信息页面 MVC

  9. 9

    Ios 中的主详细信息页面

  10. 10

    如何从详细信息页面导航到主详细信息页面?

  11. 11

    如何从产品页面转到产品详细信息页面

  12. 12

    使用XAML和Xamarin将母版页注入到母版详细信息页面

  13. 13

    Xamarin Forms-主详细信息页面上有空白

  14. 14

    如何使用Xamarin.Forms移除onMaster详细信息页面顶部不必要的标题

  15. 15

    为什么主详细信息页面中的标题未在android(Xamarin.Forms)上显示

  16. 16

    为 xamarin.forms 母版页添加标题包含 TabbedPage 作为详细信息页面

  17. 17

    通过代码在 Xamarin 中切换/加载新的详细信息页面

  18. 18

    列表和详细信息页面的固定标题。Xamarin 表单

  19. 19

    如何在xamarin.forms上使用xaml在主详细信息页面中显示页面标题?

  20. 20

    详细信息视图中的上一个页面的详细信息视图-Django

  21. 21

    Silverstripe关系在详细信息页面上不可见

  22. 22

    域模型和“列表/详细信息”页面

  23. 23

    使用JasperReports详细信息区域适合页面高度

  24. 24

    主详细信息页面-Android中的显示菜单图标

  25. 25

    使用unorderedlist创建主详细信息页面

  26. 26

    保存后WPF刷新主详细信息页面

  27. 27

    将数据从母版传递到详细信息页面

  28. 28

    详细信息页面未显示任何内容

  29. 29

    主详细信息页面加载菜单项MVVM

热门标签

归档