东莞建设造价信息网站,wordpress好用的地图,网站建站公司费用,一起装修网北京总部官网文章目录 前言一、问题描述二、解决方案三、软件开发#xff08;源码#xff09;3.1 创建模型3.2 视图界面3.3 控制器逻辑层 四、项目展示 前言
.NET 多平台应用 UI (.NET MA… 文章目录 前言一、问题描述二、解决方案三、软件开发源码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 布局。
一、问题描述
MVVM模式Model-View-ViewModel架构模式是将View和ViewModel关联起来通过双向数据绑定实现View和ViewModel的同步更新。View负责展示数据和用户交互ViewModel负责处理数据和业务逻辑Model负责存储数据。MVVM的优点是能够降低View和ViewModel之间的耦合使得代码更加可维护和可测试。 .NET MAUI是如何进行将View和ViewModel双向绑定的呢
二、解决方案
1、视图–数据模型绑定定义ViewModels视图层通过Binding属性绑定ViewModels 2、数据模型–视图绑定ViewModels属性发生改变需要通知View进行更新通知采用观察者模式更新View采用委托Invoke。 听起来很复杂对不对其实很简单。
三、软件开发源码
3.1 创建模型 文件名MO1002AddViewModel.cs 位置ViewModels 备注集合一定要定义成 ObservableCollection不要使用List否则无法实现MVVMObservableCollection实现INotifyCollectionChanged, INotifyPropertyChanged。 using App.Mes.Core.Entities;
using App.Mes.Core.Operation.Services.Mobile;
using Newtonsoft.Json;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;namespace GlueNet.Mobile.ViewModels
{public class MO1002AddViewModel : INotifyPropertyChanged{private string _mtrlTypeValue; // 物料类型private string _houseValue; // 线边库private string _bnPlantValue; // 业务工厂private string _reasonValue; // 原因public ObservableCollectionKeyValuePairstring, string MtrlTypeOptions { get; set; } new ObservableCollectionKeyValuePairstring, string();public ObservableCollectionKeyValuePairstring, string HouseOptions { get; set; } new ObservableCollectionKeyValuePairstring, string();public ObservableCollectionKeyValuePairstring, string BnPlantOptions { get; set; } new ObservableCollectionKeyValuePairstring, string();public ObservableCollectionKeyValuePairstring, string ReasonOptions { get; set; } new ObservableCollectionKeyValuePairstring, string();public KeyValuePairstring, string MtrlTypeValue{get new KeyValuePairstring, string(MtrlTypeOptions.FirstOrDefault(x x.Value _mtrlTypeValue).Key, _mtrlTypeValue);set{if (_mtrlTypeValue ! value.Value){_mtrlTypeValue value.Value;OnPropertyChanged();}}}public KeyValuePairstring, string HouseValue{get new KeyValuePairstring, string(HouseOptions.FirstOrDefault(x x.Value _houseValue).Key, _houseValue);set{if (_houseValue ! value.Value){_houseValue value.Value;OnPropertyChanged();}}}public KeyValuePairstring, string BnPlantValue{get new KeyValuePairstring, string(BnPlantOptions.FirstOrDefault(x x.Value _bnPlantValue).Key, _bnPlantValue);set{if (_bnPlantValue ! value.Value){_bnPlantValue value.Value;OnPropertyChanged();}}}public KeyValuePairstring, string ReasonValue{get new KeyValuePairstring, string(ReasonOptions.FirstOrDefault(x x.Value _reasonValue).Key, _reasonValue);set{if (_reasonValue ! value.Value){_reasonValue value.Value;OnPropertyChanged();}}}/// summary/// 构造函数/// /summarypublic MO1002AddViewModel(){InitializeOptions();}private void InitializeOptions(){//物料类型初始化MtrlTypeOptions.Add(new KeyValuePairstring, string(22, 纸垛));MtrlTypeOptions.Add(new KeyValuePairstring, string(23, 纸卷));MtrlTypeValue MtrlTypeOptions.FirstOrDefault();//线边库初始化string str_house GycMobileService.Proxy.GetHouseByUser();var houseList JsonConvert.DeserializeObjectListTax0010(str_house);foreach (var item in houseList){HouseOptions.Add(new KeyValuePairstring, string(item.CStoreHouse, item.CStoreHouseNm));}HouseValue HouseOptions.FirstOrDefault();//业务工厂初始化string str_BnPlant GycMobileService.Proxy.GetBsnsPlant();var BnPlantList JsonConvert.DeserializeObjectListTax0002(str_BnPlant);foreach (var item in BnPlantList){BnPlantOptions.Add(new KeyValuePairstring, string(item.CNewBnPlantCd, item.CNewBnPlantNm));}BnPlantValue BnPlantOptions.FirstOrDefault();//退库原因string str_Reason GycMobileService.Proxy.GetReason();var ReasonList JsonConvert.DeserializeObjectListKeyValuePairstring, string(str_Reason);foreach (var item in ReasonList){ReasonOptions.Add(new KeyValuePairstring, string(item.Key, item.Value));}ReasonValue ReasonOptions.FirstOrDefault();}/// summary/// MO1002Page页面用根据key获取value/// 备注此方法不推荐gyc建议服务端【联表查询】返回合适有value的数据对象现在服务端ORM难以改造故而使用此方案。/// /summarypublic string GetMtrlTypeValueByKey(string key){var house MtrlTypeOptions.FirstOrDefault(x x.Key key);return house.Value;}public string GetHouseValueByKey(string key){var house HouseOptions.FirstOrDefault(x x.Key key);return house.Value;}public string GetBnPlantValueByKey(string key){var house BnPlantOptions.FirstOrDefault(x x.Key key);return house.Value;}public string GetReasonValueByKey(string key){var house ReasonOptions.FirstOrDefault(x x.Key key);return house.Value;}public event PropertyChangedEventHandler PropertyChanged;protected void OnPropertyChanged([CallerMemberName] string propertyName null){PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));}}
}3.2 视图界面 文件名MO1002AddPage.xaml 位置Pages 备注第二种绑定形势也可以在在逻辑层绑定。 ContentPage.BindingContext local:MO1002AddViewModel / /ContentPage.BindingContext ?xml version1.0 encodingutf-8 ?
ContentPage xmlnshttp://schemas.microsoft.com/dotnet/2021/mauixmlns:xhttp://schemas.microsoft.com/winfx/2009/xamlx:ClassGlueNet.Mobile.Pages.MO1002AddPagexmlns:localclr-namespace:GlueNet.Mobile.ViewModelsTitle件次退料-制单ContentPage.BindingContextlocal:MO1002AddViewModel //ContentPage.BindingContextVerticalStackLayout StackLayout Margin10,20,10,20!--件次退料 制单--Frame BorderColorLightGray CornerRadius5 Padding10 Margin5Grid ColumnDefinitions*,* RowDefinitions*,*,*,*Label Text物料类型 VerticalOptionsCenter/Picker Title下拉框 Grid.Column1 ItemsSource{Binding MtrlTypeOptions} SelectedItem{Binding MtrlTypeValue} ItemDisplayBinding{Binding Value}/Label Text线边库 Grid.Row1 VerticalOptionsCenter/Picker Title下拉框 Grid.Row1 Grid.Column1 ItemsSource{Binding HouseOptions} SelectedItem{Binding HouseValue} ItemDisplayBinding{Binding Value}/Label Text业务工厂 Grid.Row2 VerticalOptionsCenter/Picker Title下拉框 Grid.Row2 Grid.Column1 ItemsSource{Binding BnPlantOptions} SelectedItem{Binding BnPlantValue} ItemDisplayBinding{Binding Value}/Label Text退库原因 Grid.Row3 VerticalOptionsCenter/Picker Title下拉框 Grid.Row3 Grid.Column1 ItemsSource{Binding ReasonOptions} SelectedItem{Binding ReasonValue} ItemDisplayBinding{Binding Value}//Grid/Frame/StackLayout!--件次退料 制单--Grid ColumnDefinitions*,*,*Button Grid.Column0 HorizontalOptionsCenter VerticalOptionsCenter Text确认 FontSize15 BackgroundColorLightBlue ClickedOnAddClicked/Button Grid.Column2 HorizontalOptionsCenter VerticalOptionsCenter Text取消 FontSize15 BackgroundColorOrange ClickedOnCanelClicked//Grid/VerticalStackLayout
/ContentPage3.3 控制器逻辑层
逻辑层代码没有全在ViewModel构造函数中进行了数据初始化。 逻辑如果要使用可以使用如下方法
var viewModel BindingContext as MO1002AddViewModel;四、项目展示
