ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

【Maui】注销用户,采用“手势”点击label弹窗选择

【Maui】注销用户,采用“手势”点击label弹窗选择 文章目录前言一、问题描述二、解决方案三、软件开发源码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.xamlLabelText{Binding UserComb}TextColorWhiteHorizontalOptionsCenterVerticalOptionsCenterGrid.Column2x:NameUserNameLabelLabel.GestureRecognizersTapGestureRecognizerTappedOnUserCombClicked//Label.GestureRecognizers/Label3.2 方法二后端绑定文件名MainPage.xaml.cs// 添加点击事件varUserTapGestureRecognizernewTapGestureRecognizer();UserTapGestureRecognizer.TappedOnUserCombClicked;UserNameLabel.GestureRecognizers.Add(UserTapGestureRecognizer);3.3 注销用户的方法逻辑层代码没有全在ViewModel构造函数中进行了数据初始化。逻辑如果要使用可以使用如下方法privateasyncvoidOnUserCombClicked(objectsender,EventArgse){string[]userOptions{注销用户};stringselectedOptionawaitDisplayActionSheet(当前用户,取消,null,userOptions);if(selectedOption注销用户){Global.LogOut();awaitNavigation.PushAsync(newLoginPage());}}四、项目展示
返回列表