\u7ed1\u5b9a\u5c31\u50cf\u662f\u5728UI\u63a7\u4ef6\u548c\u6570\u636e\u6e90\u4e4b\u95f4\u5efa\u7acb\u4e00\u6761"\u53cc\u5411\u901a\u4fe1\u7ba1\u9053"\u3002\u60f3\u8c61\u4e00\u4e0b：<\/p>\n
\u5355\u5411\u7ed1\u5b9a：\u5c31\u50cf\u5929\u6c14\u9884\u62a5\u663e\u793a，\u6570\u636e\u6e90\u53d8\u4e86，UI\u81ea\u52a8\u66f4\u65b0<\/p>\n<\/li>\n
\u53cc\u5411\u7ed1\u5b9a：\u5c31\u50cf\u6e29\u5ea6\u8c03\u8282\u5668，UI\u53ef\u4ee5\u4fee\u6539\u6570\u636e，\u6570\u636e\u53d8\u5316\u4e5f\u4f1a\u66f4\u65b0UI<\/p>\n<\/li>\n<\/ul>\n
\u5728Prism\u4e2d，\u6211\u4eec\u901a\u5e38\u4f7f\u7528MVVM\u6a21\u5f0f，\u7ed1\u5b9a\u8fde\u63a5\u7684\u662f：<\/p>\n
View：\u7528\u6237\u754c\u9762（XAML\u6587\u4ef6）<\/p>\n<\/li>\n
ViewModel：\u4e1a\u52a1\u903b\u8f91\u548c\u6570\u636e（C#\u7c7b）<\/p>\n<\/li>\n
Model：\u6570\u636e\u6a21\u578b<\/p>\n<\/li>\n<\/ul>\n
Prism\u589e\u5f3a\u4e86WPF\/Xamarin\u7684\u9ed8\u8ba4\u7ed1\u5b9a\u529f\u80fd，\u63d0\u4f9b：<\/p>\n
\u66f4\u7b80\u6d01\u7684\u8bed\u6cd5<\/p>\n<\/li>\n
\u66f4\u597d\u7684\u89e3\u8026<\/p>\n<\/li>\n
\u5185\u7f6e\u7684\u547d\u4ee4\u7ed1\u5b9a\u652f\u6301<\/p>\n<\/li>\n
\u533a\u57df\u5bfc\u822a\u65f6\u7684\u6570\u636e\u4fdd\u6301<\/p>\n<\/li>\n<\/ul>\n
csharp<\/p>\n
\/\/ ViewModel
\npublic class PersonViewModel : BindableBase
\n{
\n private string _name;
\n public string Name
\n {
\n get { return _name; }
\n set { SetProperty(ref _name, value); }
\n }<\/p>\n
private int _age;
\n public int Age
\n {
\n get { return _age; }
\n set { SetProperty(ref _age, value); }
\n }<\/p>\n
\/\/ \u53ea\u8bfb\u5c5e\u6027（\u8ba1\u7b97\u5c5e\u6027）
\n public string Description => $"{Name}, {Age}\u5c81";<\/p>\n
\/\/ \u96c6\u5408
\n private ObservableCollection<string> _hobbies = new ObservableCollection<string>();
\n public ObservableCollection<string> Hobbies
\n {
\n get { return _hobbies; }
\n set { SetProperty(ref _hobbies, value); }
\n }
\n}<\/p>\n
xml<\/p>\n
<!– View –>
\n<StackPanel>
\n <!– \u53cc\u5411\u7ed1\u5b9a –>
\n <TextBox Text="{Binding Name, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
\n Margin="5"\/><\/p>\n
<!– \u5355\u5411\u7ed1\u5b9a（\u53ea\u663e\u793a，\u4e0d\u80fd\u7f16\u8f91） –>
\n <TextBlock Text="{Binding Description}"
\n Margin="5"\/><\/p>\n
<!– \u5217\u8868\u7ed1\u5b9a –>
\n <ListBox ItemsSource="{Binding Hobbies}"
\n Margin="5"\/>
\n<\/StackPanel><\/p>\n
csharp<\/p>\n
\/\/ ViewModel
\npublic class MainViewModel : BindableBase
\n{
\n \/\/ \u4f7f\u7528Prism\u7684DelegateCommand
\n private DelegateCommand _saveCommand;
\n public DelegateCommand SaveCommand =>
\n _saveCommand ?? (_saveCommand = new DelegateCommand(ExecuteSave, CanSave));<\/p>\n
private void ExecuteSave()
\n {
\n \/\/ \u4fdd\u5b58\u903b\u8f91
\n MessageBox.Show("\u4fdd\u5b58\u6210\u529f！");
\n }<\/p>\n
private bool CanSave()
\n {
\n \/\/ \u53ea\u6709\u59d3\u540d\u4e0d\u4e3a\u7a7a\u65f6\u624d\u542f\u7528\u4fdd\u5b58\u6309\u94ae
\n return !string.IsNullOrEmpty(Name);
\n }<\/p>\n
\/\/ \u5e26\u53c2\u6570\u7684\u547d\u4ee4
\n private DelegateCommand<string> _deleteCommand;
\n public DelegateCommand<string> DeleteCommand =>
\n _deleteCommand ?? (_deleteCommand = new DelegateCommand<string>(ExecuteDelete));<\/p>\n
private void ExecuteDelete(string itemId)
\n {
\n \/\/ \u5220\u9664\u6307\u5b9a\u9879\u76ee
\n }
\n}<\/p>\n
xml<\/p>\n
<!– View –>
\n<StackPanel>
\n <Button Content="\u4fdd\u5b58"
\n Command="{Binding SaveCommand}"
\n Margin="5"\/><\/p>\n
<!– \u5e26\u53c2\u6570\u7684\u547d\u4ee4\u7ed1\u5b9a –>
\n <Button Content="\u5220\u9664\u9879\u76ee1"
\n Command="{Binding DeleteCommand}"
\n CommandParameter="item1"
\n Margin="5"\/>
\n<\/StackPanel><\/p>\n
xml<\/p>\n
<!– \u9700\u8981\u5f15\u7528Prism.Wpf –>
\n<Button Content="\u70b9\u51fb\u6211" Margin="5">
\n <i:Interaction.Triggers>
\n <i:EventTrigger EventName="Click">
\n <prism:InvokeCommandAction Command="{Binding ButtonClickCommand}"\/>
\n <\/i:EventTrigger>
\n <i:EventTrigger EventName="MouseEnter">
\n <prism:InvokeCommandAction
\n Command="{Binding MouseEnterCommand}"
\n CommandParameter="{Binding ElementName=myButton, Path=Content}"\/>
\n <\/i:EventTrigger>
\n <\/i:Interaction.Triggers>
\n<\/Button><\/p>\n
csharp<\/p>\n
\/\/ \u5e03\u5c14\u503c\u8f6c\u6362\u5668：\u5c06bool\u8f6c\u6362\u4e3aVisibility
\npublic class BoolToVisibilityConverter : IValueConverter
\n{
\n public object Convert(object value, Type targetType,
\n object parameter, CultureInfo culture)
\n {
\n return (value is bool boolValue && boolValue)
\n ? Visibility.Visible
\n : Visibility.Collapsed;
\n }<\/p>\n
public object ConvertBack(object value, Type targetType,
\n object parameter, CultureInfo culture)
\n {
\n return value is Visibility visibility &&
\n visibility == Visibility.Visible;
\n }
\n}<\/p>\n
xml<\/p>\n
<!– \u5728XAML\u4e2d\u4f7f\u7528\u8f6c\u6362\u5668 –>
\n<UserControl.Resources>
\n <local:BoolToVisibilityConverter x:Key="BoolToVisibility"\/>
\n<\/UserControl.Resources><\/p>\n
<StackPanel>
\n <!– \u5f53IsAdmin\u4e3atrue\u65f6\u663e\u793a\u7ba1\u7406\u9762\u677f –>
\n <StackPanel Visibility="{Binding IsAdmin,
\n Converter={StaticResource BoolToVisibility}}">
\n <Button Content="\u7ba1\u7406\u529f\u80fd1"\/>
\n <Button Content="\u7ba1\u7406\u529f\u80fd2"\/>
\n <\/StackPanel>
\n<\/StackPanel><\/p>\n
\u59cb\u7ec8\u4f7f\u7528BindableBase<\/p>\n
csharp<\/p>\n
\/\/ \u6b63\u786e\u505a\u6cd5
\npublic class MyViewModel : BindableBase
\n{
\n private string _title;
\n public string Title
\n {
\n get => _title;
\n set => SetProperty(ref _title, value);
\n }
\n}<\/p>\n
\/\/ \u9519\u8bef\u505a\u6cd5（\u4e0d\u4f1a\u901a\u77e5UI\u66f4\u65b0）
\npublic class BadViewModel
\n{
\n public string Title { get; set; } \/\/ UI\u4e0d\u4f1a\u81ea\u52a8\u66f4\u65b0！
\n}\n<\/li>\n
\u96c6\u5408\u4f7f\u7528ObservableCollection<T><\/p>\n
csharp<\/p>\n
\/\/ \u6b63\u786e：\u96c6\u5408\u53d8\u5316\u4f1a\u81ea\u52a8\u901a\u77e5UI
\npublic ObservableCollection<Person> People { get; }
\n = new ObservableCollection<Person>();<\/p>\n
\/\/ \u6dfb\u52a0\/\u5220\u9664\u9879\u76ee\u4f1a\u81ea\u52a8\u66f4\u65b0UI
\nPeople.Add(new Person());
\nPeople.RemoveAt(0);\n<\/li>\n
\u5408\u7406\u4f7f\u7528\u7ed1\u5b9a\u6a21\u5f0f<\/p>\n
xml<\/p>\n
<!– \u6839\u636e\u573a\u666f\u9009\u62e9\u7ed1\u5b9a\u6a21\u5f0f –>
\n<!– \u8f93\u5165\u63a7\u4ef6\u7528TwoWay –>
\n<TextBox Text="{Binding UserName, Mode=TwoWay,
\n UpdateSourceTrigger=PropertyChanged}"\/><\/p>\n
<!– \u53ea\u663e\u793a\u7684\u5185\u5bb9\u7528OneWay –>
\n<TextBlock Text="{Binding CurrentTime, Mode=OneWay}"\/><\/p>\n
<!– \u521d\u59cb\u5316\u540e\u4e0d\u518d\u53d8\u5316\u7684\u7528OneTime –>
\n<TextBlock Text="{Binding AppVersion, Mode=OneTime}"\/>\n<\/li>\n
\u4f7f\u7528DelegateCommand\u7684\u5ef6\u8fdf\u521d\u59cb\u5316<\/p>\n
csharp<\/p>\n
private DelegateCommand _refreshCommand;
\npublic DelegateCommand RefreshCommand =>
\n _refreshCommand ?? (_refreshCommand = new DelegateCommand(
\n () => LoadData(),
\n () => !IsLoading));\n<\/li>\n
\u547d\u4ee4\u542f\u7528\u72b6\u6001\u7ba1\u7406<\/p>\n
csharp<\/p>\n
public class OrderViewModel : BindableBase
\n{
\n private bool _canCheckout;
\n public bool CanCheckout
\n {
\n get => _canCheckout;
\n set
\n {
\n SetProperty(ref _canCheckout, value);
\n \/\/ \u66f4\u65b0\u547d\u4ee4\u7684\u542f\u7528\u72b6\u6001
\n CheckoutCommand.RaiseCanExecuteChanged();
\n }
\n }<\/p>\n
public DelegateCommand CheckoutCommand { get; }<\/p>\n
public OrderViewModel()
\n {
\n CheckoutCommand = new DelegateCommand(
\n Checkout,
\n () => CanCheckout);
\n }
\n}\n<\/li>\n
\u865a\u62df\u5316\u5927\u6570\u636e\u96c6\u5408<\/p>\n
xml<\/p>\n
<!– \u5bf9\u4e8e\u5927\u91cf\u6570\u636e\u7684\u5217\u8868，\u542f\u7528\u865a\u62df\u5316 –>
\n<ListBox VirtualizingStackPanel.IsVirtualizing="True"
\n VirtualizingStackPanel.VirtualizationMode="Recycling">
\n <!– … –>
\n<\/ListBox>\n<\/li>\n
\u907f\u514d\u4e0d\u5fc5\u8981\u7684\u7ed1\u5b9a\u66f4\u65b0<\/p>\n
xml<\/p>\n
<!– \u4e0d\u662f\u6240\u6709\u7ed1\u5b9a\u90fd\u9700\u8981PropertyChanged\u66f4\u65b0 –>
\n<TextBox Text="{Binding SearchText, Mode=TwoWay,
\n UpdateSourceTrigger=LostFocus}"\/> <!– \u5931\u53bb\u7126\u70b9\u65f6\u66f4\u65b0 –>\n<\/li>\n
csharp<\/p>\n
\/\/ ViewModel
\npublic class RegistrationViewModel : BindableBase
\n{
\n \/\/ \u8868\u5355\u5b57\u6bb5
\n public string Email { get; set; }
\n public string Password { get; set; }<\/p>\n
\/\/ \u8868\u5355\u9a8c\u8bc1
\n public bool IsValid => !string.IsNullOrEmpty(Email) &&
\n !string.IsNullOrEmpty(Password);<\/p>\n
\/\/ \u63d0\u4ea4\u547d\u4ee4
\n public DelegateCommand SubmitCommand { get; }<\/p>\n
public RegistrationViewModel()
\n {
\n SubmitCommand = new DelegateCommand(
\n Submit,
\n () => IsValid);<\/p>\n
\/\/ \u5f53\u5c5e\u6027\u53d8\u5316\u65f6\u91cd\u65b0\u9a8c\u8bc1
\n PropertyChanged += (s, e) =>
\n SubmitCommand.RaiseCanExecuteChanged();
\n }
\n}<\/p>\n
xml<\/p>\n
<!– \u4e3b\u5217\u8868 –>
\n<ListBox x:Name="MasterList"
\n ItemsSource="{Binding Customers}"
\n SelectedItem="{Binding SelectedCustomer, Mode=TwoWay}">
\n <ListBox.ItemTemplate>
\n <DataTemplate>
\n <TextBlock Text="{Binding Name}"\/>
\n <\/DataTemplate>
\n <\/ListBox.ItemTemplate>
\n<\/ListBox><\/p>\n
<!– \u8be6\u7ec6\u4fe1\u606f（\u4ece\u89c6\u56fe） –>
\n<ContentControl Content="{Binding SelectedCustomer}">
\n <ContentControl.ContentTemplate>
\n <DataTemplate>
\n <StackPanel>
\n <TextBox Text="{Binding Name, Mode=TwoWay}"\/>
\n <TextBox Text="{Binding Email, Mode=TwoWay}"\/>
\n <\/StackPanel>
\n <\/DataTemplate>
\n <\/ContentControl.ContentTemplate>
\n<\/ContentControl><\/p>\n
csharp<\/p>\n
\/\/ \u6839\u636e\u7528\u6237\u6743\u9650\u52a8\u6001\u663e\u793a\u4e0d\u540cUI
\npublic class DashboardViewModel : BindableBase
\n{
\n private UserRole _currentRole;
\n public UserRole CurrentRole
\n {
\n get => _currentRole;
\n set => SetProperty(ref _currentRole, value);
\n }<\/p>\n
\/\/ \u6839\u636e\u89d2\u8272\u51b3\u5b9a\u663e\u793a\u54ea\u4e9b\u6a21\u5757
\n public bool ShowAdminPanel => CurrentRole == UserRole.Admin;
\n public bool ShowUserPanel => CurrentRole >= UserRole.User;
\n public bool ShowGuestPanel => CurrentRole >= UserRole.Guest;
\n}<\/p>\n
\u68c0\u67e5DataContext\u662f\u5426\u6b63\u786e\u8bbe\u7f6e<\/p>\n<\/li>\n
\u68c0\u67e5\u5c5e\u6027\u540d\u79f0\u62fc\u5199<\/p>\n<\/li>\n
\u4f7f\u7528\u8c03\u8bd5\u8f93\u51fa<\/p>\n
xml<\/p>\n
<!– \u5728XAML\u4e2d\u6dfb\u52a0，\u8c03\u8bd5\u7a97\u53e3\u4f1a\u663e\u793a\u7ed1\u5b9a\u9519\u8bef –>
\n<TextBlock Text="{Binding SomeProperty,
\n diag:PresentationTraceSources.TraceLevel=High}"\/>\n<\/li>\n
csharp<\/p>\n
\/\/ \u6b63\u786e\u6e05\u7406\u4e8b\u4ef6
\npublic class MyViewModel : IDisposable
\n{
\n private CompositeDisposable _disposables = new CompositeDisposable();<\/p>\n
public MyViewModel()
\n {
\n \/\/ \u4f7f\u7528Prism\u7684EventAggregator\u65f6\u8981\u8bb0\u5f97\u53d6\u6d88\u8ba2\u9605
\n var subscription = _eventAggregator
\n .GetEvent<MyEvent>()
\n .Subscribe(OnEvent);<\/p>\n
_disposables.Add(subscription);
\n }<\/p>\n
public void Dispose()
\n {
\n _disposables.Dispose();
\n }
\n}<\/p>\n
Prism\u7ed1\u5b9a\u7684\u6838\u5fc3\u4f18\u52bf\u5728\u4e8e：<\/p>\n
\u58f0\u660e\u5f0f\u7f16\u7a0b：\u5728XAML\u4e2d\u58f0\u660e\u7ed1\u5b9a\u5173\u7cfb，\u51cf\u5c11\u4ee3\u7801\u8026\u5408<\/p>\n<\/li>\n
\u53cc\u5411\u6570\u636e\u6d41：\u81ea\u52a8\u540c\u6b65View\u548cViewModel\u7684\u6570\u636e<\/p>\n<\/li>\n
\u547d\u4ee4\u6a21\u5f0f：\u5c06\u7528\u6237\u64cd\u4f5c\u5c01\u88c5\u4e3a\u547d\u4ee4，\u4fbf\u4e8e\u6d4b\u8bd5\u548c\u7ef4\u62a4<\/p>\n<\/li>\n
\u5f3a\u5927\u7684\u6269\u5c55\u6027：\u652f\u6301\u8f6c\u6362\u5668\u3001\u9a8c\u8bc1\u3001\u89e6\u53d1\u5668\u7b49<\/p>\n<\/li>\n
csharp<\/p>\n
\/\/ \u5b8c\u6574\u7684ViewModel\u793a\u4f8b
\npublic class ProductViewModel : BindableBase
\n{
\n private Product _selectedProduct;
\n public Product SelectedProduct
\n {
\n get => _selectedProduct;
\n set => SetProperty(ref _selectedProduct, value);
\n }<\/p>\n
private ObservableCollection<Product> _products;
\n public ObservableCollection<Product> Products
\n {
\n get => _products;
\n set => SetProperty(ref _products, value);
\n }<\/p>\n
\/\/ \u547d\u4ee4
\n public DelegateCommand AddProductCommand { get; }
\n public DelegateCommand<Product> DeleteProductCommand { get; }<\/p>\n
public ProductViewModel()
\n {
\n Products = new ObservableCollection<Product>();<\/p>\n
AddProductCommand = new DelegateCommand(AddProduct);
\n DeleteProductCommand = new DelegateCommand<Product>(DeleteProduct);<\/p>\n
\/\/ \u521d\u59cb\u5316\u6570\u636e
\n LoadProducts();
\n }<\/p>\n
private void AddProduct()
\n {
\n var newProduct = new Product { Name = "\u65b0\u4ea7\u54c1", Price = 0 };
\n Products.Add(newProduct);
\n SelectedProduct = newProduct;
\n }<\/p>\n
private void DeleteProduct(Product product)
\n {
\n if (product != null)
\n {
\n Products.Remove(product);
\n }
\n }
\n}<\/p>\n
Prism\u7ed1\u5b9a\u7684\u5173\u952e\u5728\u4e8e\u4fdd\u6301ViewModel\u7684\u7eaf\u7cb9\u6027（\u4e0d\u5f15\u7528\u4efb\u4f55UI\u76f8\u5173\u7684\u4e1c\u897f）\u548c\u5145\u5206\u5229\u7528\u6570\u636e\u901a\u77e5\u673a\u5236\u3002\u8fd9\u6837\u53ef\u4ee5\u8ba9\u4f60\u7684\u5e94\u7528\u66f4\u52a0\u53ef\u7ef4\u62a4\u3001\u53ef\u6d4b\u8bd5\u548c\u53ef\u6269\u5c55\u3002<\/p>\n
\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4e00\u3001Prism\u7ed1\u5b9a\u662f\u4ec0\u4e48？1.1 \u6838\u5fc3\u6982\u5ff5\u7ed1\u5b9a\u5c31\u50cf\u662f\u5728UI\u63a7\u4ef6\u548c\u6570\u636e\u6e90\u4e4b\u95f4\u5efa\u7acb\u4e00\u6761\\”\u53cc\u5411\u901a\u4fe1\u7ba1\u9053\\”\u3002\u60f3\u8c61\u4e00\u4e0b：\u5355\u5411\u7ed1\u5b9a：\u5c31\u50cf\u5929\u6c14\u9884\u62a5\u663e\u793a，\u6570\u636e\u6e90\u53d8\u4e86，UI\u81ea\u52a8\u66f4\u65b0\u53cc\u5411\u7ed1\u5b9a：\u5c31\u50cf\u6e29\u5ea6\u8c03\u8282\u5668，UI\u53ef\u4ee5\u4fee\u6539\u6570\u636e，\u6570\u636e\u53d8\u5316\u4e5f\u4f1a\u66f4\u65b0UI\u5728Prism\u4e2d，\u6211\u4eec\u901a\u5e38\u4f7f\u7528MVVM\u6a21\u5f0f，\u7ed1\u5b9a\u8fde\u63a5\u7684\u662f：View：\u7528\u6237\u754c\u9762࿰<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[6542,3707],"topic":[],"class_list":["post-61719","post","type-post","status-publish","format-standard","hentry","category-server","tag-prism","tag-3707"],"yoast_head":"\n