C# WPF MVVM框架下，如何实现listBox图片排列

在C#中实现如图的功能

view的代码

<base:BaseView x:Class="Luman.Tdrc.SampleModule.Test.GaoTest.DemoListPicView"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:base="clr-namespace:Luman.Project.ClientShare.Sys.Base;assembly=Luman.Project.ClientShare"xmlns:chart="clr-namespace:Luman.Tdrc.EchartsModule.Chart;assembly=Luman.Tdrc.EchartsModule"xmlns:demo="clr-namespace:Luman.Tdrc.SampleModule.Test"mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300"><base:BaseView.Resources><ResourceDictionary><ResourceDictionary.MergedDictionaries><ResourceDictionary Source="/Luman.Tdrc.ShareModule;component/Sys/Themes/ResourceDictionary.xaml"/></ResourceDictionary.MergedDictionaries></ResourceDictionary></base:BaseView.Resources><base:ViewRoot><Grid><ListBox Name="PicList" Background ="Transparent" ItemsSource="{Binding ItemCollection}"  SelectedItem="{Binding CurItem}"  ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.CanContentScroll="True" Margin="39,47,42,37"><ListBox.ItemsPanel><ItemsPanelTemplate><WrapPanel/></ItemsPanelTemplate></ListBox.ItemsPanel><ListBox.ItemTemplate><DataTemplate><Grid Margin="10" Width="100" Height="120"><Grid.RowDefinitions><RowDefinition Height="Auto" /><RowDefinition Height="Auto" /></Grid.RowDefinitions><Image x:Name="EngineerPic" Source="/Luman.Tdrc.SysModule;component/Image/工程师头像2.jpg" HorizontalAlignment="Center" VerticalAlignment="Center" Width="100" Height="100" ToolTip="{Binding ToolTipContext}" MouseEnter="EngineerPic_MouseEnter"/><TextBlock Text="{Binding EngineerName}" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" Height="20"/></Grid></DataTemplate></ListBox.ItemTemplate></ListBox></Grid></base:ViewRoot>
</base:BaseView>

ViewModel的代码

using System.Collections;
using System.Collections.ObjectModel;
using System.Windows;
using Luman.Project.ClientShare.Sys.Base;
using Luman.Tdrc.EchartsModule.Chart;
using Luman.Tdrc.ServerData.MidEntities.Rpa;
using Prism.Commands;
using Prism.Regions;namespace Luman.Tdrc.SampleModule.Test.GaoTest
{public class DemoListPicViewModel : BaseDataGridViewModel<EngineerGroupDetailData>{public DemoListPicViewModel(){}protected override void RefreshData(NavigationContext navigationContext){OnQuery();}public new  ObservableCollection<EngineerGroupDetailData> ItemCollection{get { return _itemCollection; }set { SetProperty(ref _itemCollection, value); }}public override EngineerGroupDetailData CurItem{get { return _curItem; }set{SetProperty(ref _curItem, value);               }}protected override void OnQuery(){DataGridHelp.Where.Clear();DataGridHelp.InitLoad();}}
}

C# WPF MVVM框架下，如何实现listBox图片排列相关推荐

.NET Core 3 WPF MVVM框架 Prism系列之事件聚合器
本文将介绍如何在.NET Core3环境下使用MVVM框架Prism的使用事件聚合器实现模块间的通信一.事件聚合器在上一篇 .NET Core 3 WPF MVVM框架 Prism系列之模块化 ...
c#事件的发布-订阅模型_NET Core 3 WPF MVVM框架 Prism系列之事件聚合器
本文将介绍如何在.NET Core3环境下使用MVVM框架Prism的使用事件聚合器实现模块间的通信一.事件聚合器# 在上一篇 .NET Core 3 WPF MVVM框架 Prism系列之模块化 ...
wpf mvvm模式下CommandParameter传递多参
wpf mvvm模式下CommandParameter传递多参原文:wpf mvvm模式下CommandParameter传递多参 CommandParameter一般只允许设置一次,所以如果要传递 ...
疯狂 java轻量级框架_ViewModel从未如此清爽 - 轻量级WPF MVVM框架Stylet
Stylet是我最近发现的一个WPF MVVM框架, 在博客园上搜了一下, 相关的文章基本没有, 所以写了这个入门的文章推荐给大家. Stylet是受Caliburn Micro项目的启发, 所以借鉴 ...
C# WPF MVVM模式下在主窗体显示子窗体并获取结果
01 - 前言在winform中打开一个新的子窗体很简单,直接实例化窗体并show一下就可以: Form2 f2 = new Form2();f2.Show(); 或者 Form2 f2 = new ...
wpf mvvm框架_[Windows] 在 Microsoft Docs 网站中挖掘 MVVM 的各种学习资源
最近写了一些 MVVM 框架的文章,翻了一些 Microsoft Docs 的文档,顺便就对 MVVM 本身来了兴致,想看看更多当年相关的文档.在 MVVM 出现后十多年,我在不同的场合见到过多种 M ...
WPF MVVM模式下的无阻塞刷新
MVVM模式下的无阻塞刷新的两种方法: //传统模式下的无刷新调用(主线程开新线程,新线程又调用主线程来更新UI) //第1步先在线程内部计算出需要绑定的数据 //第2步然后再使用Invoke/Beg ...
MVVM框架下，WPF实现Datagrid里的全选和选择
最近的一个项目是用MVVM实现,在实现功能的时候,就会有一些东西,和以前有很大的区别,项目中就用到了常用的序号,就是在Datagrid里的一个字段,用checkbox来实现. 既然是MVVM,就要用到 ...
C# WPF MVVM框架搭建
至于啥是MVVM在此不再赘述,可以参考这位大神写的博客 : http://www.cnblogs.com/durow/p/4853729.html 在此只是搭建一个简单的框架, 仅供学习参考, 欢迎转 ...

C# WPF MVVM框架下，如何实现listBox图片排列

C# WPF MVVM框架下，如何实现listBox图片排列相关推荐

最新文章

热门文章

C# WPF MVVM框架下 ，如何实现listBox图片排列

C# WPF MVVM框架下 ，如何实现listBox图片排列相关推荐

最新文章

热门文章

C# WPF MVVM框架下，如何实现listBox图片排列

C# WPF MVVM框架下，如何实现listBox图片排列相关推荐