zoukankan      html  css  js  c++  java
  • C# 移动开发 MasterDetailPage 侧滑

    先上结果图:

    虽然是跨平台的安卓和ios都可以运行,由于目前只配置了安卓的,ios的先不理。

    我们先新建一个项目,跨平台应用:

    可移植类库:

    可移植项目右键添加新建项

     选 Forms MasterDetail Page Xaml

     

     会创建五个文件,看起来是。(名称不要新增为【MasterPage】,会报错提示成员名与类型相同)

    打开App.xaml.cs

     

            public App()
            {
                InitializeComponent();
                //MainPage = new Casual.MainPage();
                //注释上行,并改为如下:
                MainPage = new MasterPage();
               
            }

    打开MasterPageMaster.xaml.cs 

     

    修改错误

          class MasterPageMasterViewModel : INotifyPropertyChanged
            {
                public ObservableCollection<MasterPageMenuItem> MenuItems { get; }
                public MasterPageMasterViewModel()
                {
             //提示错误的名称 MasterPageMenuItems改为 MenuItems,这里为什么要改呢,迷之错误 MenuItems
    = new ObservableCollection<MasterPageMenuItem>(new[] { new MasterPageMenuItem { Id = 0, Title = "Page 1" }, new MasterPageMenuItem { Id = 1, Title = "Page 2" }, new MasterPageMenuItem { Id = 2, Title = "Page 3" }, new MasterPageMenuItem { Id = 3, Title = "Page 4" }, new MasterPageMenuItem { Id = 4, Title = "Page 5" }, }); } public event PropertyChangedEventHandler PropertyChanged; void OnPropertyChanged([CallerMemberName]string propertyName = "") => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); }

    最后吧以下所有选中蓝色的文件,就是创建的.cs文件打开

     

    命名空间都删掉【.MaserPage】

     

    为什么又要手工改呢,嗯,得问微软了。

    然后就可以运行看看啦,瞬间高大上,跟知乎日报差不多了!

    当然你们要学会自己动手码,而且可以新增的不止Forms MasterDetail Page Xaml

    还有很多,我也还没试,各种坑等着大家跳,23333。

    最后,咳咳,关闭就会报错,我觉得还是应该义正言辞的忽略...

    我能怎么办,我也很绝望啊(╯°□°)╯︵ ┻━┻

     

    希望不要排版伤害到你,随手写的==

    (2017.08.18注: 目前最新版Visual Studio 15.3已经改进很多了,不要盲目跟着操作,不一样时要自己思考。)

  • 相关阅读:
    html5+css3实现上拉和下拉刷新
    js求时间差
    screenX clientX pageX的区别
    HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
    国内代码托管git-osc基础使用教程
    c# 实现获取汉字十六进制Unicode编码字符串
    C# 判断字符编码的六种方法
    UNICODE 区域对照表
    viewport
    Wingdings 2 符号编码对照表
  • 原文地址:https://www.cnblogs.com/zlyxm/p/6763484.html
Copyright © 2011-2022 走看看