文章目錄
- 前言
- 一、問題描述
- 二、解決方案
- 三、軟件開發(源碼)
- 3.1 方法一:前端綁定
- 3.2 方法二:后端綁定
- 3.3 注銷用戶的方法
- 四、項目展示
前言
.NET 多平臺應用 UI (.NET MAUI) 是一個跨平臺框架,用于使用 C# 和 XAML 創建本機移動和桌面應用。
使用 .NET MAUI,可從單個共享代碼庫開發可在 Android、iOS、macOS 和 Windows 上運行的應用。
.NET MAUI 是一款開放源代碼應用,是 Xamarin.Forms 的進化版,從移動場景擴展到了桌面場景,并從頭重新生成了 UI 控件,以提高性能和可擴展性。 如果以前使用過 Xamarin.Forms 來生成跨平臺用戶界面,那么你會注意到它與 .NET MAUI 有許多相似之處。 但也有一些差異。 通過使用 .NET MAUI,可使用單個項目創建多平臺應用,但如果有必要,可以添加特定于平臺的源代碼和資源。 .NET MAUI 的主要目的之一是使你能夠在單個代碼庫中實現盡可能多的應用邏輯和 UI 布局。
一、問題描述
移動端頂部標題欄,右側顯示用戶賬戶,點擊用戶賬戶時,可以調出彈窗切換賬號。
二、解決方案
采用手勢實現,手勢有兩種綁定形勢,一種在前端采用GestureRecognizers
屬性;二種在后端采用GestureRecognizers.Add()
。
三、軟件開發(源碼)
3.1 方法一:前端綁定
文件名:MainPage.xaml
<Label Text="{Binding UserComb}"TextColor="White"HorizontalOptions="Center"VerticalOptions="Center"Grid.Column="2"x:Name="UserNameLabel"><Label.GestureRecognizers><TapGestureRecognizer Tapped="OnUserCombClicked" /></Label.GestureRecognizers></Label>
3.2 方法二:后端綁定
文件名:MainPage.xaml.cs
// 添加點擊事件var UserTapGestureRecognizer = new TapGestureRecognizer();UserTapGestureRecognizer.Tapped += OnUserCombClicked;UserNameLabel.GestureRecognizers.Add(UserTapGestureRecognizer);
3.3 注銷用戶的方法
邏輯層代碼沒有,全在ViewModel
構造函數中,進行了數據初始化。
邏輯如果要使用可以使用如下方法
private async void OnUserCombClicked(object sender, EventArgs e){string[] userOptions = { "注銷用戶" };string selectedOption = await DisplayActionSheet("當前用戶", "取消", null, userOptions);if (selectedOption == "注銷用戶"){Global.LogOut();await Navigation.PushAsync(new LoginPage());}}