C# 移动开发 MasterDetailPage 侧滑

最新推荐文章于 2024-09-30 11:32:01 发布

weixin_30852419

最新推荐文章于 2024-09-30 11:32:01 发布

阅读量105

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/zlyxm/p/6763484.html

版权

先上结果图：

虽然是跨平台的安卓和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));


        }