C# 移动开发 MasterDetailPage 侧滑

首页 > 代码库 > C# 移动开发 MasterDetailPage 侧滑

C# 移动开发 MasterDetailPage 侧滑

2024-09-17 08:38:12 209人阅读

先上结果图：

技术分享

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

我们先新建一个项目，跨平台应用：

技术分享

可移植类库：

技术分享

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

技术分享

选 Forms MasterDetail Page Xaml

技术分享

会创建五个文件，看起来是。

技术分享

打开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));


        }