先上结果图：

虽然是跨平台的安卓和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
     
       MenuItems { get; }            public MasterPageMasterViewModel()            {
    　　　　　　　　　//提示错误的名称 MasterPageMenuItems改为 MenuItems,这里为什么要改呢，迷之错误                MenuItems = new ObservableCollection
      
       (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已经改进很多了，不要盲目跟着操作，不一样时要自己思考。)