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已經改進很多了，不要盲目跟着操作，不一樣時要自己思考。)