精华内容
参与话题
问答
  • DataTemplate的用法

    2016-03-21 19:24:00
    2.DataTemplate: 是数据内容的表现,一条数据显示成什么样子。 (1)DataTemlate数据模板常用的地方有以下几处: 1.ContentControl的ContentTemplate属性 2.ItemsControl的ItemTemplate属性。 3.GridViewCo...

    WPF 模板主要分为两大类:
    1.ControlTemplate: 控件的外观,也就是控件是什么样子。
    2.DataTemplate: 是数据内容的表现,一条数据显示成什么样子。

    (1)DataTemlate数据模板常用的地方有以下几处:
    1.ContentControl的ContentTemplate属性
    2.ItemsControl的ItemTemplate属性。
    3.GridViewColumn的CellTemplate属性。
    2. 实例代码
    <Window x:Class="WpfApplication18.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <StackPanel x:Name="stackPanel">
    <ListBox Margin="10" ItemsSource="{Binding}" >
    <ListBox.ItemTemplate>
    <DataTemplate >
    <StackPanel Orientation="Horizontal">
    <TextBlock Text="{Binding Path=Name}" Margin="10"></TextBlock>
    <TextBlock Text="{Binding Path=Score}" Margin="10"></TextBlock>
    <CheckBox IsChecked="{Binding Path=Gender}" Margin="10"></CheckBox>
    </StackPanel>
    </DataTemplate>
    </ListBox.ItemTemplate>
    </ListBox>
    </StackPanel>
    </Window>

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Text;
    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 WpfApplication18
    {
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
    public MainWindow()
    {
    InitializeComponent();
    var students = new List<Student>
    {
    new Student{Name="Jack",Score=80,Gender=true},
    new Student{Name="Tom",Score=60,Gender=false},
    new Student{Name="David",Score=80,Gender=true},
    };
    this.stackPanel.DataContext = students;
    }
    }

    public class Student
    {
    public string Name { get; set; }

    public int Score { get; set; }

    public bool Gender { get; set; }
    }
    }

     

    转载于:https://www.cnblogs.com/gylhaut/p/5303307.html

    展开全文
  • 什么是DataTemplate

    2008-09-19 10:25:00
    DataTemplate即数据模板,就是说数据的呈现定义,比如ListBox,我们可以为ComboBox的Item定制数据模板,在下拉ComboBox的时候每一个Item就会按照数据模板的定制来呈现。
    DataTemplate即数据模板,就是说数据的呈现定义,比如ListBox,我们可以为ComboBox的Item定制数据模板,在下拉ComboBox的时候每一个Item就会按照数据模板的定制来呈现。
    展开全文
  • WPF之DataTemplate的使用

    万次阅读 2014-08-21 20:27:52
    通过实例演示DataTemplate的基本用法,并通过实例来说明DataTemplate相关知识点。   二 实例操作 1 新建WPF应用程序WpfTemplateExp,程序结构如下图所示。   图1 程序结构图   程序最终的运行效果如下图所示。...

    一 概要

    通过实例演示DataTemplate的基本用法,并通过实例来说明DataTemplate相关知识点。

     

    二 实例操作

    新建WPF应用程序WpfTemplateExp,程序结构如下图所示。

     

    图1 程序结构图

     

    程序最终的运行效果如下图所示。

     

    图2 程序运行效果图

     

    程序完成的功能是:

    通过列表显示学生信息,并在选中某学生时,在列表下方的文本框中显示该生的总评信息。

     

    新建实体类Student(类文件名为Student.cs),详细代码如下所示。

    //************************************************************  
    //  
    // DataTemplate示例代码  
    //  
    // Author:三五月儿  
    //   
    // Date:2014/08/18  
    //  
    // http://blog.csdn.net/yl2isoft  
    //  
    //************************************************************  
    namespace WpfTemplateExp
    {
        public class Student
        {
            public int ID { get; set; }
            public string Name { get; set; }
            public string Sex { get; set; }
            public int Score { get; set; }
            public string Judge { get; set; }
        }
    }

    修改MainWindow.xaml文件,编写程序主画面代码,详细代码如下所示。

    <Window x:Class="WpfTemplateExp.MainWindow"        
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:local="clr-namespace:WpfTemplateExp"
            Title="MainWindow" Height="350" Width="525" WindowStyle="ToolWindow">
        <Window.Resources>
            <local:NameToImagePathConverter x:Key="ncvt"/>
            <local:ScoreToImagePathConverter x:Key="scvt"/>
            <DataTemplate x:Key="studentItemTemplate">
                <Grid>
                    <StackPanel Orientation="Horizontal" >
                        <Image Source="{Binding Name,Converter={StaticResource ncvt}}" Width="64" Height="64"/>
                        <TextBlock Text="{Binding ID}" Margin="10,10,5,10" Width="100"/>
                        <TextBlock Text="{Binding Name}" Margin="10,10,5,10" Width="100"/>
                        <TextBlock Text="{Binding Sex}" Margin="10,10,5,10" Width="50"/>
                        <TextBlock Text="{Binding Score}" Margin="10,10,5,10" Width="50"/>
                        <Image Source="{Binding Score,Converter={StaticResource scvt}}" Width="64" Height="64"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>
            <DataTemplate x:Key="studentJudgeTemplate">
                <TextBlock Text="{Binding Judge}"/>
            </DataTemplate>
        </Window.Resources>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="8*"></RowDefinition>
                <RowDefinition Height="2*"></RowDefinition>
            </Grid.RowDefinitions>
            <ListBox x:Name="ListBox_StudentList" Grid.Row="0" ItemTemplate="{StaticResource studentItemTemplate}"/>
            <UserControl Grid.Row="1" ContentTemplate="{StaticResource studentJudgeTemplate}" Content="{Binding SelectedItem,ElementName=ListBox_StudentList}"/>       
        </Grid>
    </Window>
     

    编写程序主画面的后端代码(文件MainWindow.xaml.cs),详细代码如下所示。

    //************************************************************  
    //  
    // DataTemplate示例代码  
    //  
    // Author:三五月儿  
    //   
    // Date:2014/08/18  
    //  
    // http://blog.csdn.net/yl2isoft  
    //  
    //************************************************************  
     
    using System.Collections.Generic;
    using System.Windows;
    using System.Windows.Documents;
     
    namespace WpfTemplateExp
    {
        /// <summary>
        /// MainWindow.xaml 的交互逻辑
        /// </summary>
        public partial class MainWindow : Window
        {
            public MainWindow()
            {
                InitializeComponent();
                List<Student> studentList = new List<Student>() 
                {
                    new Student(){ID=1000,Name="zhangsan",Sex="男",Score=82,Judge="zhangsan(学号:1000,性别:男) 同学,此次考试的成绩是82分,合格。"},
                    new Student(){ID=1001,Name="lisi",Sex="女",Score=33,Judge="lisi(学号:1001,性别:女) 同学,此次考试的成绩是33分,不合格。"},
                    new Student(){ID=1002,Name="wangwu",Sex="男",Score=56,Judge="wangwu(学号:1002,性别:男) 同学,此次考试的成绩是56分,不合格。"},
                    new Student(){ID=1003,Name="zhaosi",Sex="女",Score=98,Judge="zhaosi(学号:1003,性别:女) 同学,此次考试的成绩是98分,合格。"}
                };
                this.ListBox_StudentList.ItemsSource = studentList;
            }
        }
    }
     

    4 实现数据转换器类

    根据学生姓名生成学生照片,以及根据学生成绩生成“合格与否”的标志图片(对号和叉号)时,都需要用到数据转换器,它们是实现了IValueConverter接口的类NameToImagePathConverter与类ScoreToImagePathConverter,下面给出两者的完整代码。

    4.1 NameToImagePathConverter类(类文件名为NameToImagePathConverter.cs)

    //************************************************************  
    //  
    // DataTemplate示例代码  
    //  
    // Author:三五月儿  
    //   
    // Date:2014/08/18  
    //  
    // http://blog.csdn.net/yl2isoft  
    //  
    //************************************************************  
    using System;
    using System.Globalization;
    using System.Windows.Data;
    using System.Windows.Media.Imaging;
     
    namespace WpfTemplateExp
    {
        public class NameToImagePathConverter: IValueConverter
        {
            public object Convert(object value, Type targertType, object parameter, CultureInfo culture)
            {
                string strUri = string.Format(@"/images/{0}.jpg",(string)value);
                return new BitmapImage(new Uri(strUri,UriKind.Relative));
            }
            public object ConvertBack(object value, Type targertType, object parameter, CultureInfo culture)
            {
                throw new NotImplementedException();
            }
        }
    }

    4.2 ScoreToImagePathConverter类(类文件名为ScoreToImagePathConverter.cs)

    //************************************************************  
    //  
    // DataTemplate示例代码  
    //  
    // Author:三五月儿  
    //   
    // Date:2014/08/18  
    //  
    // http://blog.csdn.net/yl2isoft  
    //  
    //************************************************************  
    using System;
    using System.Globalization;
    using System.Windows.Data;
    using System.Windows.Media.Imaging;
     
    namespace WpfTemplateExp
    {
        public class ScoreToImagePathConverter : IValueConverter
        {
            public object Convert(object value, Type targertType, object parameter, CultureInfo culture)
            {
                int score =(int)value;
                string strUri;
                if (score >= 60) 
                {
                    strUri = @"/images/right.jpg";
                }
                else
                {
                    strUri = @"/images/wrong.jpg";
                }
                return new BitmapImage(new Uri(strUri, UriKind.Relative));
            }
            public object ConvertBack(object value, Type targertType, object parameter, CultureInfo culture)
            {
                throw new NotImplementedException();
            }
        }
    }

    至此,程序完成,程序的运行效果如图2所示。

    下面将结合示例程序的代码对DataTemplate知识点进行阐述说明。

    按照字面意思,可以将DataTemplate翻译为“数据模板”,那么为什么要使用“数据模板”来显示对象数据呢,下面将慢慢道来。

     

    为什么需要DataTemplate

    WPF中,可以使用DataTemplate来描述数据对象的可视结构。

    这句话的意思是:在WPF中,将数据对象绑定至画面元素时,可以使用DataTemplate定义数据对象的外观,这样做的好处是,可以使数据对象获得更好的显示效果,因为在没有使用DataTemplate的情况下,默认显示的是对象的字符串表示形式(ToString方法的返回值),这种实现在实际开发中往往无法满足业务要求,就算重写ToString方法能够勉强实现数据显示的功能,但是也不够灵活,无法控制对象中每个属性的显示效果,要想实现本例中将某些属性显示成图片的效果,就更难上加难。为了能够更好地说明DataTemplate的作用,我们可以进行以下尝试:将实例中DataTemplate定义代码注释掉,同时去掉使用DataTemplate的代码,再次运行程序,又能得到什么样的显示效果呢?

    需要处理掉的代码包含以下两部分:

    1)需要注释掉的代码:

    <DataTemplate x:Key="studentItemTemplate">...省略了一大段</DataTemplate>

    2)需要去掉的代码:

    ItemTemplate="{StaticResource studentItemTemplate}"      
    (位于代码<ListBox x:Name="ListBox_StudentList" Grid.Row="0" ItemTemplate="{StaticResource studentItemTemplate}"/>中)
    运行程序,得到的效果是这样的:

     

    是不是惨不忍睹啊,原因在前面已经说明过,因为在没有使用DataTemplate的情况下,默认显示的是对象的字符串表示形式,也就是将调用对象的ToString()方法后的返回值显示出来。为了显示Student对象所有属性的值,我们重写Student类的ToString方法,重写后的ToString方法如下所示

    public override string  ToString()
    {
         return ID.ToString() +"   " + Name.ToString() +"   " + Sex.ToString() + "   " + Score.ToString();
    }
    再次运行程序,得到下图所示的执行效果。

     

    这次显示的效果是不是好多了,不过要想实现显示学生图片这样的效果的话,通过重写ToString方法还是无法实现,所以本例中借助于DataTemplate 来显示我们的Student对象。在我们定义的DataTemplate中,使用TextBlock控件来显示学生的ID,Name,Sex及Score等信息,同时使用Image控件来显示学生的图片以及“合格与否”的标志图片。这样一来,便可以通过调整DataTemplate 中控件的属性来改变数据的显示效果。为了在 DataTemplate 中的控件显示对象的属性值,仍然是通过“数据绑定”这个桥梁来连接数据对象与界面元素。说到“绑定”,请接着往下看。


    2 DataTemplate中的数据绑定又是怎样实现的呢?

    实例中将Student对象的集合绑定到ListBox控件,并且将ItemTemplate属性设置为实例中定义的DataTemplate,那么在创建ListBox 时,将会依次为集合中的每个Student对象创建一个ListBoxItem,并将 ListBoxItem 的 DataContext 设置为相应的Student对象,同时将DataTemplate 中的元素绑定到Student对象的属性,这样DataTemplate中的控件便和对象的属性完成了绑定。

     

    是否可以将DataTemplate 定义为资源以提高代码重用性?

    其实在本文给出的实例中,就已经将DataTemplate 定义成了资源,定义成资源的DataTemplate 是一个可以被重用的对象,可以在具有DataTemplate 类型的属性的其他控件中使用它。将模板定义成资源的方法很简单,只需在画面对象的Resources属性中定义我们的数据模板并指定一个Key,便可以像使用其他资源一样来使用它。

    下面的代码是实例中使用定义成资源的DataTemplate 的代码:

    ItemTemplate="{StaticResource studentItemTemplate}"

    在本文实例中,若不希望将DataTemplate当做资源来使用的话,也可以将 DataTemplate 作为 ItemTemplate 属性元素的直接子级,那么使用DataTemplate'的代码也可以是这样的。

    <ListBox x:Name="ListBox_StudentList" Grid.Row="0" >
        <ListBox.ItemTemplate>
             <DataTemplate>
                 <Grid>
                     <StackPanel Orientation="Horizontal" >
                         <Image Source="{Binding Name,Converter={StaticResource ncvt}}" Width="64" Height="64"/>
                         <TextBlock Text="{Binding ID}" Margin="10,10,5,10" Width="100"/>
                         <TextBlock Text="{Binding Name}" Margin="10,10,5,10" Width="100"/>
                         <TextBlock Text="{Binding Sex}" Margin="10,10,5,10" Width="50"/>
                         <TextBlock Text="{Binding Score}" Margin="10,10,5,10" Width="50"/>
                         <Image Source="{Binding Score,Converter={StaticResource scvt}}" Width="64" Height="64"/>
                     </StackPanel>
                 </Grid>
             </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

    4 DataTemplate可以应用于哪些控件?

    • 4.1 ContentControl控件(内容控件)

    ContentControl控件的Contemplate属性使用。

    最常用的ContentControl控件包括:ButtonButtonBaseCheckBoxComboBoxItemLabelListBoxItemListViewItemRadioButtonToolTipUserControlWindow等。

    • 4.2 ItemsControl控件(项控件)

    ItemsControl控件的ItemTemplate属性。

    最常见的ItemsControl控件包括:MenuMenuBaseContextMenuComoBoxListBoxListView等。

    • 4.3 GridViewColumn控件的CellTemplate属性使用。

     

    好了,关于DatatTemplate就聊着这里,下面做一个简单的总结。

     

    三 总结

    本文通过实例演示了WPFDatatTemplate的使用方法,并解释了:为什么要使用DatatTemplate以及DatatTemplate中数据绑定的实现原理等知识。

    展开全文
  • WPF之DataTemplate的使用

    千次阅读 2019-08-22 15:44:17
    通过实例演示DataTemplate的基本用法,并通过实例来说明DataTemplate相关知识点。 二实例操作 1. 新建WPF应用程序WpfTemplateExp,程序结构如下图所示。 程序最终的运行效果如下图所示: 程序完成的功能是: ...

    一 概要

    通过实例演示DataTemplate的基本用法,并通过实例来说明DataTemplate相关知识点。

    二 实例操作

    1. 新建WPF应用程序WpfTemplateExp,程序结构如下图所示。

    程序最终的运行效果如下图所示:

    程序完成的功能是:

    通过列表显示学生信息,并在选中某学生时,在列表下方的文本框中显示该生的总评信息。

    2. 新建实体类Student(类文件名为Student.cs),详细代码如下所示。

    namespace WpfTemplateExp
    {
        public class Student
        {
            public int ID { get; set; }
            public string Name { get; set; }
            public string Sex { get; set; }
            public int Score { get; set; }
            public string Judge { get; set; }
        }
    }
    

    3 .修改MainWindow.xaml文件,编写程序主画面代码,详细代码如下所示。

    
    <Window x:Class="WpfTemplateExp.MainWindow"        
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:local="clr-namespace:WpfTemplateExp"
            Title="MainWindow" Height="350" Width="525" WindowStyle="ToolWindow">
        <Window.Resources>
            <local:NameToImagePathConverter x:Key="ncvt"/>
            <local:ScoreToImagePathConverter x:Key="scvt"/>
            <DataTemplate x:Key="studentItemTemplate">
                <Grid>
                    <StackPanel Orientation="Horizontal" >
                        <Image Source="{Binding Name,Converter={StaticResource ncvt}}" Width="64" Height="64"/>
                        <TextBlock Text="{Binding ID}" Margin="10,10,5,10" Width="100"/>
                        <TextBlock Text="{Binding Name}" Margin="10,10,5,10" Width="100"/>
                        <TextBlock Text="{Binding Sex}" Margin="10,10,5,10" Width="50"/>
                        <TextBlock Text="{Binding Score}" Margin="10,10,5,10" Width="50"/>
                        <Image Source="{Binding Score,Converter={StaticResource scvt}}" Width="64" Height="64"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>
            <DataTemplate x:Key="studentJudgeTemplate">
                <TextBlock Text="{Binding Judge}"/>
            </DataTemplate>
        </Window.Resources>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="8*"></RowDefinition>
                <RowDefinition Height="2*"></RowDefinition>
            </Grid.RowDefinitions>
            <ListBox x:Name="ListBox_StudentList" Grid.Row="0" ItemTemplate="{StaticResource studentItemTemplate}"/>
            <UserControl Grid.Row="1" ContentTemplate="{StaticResource studentJudgeTemplate}" Content="{Binding SelectedItem,ElementName=ListBox_StudentList}"/>       
        </Grid>
    </Window>
    

    4. 编写程序主画面的后端代码(文件MainWindow.xaml.cs),详细代码如下所示。

    using System.Collections.Generic;
    using System.Windows;
    using System.Windows.Documents;
     
    namespace WpfTemplateExp
    {
        /// <summary>
        /// MainWindow.xaml 的交互逻辑
        /// </summary>
        public partial class MainWindow : Window
        {
            public MainWindow()
            {
                InitializeComponent();
                List<Student> studentList = new List<Student>() 
                {
                    new Student(){ID=1000,Name="zhangsan",Sex="男",Score=82,Judge="zhangsan(学号:1000,性别:男) 同学,此次考试的成绩是82分,合格。"},
                    new Student(){ID=1001,Name="lisi",Sex="女",Score=33,Judge="lisi(学号:1001,性别:女) 同学,此次考试的成绩是33分,不合格。"},
                    new Student(){ID=1002,Name="wangwu",Sex="男",Score=56,Judge="wangwu(学号:1002,性别:男) 同学,此次考试的成绩是56分,不合格。"},
                    new Student(){ID=1003,Name="zhaosi",Sex="女",Score=98,Judge="zhaosi(学号:1003,性别:女) 同学,此次考试的成绩是98分,合格。"}
                };
                this.ListBox_StudentList.ItemsSource = studentList;
            }
        }
    
    }

    4 实现数据转换器类

    根据学生姓名生成学生照片,以及根据学生成绩生成“合格与否”的标志图片(对号和叉号)时,都需要用到数据转换器,它们是实现了IValueConverter接口的类NameToImagePathConverter与类ScoreToImagePathConverter,下面给出两者的完整代码。

    4.1 NameToImagePathConverter类(类文件名为NameToImagePathConverter.cs)

    using System;
    using System.Globalization;
    using System.Windows.Data;
    using System.Windows.Media.Imaging;
     
    namespace WpfTemplateExp
    {
        public class NameToImagePathConverter: IValueConverter
        {
            public object Convert(object value, Type targertType, object parameter, CultureInfo culture)
            {
                string strUri = string.Format(@"/images/{0}.jpg",(string)value);
                return new BitmapImage(new Uri(strUri,UriKind.Relative));
            }
            public object ConvertBack(object value, Type targertType, object parameter, CultureInfo culture)
            {
                throw new NotImplementedException();
            }
        }
    }

    4.2 ScoreToImagePathConverter类(类文件名为ScoreToImagePathConverter.cs)

    using System;
    using System.Globalization;
    using System.Windows.Data;
    using System.Windows.Media.Imaging;
     
    namespace WpfTemplateExp
    {
        public class ScoreToImagePathConverter : IValueConverter
        {
            public object Convert(object value, Type targertType, object parameter, CultureInfo culture)
            {
                int score =(int)value;
                string strUri;
                if (score >= 60) 
                {
                    strUri = @"/images/right.jpg";
                }
                else
                {
                    strUri = @"/images/wrong.jpg";
                }
                return new BitmapImage(new Uri(strUri, UriKind.Relative));
            }
            public object ConvertBack(object value, Type targertType, object parameter, CultureInfo culture)
            {
                throw new NotImplementedException();
            }
        }
    }

    至此,程序完成,程序的运行效果如上图所示。

    下面将结合示例程序的代码对DataTemplate知识点进行阐述说明。

    按照字面意思,可以将DataTemplate翻译为“数据模板”,那么为什么要使用“数据模板”来显示对象数据呢,下面将慢慢道来。

    1 为什么需要DataTemplate?

    在WPF中,可以使用DataTemplate来描述数据对象的可视结构。

    这句话的意思是:在WPF中,将数据对象绑定至画面元素时,可以使用DataTemplate定义数据对象的外观,这样做的好处是,可以使数据对象获得更好的显示效果,因为在没有使用DataTemplate的情况下,默认显示的是对象的字符串表示形式(ToString方法的返回值),这种实现在实际开发中往往无法满足业务要求,就算重写ToString方法能够勉强实现数据显示的功能,但是也不够灵活,无法控制对象中每个属性的显示效果,要想实现本例中将某些属性显示成图片的效果,就更难上加难。为了能够更好地说明DataTemplate的作用,我们可以进行以下尝试:将实例中DataTemplate的定义代码注释掉,同时去掉使用DataTemplate的代码,再次运行程序,又能得到什么样的显示效果呢?

    需要处理掉的代码包含以下两部分:

    1)需要注释掉的代码:

    <DataTemplate x:Key="studentItemTemplate">...省略了一大段</DataTemplate>

    2)需要去掉的代码:

    ItemTemplate="{StaticResource studentItemTemplate}"      
    (位于代码<ListBox x:Name="ListBox_StudentList" Grid.Row="0" ItemTemplate="{StaticResource studentItemTemplate}"/>中)
    

    运行程序,得到的效果是这样的:

    是不是惨不忍睹啊,原因在前面已经说明过,因为在没有使用DataTemplate的情况下,默认显示的是对象的字符串表示形式,也就是将调用对象的ToString()方法后的返回值显示出来。为了显示Student对象所有属性的值,我们重写Student类的ToString方法,重写后的ToString方法如下所示。

    public override string  ToString()
    {
         return ID.ToString() +"   " + Name.ToString() +"   " + Sex.ToString() + "   " + Score.ToString();
    }

    再次运行程序,得到下图所示的执行效果。

    这次显示的效果是不是好多了,不过要想实现显示学生图片这样的效果的话,通过重写ToString方法还是无法实现,所以本例中借助于DataTemplate 来显示我们的Student对象。在我们定义的DataTemplate中,使用TextBlock控件来显示学生的ID,Name,Sex及Score等信息,同时使用Image控件来显示学生的图片以及“合格与否”的标志图片。这样一来,便可以通过调整DataTemplate 中控件的属性来改变数据的显示效果。为了在 DataTemplate 中的控件显示对象的属性值,仍然是通过“数据绑定”这个桥梁来连接数据对象与界面元素。说到“绑定”,请接着往下看。

    2 DataTemplate中的数据绑定又是怎样实现的呢?

    实例中将Student对象的集合绑定到ListBox控件,并且将ItemTemplate属性设置为实例中定义的DataTemplate,那么在创建ListBox 时,将会依次为集合中的每个Student对象创建一个ListBoxItem,并将 ListBoxItem 的 DataContext 设置为相应的Student对象,同时将DataTemplate 中的元素绑定到Student对象的属性,这样DataTemplate中的控件便和对象的属性完成了绑定。

    3 是否可以将DataTemplate 定义为资源以提高代码重用性?

    其实在本文给出的实例中,就已经将DataTemplate 定义成了资源,定义成资源的DataTemplate 是一个可以被重用的对象,可以在具有DataTemplate 类型的属性的其他控件中使用它。将模板定义成资源的方法很简单,只需在画面对象的Resources属性中定义我们的数据模板并指定一个Key,便可以像使用其他资源一样来使用它。

    下面的代码是实例中使用定义成资源的DataTemplate 的代码:

    ItemTemplate="{StaticResource studentItemTemplate}"

    在本文实例中,若不希望将DataTemplate当做资源来使用的话,也可以将 DataTemplate 作为 ItemTemplate 属性元素的直接子级,那么使用DataTemplate'的代码也可以是这样的。

    <ListBox x:Name="ListBox_StudentList" Grid.Row="0" >
        <ListBox.ItemTemplate>
             <DataTemplate>
                 <Grid>
                     <StackPanel Orientation="Horizontal" >
                         <Image Source="{Binding Name,Converter={StaticResource ncvt}}" Width="64" Height="64"/>
                         <TextBlock Text="{Binding ID}" Margin="10,10,5,10" Width="100"/>
                         <TextBlock Text="{Binding Name}" Margin="10,10,5,10" Width="100"/>
                         <TextBlock Text="{Binding Sex}" Margin="10,10,5,10" Width="50"/>
                         <TextBlock Text="{Binding Score}" Margin="10,10,5,10" Width="50"/>
                         <Image Source="{Binding Score,Converter={StaticResource scvt}}" Width="64" Height="64"/>
                     </StackPanel>
                 </Grid>
             </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

    4 DataTemplate可以应用于哪些控件?

    4.1 ContentControl控件(内容控件)
    被ContentControl控件的Contemplate属性使用。

    最常用的ContentControl控件包括:Button、ButtonBase、CheckBox、ComboBoxItem、Label、ListBoxItem、ListViewItem、RadioButton、ToolTip、UserControl、Window等。

    4.2 ItemsControl控件(项控件)
    被ItemsControl控件的ItemTemplate属性。

    最常见的ItemsControl控件包括:Menu、MenuBase、ContextMenu、ComoBox、ListBox、ListView等。

    4.3 被GridViewColumn控件的CellTemplate属性使用。

    好了,关于DatatTemplate就聊着这里,下面做一个简单的总结。

    三 总结

    本文通过实例演示了WPF中DatatTemplate的使用方法,并解释了:为什么要使用DatatTemplate以及DatatTemplate中数据绑定的实现原理等知识。

    展开全文
  • 1. DataTemplate和ControlTemplate的关系  学习过DataTemplate和ControlTemplate,你应该已经体会到,控件只是数据的行为和载体,是个抽象的概念,至于它本身长成什么样子(控件内部结构),它的数据会长成什么...
  • DataTemplate-根据条件选择不同模板

    千次阅读 2014-09-30 16:47:05
    为了不同的条件选择模板,可以实现一个DataTemplateSelector。 模板选择器是继承自DataTemplateSelector派生并重写了SelectTemplate方法并返回了你需要的模板的类
  • WPF 中 Template 与DataTemplate的区别

    千次阅读 2018-07-24 10:47:32
    1、WPF中Template是一个ControlTemplate类型的对象,WPF可由用户根据应用需要定制应用的界面呈现内容及方式,而ControlTemplate就是相关控件界面外观的决定性因素之一,对于 一个按钮控件而言,你可以采用类似的方式...
  • DataTemplate(一)

    2019-06-25 00:52:58
    DataTemplate常用的3个地方: (1)ContentControl的ContentTemplate属性,相当于给ContentControl的内容穿衣服。 (2)ItemsControl的ItemTemplate属性,相当于给ItemsControl的数据条目穿衣服。 (3)...
  • 转一篇很好的博客:http://www.cnblogs.com/lzhp/p/3250786.html介绍 listbox 的 Template、ItemsPanel、ItemContainerStyle、ItemTemplate :http://www.cnblogs.com/zwzw/p/4238937.html 转载于:...
  • DataTemplate

    2012-03-15 12:58:47
    .NET Framework 4.5.NET Framework 3.5.NET Framework 3.0  11 out of 17 rated this helpful Rate this topic ...The WPF data templating model provides you with great flexibility to define
  • DataTemplate

    2017-12-31 14:53:00
    DataTemplate作用是布局+数据绑定 使用DataTemplate 同时完成样式布局和数据绑定 <Window.Resources> <DataTemplate x:Key="PersonDataTemplate"> <Grid> <Grid.RowDefinitions> ...
  • DataTemplate

    2017-12-31 14:53:00
    DataTemplate作用是布局+数据绑定 使用DataTemplate 同时完成样式布局和数据绑定 <Window.Resources> <DataTemplate x:Key="PersonDataTemplate"> <Grid> <Grid.RowDefinitions> ...
  • 通过代码创建DataTemplate

    千次阅读 2009-02-08 19:11:00
    有的时候在XAML里面创建一个通用的DataTemplate比较麻烦,例如在DataTemplate里面有一个控件需要绑定到不同的属性里面,例如下面的代码: CellTemplate="{StaticResource TestDataTemplate}"/> 
  • 假如我们有一个列表,列表里是书,包括书名、作者、还有出版,那么我们只有源信息,如何把它显示到我们的ListView,就需要DataTemplate。 使用很简单,我们可以定义在资源,也可以定义在ItemTemplate。 数据模板有...
  • WPF系统不但支持传统的Winfrom编程的用户界面和用户体验设计,更支持使用专门的设计工具Blend进行专业设计,同时还推出了以模板为核心的新一代设计理念。 1. 模板的内涵  作为表现形式,每个控件都是为了实现某种...
  • WPF中DataTemplate基本原理与缺陷分析

    千次阅读 2015-08-22 10:56:27
    WPF中DataTemplate基本原理与缺陷分析 这个文章来源于这样一个问题。下面的两种做 法,在效果上有什么不同?(注:Header是一个自定义DP。)   TabItem Header="{Binding Header, ElementName=window}"> ...
  • WPF DataTemplate绑定的简单学习

    千次阅读 2013-12-03 13:53:11
    对于普通的实体类的绑定,如果只是简单的添加删除的话不需要用到INotifyPropertyChanged接口,这样的话比较简单,只需要在datatemplate中绑定后台的属性即可。然后直接往里面加入数据就可以了。  如果用到了...
  • WPF DataTemplate模板

    千次阅读 2019-07-28 17:05:33
    在WPF中我们可以为自己的数据定制显示方式,虽然数据是一定的,但是DataTemplate模板可以做到让它的表现形式多种多样,这意味着要重写它原来的模板结构。与控件模板不同的是两者应用的不同,DataTemplate模板更多...
  • WPF 遍历DataTemplate(获取所有控件)

    万次阅读 2011-09-02 13:29:16
    情况1:在设定DataTemplate的Name,并且他是在前台表示时,获取DataTemplate里的指定控件。 方法: http://blog.csdn.net/wackelbh/article/details/6003947(参考这篇文章)
  • WPF中DataTemplate基本原理与缺陷分析

    千次阅读 2018-05-30 08:45:49
    这个文章来源于这样一个问题。下面的两种做 法,在效果上有什么不同?(注:Header是一个自定义DP。) &lt;TabItem Header="{Binding Header, ElementName=window}"&gt;&...

空空如也

1 2 3 4 5 ... 20
收藏数 9,104
精华内容 3,641
关键字:

datatemplate