WPF数据模板之Item Template

本项目首先定义了一个由一个TextBlock、一个Image、一个Button和一个CheckBox组成的模板，并且把这个模板应用到了ListBox的Item属性中。
XMAL代码如下：

<Window x:Class="Image.MainWindow"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:local="clr-namespace:Image"mc:Ignorable="d"Title="MainWindow" Height="700" Width="800"><Window.Resources><DataTemplate x:Key="template"><StackPanel Orientation="Horizontal"><TextBlock  Text="{Binding txt}" Width="50" Height="50" /><Image Width="50" Height="50" Source="{Binding src}"/><Button Width="50" Height="50"  Content="{Binding btn}"/><CheckBox Width="50" Height="50"  /></StackPanel></DataTemplate></Window.Resources><Grid><ListBox Width="300" Height="600" Name="lsb" ItemTemplate="{StaticResource template}"/></Grid>
</Window>

C#代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;namespace Image
{/// <summary>/// MainWindow.xaml 的交互逻辑/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();List<Middle> middles = new List<Middle>();middles.Add(new Middle("First", @"C:\Users\XX\Downloads\另存.png", "Hello1"));middles.Add(new Middle("Second", @"C:\Users\XX\Downloads\ETL-开始.png", "Hello2"));middles.Add(new Middle("Thrid", @"C:\Users\XX\Downloads\ETL-清洗转换.png", "Hello3"));lsb.ItemsSource = middles;}}public class Middle{public string txt { get; private set; }public string src { get; private set; }public string btn { get; private set; }public Middle(string fir,string sec,string thir){txt = fir;src = sec;btn = thir;}}
}

效果如下：

参考文章

WPF数据模板之Item Template相关推荐

WPF中的数据模板(DataTemplate)
WPF中的数据模板(DataTemplate) 在WPF中我们可以为自己的数据定制显示方式,也就是说虽然某数据数据是一定的,但我们可以做到让它的表现方式多种多样,比如一个时间,在以前我们一般使用一 ...
转载 WPF 控件模板数据模板面板模板
转载自:https://blog.csdn.net/ceasadan/article/details/61414879 模板使用方式:首先定义模板,然后在把对应的key应用到控件对应的属性中: 属性对 ...
WPF QuickStart系列之样式和模板(Style and Template)
原文:WPF QuickStart系列之样式和模板(Style and Template) 在WPF桌面程序中,当我们想构建一个统一的UI表现时(在不同操作系统下,显示效果一致),此时我们就需要使用到 ...
WPF的ComboBox 数据模板自定义
WPF的ComboBox 有些时候不能满足用户需求,需要对数据内容和样式进行自定义,下面就简要介绍一下用数据模板(DataTemplate)的方式对ComboBox 内容进行定制: 原型设计如下: 步 ...
继续聊WPF——动态数据模板
我为啥称之为"动态数据模板"?先看看下面的截图,今天,我们就是要实现这种功能. 大概是这样的,我们定义的DataTemplate是通过触发器动态应用到 ComboBoxItem 上 ...
微信小程序(6)模板详解 template
2019独角兽企业重金招聘Python工程师标准>>> <template name="userTemp"> <view class=" ...
使用 DotNet CLI 创建自定义的 WPF 项目模板
描述当我们安装完 DotNetCore 3.0 版本的 SDK 后,我们就可以创建基于 DotNetCore 的 WPF 项目模板,通过如下 CLI 可以方便快捷的创建并运行我们的项目: Copy ...
js模板引擎art template数组渲染的方法
转载:js模板引擎art template数组渲染的方法 JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,模板引擎种类也是五花八门,我就说几个安全性高.错误处理调 ...
WPF Demo20 模板
<Window x:Class="控件模板.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xa ...

WPF数据模板之Item Template

WPF数据模板之Item Template

WPF数据模板之Item Template相关推荐

最新文章

热门文章