Xamarin Dropdown menu

最新推荐文章于 2021-05-26 16:43:37 发布

原创最新推荐文章于 2021-05-26 16:43:37 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

c# 编程同时被 2 个专栏收录

294 篇文章

订阅专栏

Xamarin

14 篇文章

订阅专栏

本文详细介绍了Master Page的实现过程，包括菜单项模型定义、XAML界面布局、ListView的使用及页面跳转逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. menu item model

public class MasterPageItem 
{
	public string Title { get; set; }


	public string IconSource { get; set; }


	public Type TargetType { get; set; }	
}

2. MasterPage 的view

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
			 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
			 x:Class="PurpleHeart.MasterPage"
       Title="Menu"
			 Padding="0,40,0,0">
	<ContentPage.Content>
		<StackLayout VerticalOptions="FillAndExpand">
			<ListView x:Name="MyListView" VerticalOptions="FillAndExpand" SeparatorVisibility="None">
				<ListView.ItemTemplate>
					<DataTemplate>
						<ImageCell Text="{Binding Title}" ImageSource="{Binding IconSource}" />
					</DataTemplate>
				</ListView.ItemTemplate>
			</ListView>
		</StackLayout>
	</ContentPage.Content>
</ContentPage>

.cs

public partial class MasterPage : ContentPage
	{
		public ListView ListView { get { return MyListView; } }


		public MasterPage ()
		{
			InitializeComponent ();


		    var masterPageItems = new List<MasterPageItem>
		    {
		        new MasterPageItem
		        {
		            Title = "Shops",
		            IconSource = "shop.png",
		            TargetType = typeof (MyShops)
		        },
		        new MasterPageItem
		        {
		            Title = "Settings",
		            IconSource = "settings.png",
		            TargetType = typeof (SettingsPage)
		        },
		        new MasterPageItem
		        {
		            Title = "My Orders",
		            IconSource = "my_order.png",
		            TargetType = typeof (MyOrderPage)
		        },
                new MasterPageItem
                {
                    Title = "Logout",
                    IconSource = "home1.png",
                    TargetType = typeof (Login)
                }
            };


		    MyListView.ItemsSource = masterPageItems;
		}
	}

添加其余页面的XAML
...

3.运行结果