view和viewmodel交互的几种方式

已于 2023-03-29 08:42:14 修改
阅读量533 收藏 1
点赞数
文章标签： microsoft
于 2023-03-20 10:31:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38157505/article/details/129661201
版权

如果使用command必须要新建一个类实现command接口，然后在viewmodel里使用这个类定义command属性，这个在网上有大量案例所以就不说多少了。

第一种，使用caliburn.micro框架，

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:local="clr-namespace:partmanager.Views"
        xmlns:loc="clr-namespace:partmanager.ViewModels"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        xmlns:Views="clr-namespace:materialtest.Views;assembly=materialtest" 
        xmlns:ViewModel="clr-namespace:materialtest.ViewModel;assembly=materialtest" 
        xmlns:cal="http://www.caliburnproject.org" 
    xmlns:Interaction="http://schemas.microsoft.com/expression/2010/interactions"
    x:Class="partmanager.Views.MainView"
        mc:Ignorable="d"
        Title="MainViewilgjhgv" Height="450"  Width="800" x:Name="MyMainView" >
<Menu IsMainMenu="True" x:Name="po">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="MouseDown">
                            <Interaction:CallMethodAction TargetObject="{Binding}" MethodName="MenuItemClick"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                    <MenuItem Header="文件" Checked="MenuItem_Checked_1" Click="MenuItem_Click_1" >
                        <!--<MenuItem Header="退出" Click="MenuItem_Click" Checked="MenuItem_Checked_2">
                </MenuItem>-->
                    </MenuItem>
                    <MenuItem Header="帮助" Command="{Binding Help}" CommandParameter="{Binding}"/>
                    <MenuItem Header="设置" >
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <Interaction:CallMethodAction TargetObject="{Binding}" MethodName="ConfigClick"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </MenuItem>
                </Menu>

viewmodel页的关联代码是

public void MenuItemClick(object sender, RoutedEventArgs e) { 
            var menuItem = sender as MenuItem;
            if (menuItem == null) return;
        }

第二种，

View页代码
<Image x:Name="imageshow" Grid.Column="1" Margin="0" cal:Message.Attach="[Event MouseLeftButtonDown]=[ImageClick($source,$eventArgs)];[Event MouseUp]=[ImageUp($source,$eventArgs)];[Event MouseDown]=[ImageDown($source,$eventArgs)]"  Cursor="Hand" Source="/Views/face.png" LayoutUpdated="Image_LayoutUpdated" SourceUpdated="imageshow_SourceUpdated">

                    </Image>
ViewModel页代码
public void ImageUp(object sender, MouseButtonEventArgs e)
        {
            Console.WriteLine("鼠标Up");
            Rect rc = new Rect(100, 100, 30, 40);
            DrawReversibleFrame(rc, Color.FromRgb(255, 255, 0), System.Windows.Forms.FrameStyle.Thick);
        }
        public void ImageDown(object sender, MouseButtonEventArgs e) 
        { 
            Console.WriteLine("鼠标Down");
            Rect rc= new Rect(100,100,30,40);
            DrawReversibleFrame(rc,Color.FromRgb(255,255,0), System.Windows.Forms.FrameStyle.Thick);
        }
        public void ImageClick(object sender, MouseButtonEventArgs e)
        {
            Console.WriteLine(e.GetPosition(sender as Image).X + "YYY"+ e.GetPosition(sender as Image).Y);
        }

第三种，意外情况，使用代理类（当在viewmodel批量生成控件时候（前台必须有控件模板））

可能导致控件的事件无法正常绑定所以有了这个方法

代理类：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;

namespace YS.Parts.Manager.WPF.Models
{
    public class BindingProxy : Freezable
    {
        protected override Freezable CreateInstanceCore()
        {
            throw new NotImplementedException();
        }

        public object Data
        {
            get { return (object)GetValue(DataProperty); }
            set { SetValue(DataProperty, value); }
        }

        // Using a DependencyProperty as the backing store for Data.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty DataProperty =
            DependencyProperty.Register("Data", typeof(object), typeof(BindingProxy), new UIPropertyMetadata(null));
    }
}
控件窗体：
<UserControl x:Class="YS.Parts.Manager.WPF.Views.ComponentCardView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:local="clr-namespace:YS.Parts.Manager.WPF.Views" 
             xmlns:localconv="clr-namespace:YS.Parts.Manager.WPF.Converts"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:Interaction="http://schemas.microsoft.com/expression/2010/interactions"
             xmlns:domain="clr-namespace:YS.Parts.Manager.WPF.Models"
             mc:Ignorable="d" 
             Width="220" MaxHeight="250" VerticalAlignment="Stretch" Cursor="" 
             MouseDown="UserControl_MouseDown" >
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseDoubleClick">
            <Interaction:CallMethodAction TargetObject="{Binding}" MethodName="CardDoubleClick"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />
            </ResourceDictionary.MergedDictionaries>
            <localconv:BoolStringConvert x:Key="boolStringConvert"/>
            <localconv:BoolColorConvert x:Key="boolColorConvert"/>
            <localconv:StringToImagePath x:Key="convertpath"/>
            <Style x:Key="MouseOverHighlightStyle" TargetType="Border">
                <Style.Triggers>
                    <EventTrigger RoutedEvent="MouseEnter">
                        <EventTrigger.Actions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Duration="0:0:0.300" Storyboard.TargetProperty="BorderBrush.Color" To="Blue"/>

                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger.Actions>
                    </EventTrigger>
                    <EventTrigger RoutedEvent="MouseLeave">
                        <EventTrigger.Actions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Duration="0:0:0.300" Storyboard.TargetProperty="BorderBrush.Color" To="Gray"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger.Actions>
                    </EventTrigger>
                </Style.Triggers>
            </Style>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <Grid.Resources>
            <domain:BindingProxy x:Key="DataContextProxy" Data="{Binding}"/>
        </Grid.Resources>
        <Border Style="{StaticResource MouseOverHighlightStyle}"  Background="{Binding ComponentAvaliable,Converter={StaticResource boolColorConvert},
            Mode=OneWay}" BorderBrush="Gray" BorderThickness="5" Margin="10" CornerRadius="30">
            <Border  Background="{Binding ComponentGroup,Converter={StaticResource boolColorConvert},Mode=OneWay}"  BorderBrush="Gray"  
                     CornerRadius="30">
                <Grid Cursor="">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="3*"/>
                        <RowDefinition Height="5*"/>

                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="60"/>
                        <ColumnDefinition Width="50"/>
                    </Grid.ColumnDefinitions>
                    <Image Width="70" Height="70"  HorizontalAlignment="Left" Source="{Binding ComponentGroup,Converter={StaticResource convertpath},Mode=OneWay}"  materialDesign:ShadowAssist.ShadowDepth="Depth3"
                   VerticalAlignment="Top" Margin="10 10 0 0"  Cursor="Hand" >

                    </Image>
                    <StackPanel Orientation="Vertical" Margin="0,3,-3,0" Grid.Column="2">
                        <Button x:Name="shanchu" Width="60" ToolTip="删除" HorizontalContentAlignment="Center" 
                                VerticalContentAlignment="Center" IsEnabled="{Binding DeleteIsEnable}"
                         Height="40" HorizontalAlignment="Right" VerticalAlignment="Top" 
                            Cursor="Hand" Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding DataContext.Delete,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=UserControl}}" CommandParameter="{Binding .}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="MouseEnter">
                                    <Interaction:CallMethodAction TargetObject="{Binding}" MethodName="EnterCardBtn"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                            <materialDesign:PackIcon Kind="WindowClose" Foreground="Blue" Height="35" Width="35"  
                                                     Cursor="" HorizontalAlignment="Center" VerticalAlignment="Center" 
                                                     FontWeight="Normal" FontSize="10"  />
                        </Button>
                        <Button x:Name="shezhi" Width="60" ToolTip="{Binding Data.mytext,Source={StaticResource DataContextProxy}}" HorizontalContentAlignment="Center" 
                                VerticalContentAlignment="Center" IsEnabled="{Binding SetIsEnable}"
                            Height="40" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,0,10"  Cursor="Hand" 
                            Background="{x:Null}" BorderBrush="{x:Null}" Click="Button_Click_1">
                            <materialDesign:PackIcon Kind="CogOutline" Foreground="Blue" Height="35" Width="35"  
                                                     Cursor="" HorizontalAlignment="Center" VerticalAlignment="Center" 
                                                     FontWeight="Normal" FontSize="10"  />
                        </Button>
                    </StackPanel>


                    <StackPanel Grid.Column="1" HorizontalAlignment="Center">
                        <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                            <TextBlock Margin="0,10"  Text="{Binding ComponentAvaliable,Converter={StaticResource boolStringConvert},Mode=OneWay}"
                                       FontSize="18" Foreground="blue" FontWeight="Light"/>
                            <ToggleButton Margin="0,0" IsChecked="{Binding ComponentAvaliable}" Style="{StaticResource MaterialDesignSwitchToggleButton}" 
                                          IsEnabled="{Binding ForbiddenIsEnable}" RenderTransformOrigin="0.5,0.5" Cursor="">
                                <ToggleButton.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </ToggleButton.RenderTransform>
                            </ToggleButton>

                        </StackPanel>
                    </StackPanel>
                    <Grid Grid.Row="1" Grid.ColumnSpan="3">
                        <TextBlock x:Name="nameText" Text="{Binding ComponentName}" TextWrapping="Wrap" HorizontalAlignment="Center" 
                                   Margin="0,0" TextAlignment="Justify" FontSize="18" Foreground="blue"/>
                        <StackPanel   VerticalAlignment="Top" Margin="0,27,0,0"  HorizontalAlignment="Center">
                            <Expander Background="Transparent" HorizontalAlignment="Center" HorizontalContentAlignment="Center" 
                                      Header="功能概述" Foreground="Blue" Cursor="" >
                                <StackPanel Orientation="Vertical" TextBlock.Foreground="{DynamicResource MaterialDesignBody}" 
                                            Cursor="" >
                                    <TextBlock Text="{Binding ComponentDescribe}" TextWrapping="Wrap" Margin="9 -10 9 5"/>
                                </StackPanel>
                            </Expander>
                        </StackPanel>
                    </Grid>
                </Grid>
            </Border>
        </Border>
    </Grid>
</UserControl>
ViewModel页：
using Caliburn.Micro;
using MaterialDesignThemes.Wpf.Transitions;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.CompilerServices;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Input;

namespace YS.Parts.Manager.WPF.ViewModels
{
    public class ComponentCardViewModel:Screen
    {
        
        /// <summary>
        /// 是否启用
        /// </summary>
        private bool componentAvaliable;
        private ICommand delete;
        bool deleteAvaliable=true;
        public ComponentCardViewModel() 
        { 
           Delete= new MyCommand(DeleteAction, DeleteCanExcu);
        }

        private bool DeleteCanExcu(object arg)
        {
            return deleteAvaliable;
        }

        private void DeleteAction(object obj)
        {
            Console.WriteLine("20230222臭臭delete");

        }
        public void CardDoubleClick(object sender, MouseButtonEventArgs e) 
        { 
            Console.WriteLine("20230222臭臭双击");

        }
        public void EnterCardBtn(object sender, System.Windows.Input.MouseEventArgs e) 
        {
            Console.WriteLine("20230222臭臭进入");

        }
        public TransitionEffect Effact { get; set; }
        public string ComponentName { get; set; }
        public string ComponentGroup { get; set; }
        public string ComponentDescribe { get; set; }
        public bool ComponentAvaliable 
        { 
            get => componentAvaliable; 
            set 
            { 
                componentAvaliable = value; 
                NotifyOfPropertyChange(() => ComponentAvaliable); 
            } 
        }

        public bool DeleteIsEnable { get; set; }
        public bool SetIsEnable { get; set; }
        public bool ForbiddenIsEnable { get; set; }
        public ICommand Delete { get => delete; set => delete = value; }

        public void ConfigCommand(object obj) {
            Console.WriteLine("20230222臭臭config");
        }
        public void DeleteCommand(object obj)
        {
            Console.WriteLine("20230222臭臭delete");

        }
    }
}

mycommand类：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace YS.Parts.Manager.WPF
{
    internal class MyCommand : ICommand
    {
        public event EventHandler CanExecuteChanged;
        private readonly Action<object> execAction;
        private readonly Func<object, bool> changeFunc;
        public MyCommand(Action<object> execAction, Func<object, bool> changeFunc)
        {
            this.execAction = execAction;
            this.changeFunc = changeFunc;
        }
        public bool CanExecute(object parameter)
        {
            return this.changeFunc.Invoke(parameter);
        }

        public void Execute(object parameter)
        {
            this.execAction.Invoke(parameter);
        }
    }
}
<UserControl x:Class="YS.Parts.Manager.WPF.Views.ComponentCardView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:local="clr-namespace:YS.Parts.Manager.WPF.Views" 
             xmlns:localconv="clr-namespace:YS.Parts.Manager.WPF.Converts"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:Interaction="http://schemas.microsoft.com/expression/2010/interactions"
             xmlns:domain="clr-namespace:YS.Parts.Manager.WPF.Models"
             mc:Ignorable="d" 
             Width="220" MaxHeight="250" VerticalAlignment="Stretch" Cursor="" 
             MouseDown="UserControl_MouseDown" >
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseDoubleClick">
            <Interaction:CallMethodAction TargetObject="{Binding}" MethodName="CardDoubleClick"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />
            </ResourceDictionary.MergedDictionaries>
            <localconv:BoolStringConvert x:Key="boolStringConvert"/>
            <localconv:BoolColorConvert x:Key="boolColorConvert"/>
            <localconv:StringToImagePath x:Key="convertpath"/>
            <Style x:Key="MouseOverHighlightStyle" TargetType="Border">
                <Style.Triggers>
                    <EventTrigger RoutedEvent="MouseEnter">
                        <EventTrigger.Actions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Duration="0:0:0.300" Storyboard.TargetProperty="BorderBrush.Color" To="Blue"/>

                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger.Actions>
                    </EventTrigger>
                    <EventTrigger RoutedEvent="MouseLeave">
                        <EventTrigger.Actions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Duration="0:0:0.300" Storyboard.TargetProperty="BorderBrush.Color" To="Gray"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger.Actions>
                    </EventTrigger>
                </Style.Triggers>
            </Style>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        
        <Border Style="{StaticResource MouseOverHighlightStyle}"  Background="{Binding ComponentAvaliable,Converter={StaticResource boolColorConvert},
            Mode=OneWay}" BorderBrush="Gray" BorderThickness="5" Margin="10" CornerRadius="30">
            <Border  Background="{Binding ComponentGroup,Converter={StaticResource boolColorConvert},Mode=OneWay}"  BorderBrush="Gray"  
                     CornerRadius="30">
                <Grid Cursor="">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="3*"/>
                        <RowDefinition Height="5*"/>

                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="60"/>
                        <ColumnDefinition Width="50"/>
                    </Grid.ColumnDefinitions>
                    <Image Width="70" Height="70"  HorizontalAlignment="Left" Source="{Binding ComponentGroup,Converter={StaticResource convertpath},Mode=OneWay}"  materialDesign:ShadowAssist.ShadowDepth="Depth3"
                   VerticalAlignment="Top" Margin="10 10 0 0"  Cursor="Hand" >

                    </Image>
                    <StackPanel Orientation="Vertical" Margin="0,3,-3,0" Grid.Column="2">
                        <Button x:Name="shanchu" Width="60" ToolTip="删除" HorizontalContentAlignment="Center" 
                                VerticalContentAlignment="Center" IsEnabled="{Binding DeleteIsEnable}"
                         Height="40" HorizontalAlignment="Right" VerticalAlignment="Top" 
                            Cursor="Hand" Background="{x:Null}" BorderBrush="{x:Null}" Command="{Binding DataContext.Delete,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=UserControl}}" CommandParameter="{Binding .}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="MouseEnter">
                                    <Interaction:CallMethodAction TargetObject="{Binding}" MethodName="EnterCardBtn"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                            <materialDesign:PackIcon Kind="WindowClose" Foreground="Blue" Height="35" Width="35"  
                                                     Cursor="" HorizontalAlignment="Center" VerticalAlignment="Center" 
                                                     FontWeight="Normal" FontSize="10"  />
                        </Button>
                        <Button x:Name="shezhi" Width="60" ToolTip="设置" HorizontalContentAlignment="Center" 
                                VerticalContentAlignment="Center" IsEnabled="{Binding SetIsEnable}"
                            Height="40" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,0,10"  Cursor="Hand" 
                            Background="{x:Null}" BorderBrush="{x:Null}" Click="Button_Click_1">
                            <materialDesign:PackIcon Kind="CogOutline" Foreground="Blue" Height="35" Width="35"  
                                                     Cursor="" HorizontalAlignment="Center" VerticalAlignment="Center" 
                                                     FontWeight="Normal" FontSize="10"  />
                        </Button>
                    </StackPanel>


                    <StackPanel Grid.Column="1" HorizontalAlignment="Center">
                        <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                            <TextBlock Margin="0,10"  Text="{Binding ComponentAvaliable,Converter={StaticResource boolStringConvert},Mode=OneWay}"
                                       FontSize="18" Foreground="blue" FontWeight="Light"/>
                            <ToggleButton Margin="0,0" IsChecked="{Binding ComponentAvaliable}" Style="{StaticResource MaterialDesignSwitchToggleButton}" 
                                          IsEnabled="{Binding ForbiddenIsEnable}" RenderTransformOrigin="0.5,0.5" Cursor="">
                                <ToggleButton.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </ToggleButton.RenderTransform>
                            </ToggleButton>

                        </StackPanel>
                    </StackPanel>
                    <Grid Grid.Row="1" Grid.ColumnSpan="3">
                        <TextBlock x:Name="nameText" Text="{Binding ComponentName}" TextWrapping="Wrap" HorizontalAlignment="Center" 
                                   Margin="0,0" TextAlignment="Justify" FontSize="18" Foreground="blue"/>
                        <StackPanel   VerticalAlignment="Top" Margin="0,27,0,0"  HorizontalAlignment="Center">
                            <Expander Background="Transparent" HorizontalAlignment="Center" HorizontalContentAlignment="Center" 
                                      Header="功能概述" Foreground="Blue" Cursor="" >
                                <StackPanel Orientation="Vertical" TextBlock.Foreground="{DynamicResource MaterialDesignBody}" 
                                            Cursor="" >
                                    <TextBlock Text="{Binding ComponentDescribe}" TextWrapping="Wrap" Margin="9 -10 9 5"/>
                                </StackPanel>
                            </Expander>
                        </StackPanel>
                    </Grid>
                </Grid>
            </Border>
        </Border>
    </Grid>
</UserControl>

weixin_38157505
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Windows Phone 下ViewModel直接获取View下的控件
renyg25的专栏
12-16 1316
WP开发，在使用MVVM时有时候想直接在ViewModel下获取View的控件，那怎么获取呢，请看下文。 1. 在VM中添加以下代码 public object getView { get; set; } public MainVM(object host) { getView = host;
WPF之View、ViewModel之间的相互交互（二）
如沐清风的博客
12-10 3785
1、Messager交互结构和消息类型 衔接上篇，Messeger是信使的意思，顾名思义，他的目是用于View和ViewModel 以及 ViewModel和ViewModel 之间的消息通知和接收。 Messenger类用于应用程序的通信，接受者只能接受注册的消息类型，另外目标类型可以被指定，用Send&lt;TMessage, TTarget&gt;(TMessage message)实现...
【译】Android Architecture - ViewModel 与 View 的通信
weixin_33963189的博客
11-26 359
前言 本文翻译自【Android Architecture: Communication between ViewModel and View】，介绍了 MVVM 架构中 VM 与 V 的通信。感谢作者 Shashank Gupta。水平有限，欢迎指正讨论。 自从 Google 在去年 I/O 大会发布 Architecture Components 以来，MVVM 架构已经成为一种趋势。很多之前...
利刃 MVVMLight 9：Messenger
weixin_30856965的博客
05-10 599
MVVM的目标之一就是为了解耦View和ViewModel。View负责视图展示，ViewModel负责业务逻辑处理，尽量保证 View.xaml.cs中的简洁，不包含复杂的业务逻辑代码。 但是在实际情况中是View和ViewModel之间的交互方式还是比较复杂的，View和ViewModel的分离并不是界定的那么清晰。 比如以下两种场景： 1、如果需要某张视图页面弹...
android view架构,ViewModel 概览
weixin_39700215的博客
05-27 200
ViewModel 概览ViewModel 类旨在以注重生命周期的方式存储和管理界面相关的数据。ViewModel 类让数据可在发生屏幕旋转等配置更改后继续留存。注意：如需将 ViewModel导入 Android 项目，请参阅 Lifecycle 版本说明中关于声明依赖项的说明。Android 框架可以管理界面控制器(如 Activity 和 Fragment)的生命周期。Android 框架可...
MVVM-Services-Sample:MVVM Light Toolkit 示例，用于使用 View 到 ViewModel 通信服务
06-17
MVVM（Model-View-ViewModel）是一种设计模式，广泛应用于WPF、UWP、Xamarin等.NET开发环境，旨在提高应用的可测试性和解耦性。 MVVM Light Toolkit 是一个流行的库，由 Laurent Bugnion 创建，为开发者提供了在...
Android通过ViewModel保存数据实现多页面的数据共享功能
08-25
ViewModel 属于 Android 的架构组件之一，是一种存储和管理数据的方式。它可以将数据保存到内存中，并在不同的 Fragment 或 Activity 之间共享。ViewModel 的主要特点是可以在配置更改时保存数据，例如屏幕旋转时...
几种AFNetworking封装形式.zip
12-10
ViewModel与Model交互，将网络数据转化为View展示的数据模型，同时处理网络请求的状态，如加载中、加载失败、加载完成等。 总之，AFNetworking的封装方式多种多样，可以根据项目的规模、需求和团队习惯选择合适的...
WpfApplication1.zip_窗口交互
09-24
4. **MVVM（Model-View-ViewModel）设计模式**：这是一种推荐的WPF开发模式，可以帮助组织代码并简化窗口间的交互。ViewModel作为模型和视图的中介，处理业务逻辑和数据交换，使得窗口之间的通信更加清晰。 5. **...
Form与Page交互.7z
07-16
MVVM（Model-View-ViewModel）设计模式鼓励这种分离关注点的编程方式，提高代码可维护性和测试性。 - **DataContext**: 一个对象可以设置为另一个对象的`DataContext`，这样，所有子元素都可以通过相对路径访问该...
使用 Model-View-ViewModel 的问题和详细介绍说明
08-17
Model-View-ViewModel (MVVM) 设计模式的构建， 解释 ViewModel 的工作原理，并讨论在您的代码中实现 ViewModel 的优缺点
Model和View、ViewModel介绍
sdlfkjsldf的博客
05-08 2043
一、分层结构： 1、View负责前端展示，与ViewModel进行数据和命令的交互。 2、ViewModel，负责前端视图业务级别的逻辑结构组织，并将其反馈给前端。 3、Model，主要负责数据实体的结构处理，与ViewModel进行交互 根据上述的分层，我们来进行编码。 先建立一个完整三层结构的目录，如图，包含Model、View、ViewModel三层文件夹\ 当然除了以上三个文件夹，我们还有会用到的文件夹如下： Define ——用于存放我们设置的一些宏（#define）。 Model ——用于存放模
MVVM中View和ViewModel之间的绑定及关系
u012932582的博客
11-08 2742
1、 View可以通过DataContext访问ViewModel 除了Binding以外，在一些Event触发的时候，在behind code里用这种方法，直接访问ViewModel。 2、绑定: 1、在控件/窗体的资源中进行绑定 <Window.DataContext> <viewModel:MyViewModel/> </Window.DataContext> 2、在UI的构造函数中绑定： Window.DataContext = new MyV
浅谈MVVM ——Model-View-View-Model
sakura的博客
12-08 1275
浅谈MVVM ——Model-View-View-Model
ViewModel的简单使用
Mrlove的博客
01-14 1841
首先创建一个类继承ViewModel public class MyViewModel extends ViewModel { public int num = 0; } 然后在mainActivity中通过ViewModelProviders.of(this).get(MyViewModel.class)得到myviewmodel这个实例对象。 @Override prote...
Controller与View数据传递（多表数据） ViewModel方式
猿猿网页设计
08-02 2698
Controller与View数据传递（多表数据） 园子也是用mvc来写的，我们用园子的首页举个例子。 上图我只切了园子首页的一部分，如图所示，共分为4块内容。而这4块内容可能来自于不同的数据表，假设：第一、二块内容来自Blog表、第三、四块内容来自AD表。此时MVC一般有两种方式进行Control与View的交互。 1)ViewBag变量方式 使用4个ViewBag变量进行数据传递，
一次简单的 ViewModel 实践
07-21 312
原文链接：http://bifidy.net/index.php/407 ViewModel 这个概念是基于 MVVM 结构提出的，全称应该叫做 Model-View-ViewModel，从结构上来说，应该是 Model-ViewModel-ViewController-View。简单来说，就是在 MVC 结构的基础上，将 ViewController 中数据相关的职能剥离出来，单独形成一个
MVVM中View与ViewModel之间的交互
热门推荐
静以修身
07-16 1万+
1， View可以通过DataContext访问ViewModel除了Binding以外，在一些Event触发的时候，在behind code里用这种方法，直接访问ViewModel。2， ViewModel访问View直接设定一个View接口的成员变量，在创建ViewModel的时候，将View设置到该成员变量上。但这么做不好，（But doing this we would be breaki...
VUE基础
B_Bigstar的博客
08-14 378
什么是MVVM，MVVM和MVC以及MVP有什么区别，各部分的通信方式如下：View 将用户指定发送到 Controller，Controller 完成业务逻辑后，让 Model 改变状态，Model 改变状态后将新数据传给 View，整个的过程都是。随着业务量的扩大，Controller 需要处理各种逻辑，维护成本越来越高，也就衍生出了一个新的软件架构，即 MVVM。MVP。
Web应用程序设计有几种管理模式
最新发布
04-28
一般来说，Web应用程序设计有三种常见的管理...3. MVVM（Model-View-ViewModel）模式：在MVC的基础上进一步发展，ViewModel（视图模型）取代了Controller和Presenter，将用户界面与数据逻辑分离，实现了双向数据绑定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值