从数据库数据创建的 Xamarin Shell Flyout [xaml 版本]

问题描述

我还尝试从数据库列表中生成 Shell Flyout 元素。但我不确定直接在 AppShell.xaml.cs 中实现是个好主意。是否有可能做同样的事情，但在 xml？

我在 Define FlyoutItem appearance 中看到了类似的东西。但我还是想不通。 另外，直接在 AppShell.xaml.cs 或 App.xaml.cs 中实现代码是个好主意吗？

            LocationLevelviewmodel diudu = new LocationLevelviewmodel();
            var lists = diudu.Items;
            foreach (var list in lists)
            {
                ShellSection shell_section = new ShellSection();

                shell_section.Title = list.LocationName;
                shell_section.Icon = "icon_Feed.png";
                shell_section.Items.Add(new ShellContent() { Content = new LocationLevelPage() });
                this.Items.Add(shell_section);
            }

解决方法

根据您提供的代码，您可以创建一个名为 AppShellCS 的新类，并在如下所示的新 AppShellCS.cs 文件中使用该代码。它运作良好。我做了一个简单的例子来测试而不是数据库。

public class AppShellCS : Shell
{
    public AppShellCS()
    {
        LocationLevelViewModel diudu = new LocationLevelViewModel();
        //var lists = diudu.Items;
        var lists = new List<LocationLevelViewModel>
        {
            new LocationLevelViewModel() {  LocationName="A"},new LocationLevelViewModel() {  LocationName="B"},new LocationLevelViewModel() {  LocationName="C"}
        };

        foreach (var list in lists)
        {
            ShellSection shell_section = new ShellSection();

            shell_section.Title = list.LocationName;
            shell_section.Icon = "tab_feed.png";
            shell_section.Items.Add(new ShellContent() { Content = new LocationLevelPage() });
            this.Items.Add(shell_section);               
        }             


    }
}
public class LocationLevelViewModel
{
    public string LocationName { get; set; }
}

App.xaml.cs

public App()
    {
        InitializeComponent();

        DependencyService.Register<MockDataStore>();
        MainPage = new AppShellCS();
    }

输出：

如果你想在现有的 Shell 项目中添加这个，你可以试试下面的代码。

AppShell.xaml.cs

public partial class AppShell : Xamarin.Forms.Shell
{
    public AppShell()
    {
        InitializeComponent();
        //Routing.RegisterRoute("step",typeof(Page2));

        LocationLevelViewModel diudu = new LocationLevelViewModel();
        //var lists = diudu.Items;
        var lists = new List<LocationLevelViewModel>
        {
            new LocationLevelViewModel() {  LocationName="A"},new LocationLevelViewModel() {  LocationName="C"}
        };

        foreach (var list in lists)
        {
            ShellSection shell_section = new ShellSection();

            shell_section.Title = list.LocationName;
            shell_section.Icon = "tab_feed.png";
            shell_section.Items.Add(new ShellContent() { Content = new LocationLevelPage() });
            this.Items.Add(shell_section);
        }

    }
}

输出：