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已经改进很多了，不要盲目跟着操作，不一样时要自己思考。)