datatemplate wpf c#

Diferencia entre la plantilla de control y DataTemplate en WPF

Question

¿Cuál es la diferencia entre un ControlTemplate y un DataTemplate en WPF?

Answer 1

Básicamente, un ControlTemplate describe cómo mostrar un Control mientras que un DataTemplate describe cómo mostrar los Datos.

Por ejemplo:

Una Label es un control e incluirá una ControlTemplate control que dice que la Label debe mostrarse usando un Border alrededor de algún contenido (una DataTemplate u otro control).

Una clase de Customer es Datos y se mostrará utilizando una DataTemplate Datos que podría mostrar el Tipo de Customer como un StackPanel contiene dos StackPanel uno que muestra el Nombre y el otro que muestra el número de teléfono. Podría ser útil tener en cuenta que todas las clases se muestran usando DataTemplates , por lo general solo usará la plantilla predeterminada que es un TextBlock con la propiedad Text establecida en el resultado del método ToString del objeto.

Answer 2

Normalmente, un control se representa por sí mismo y no refleja los datos subyacentes. Por ejemplo, un Button no estaría vinculado a un objeto comercial; está allí puramente para poder hacer clic en él. Un ContentControl o ListBox , sin embargo, generalmente aparecen para que puedan presentar datos para el usuario.

Un DataTemplate , por lo tanto, se utiliza para proporcionar una estructura visual para los datos subyacentes, mientras que ControlTemplate no tiene nada que ver con los datos subyacentes y simplemente proporciona un diseño visual para el control en sí.

Un ControlTemplate generalmente solo contendrá expresiones TemplateBinding , vinculando de nuevo a las propiedades en el control mismo, mientras que un DataTemplate contendrá expresiones de Binding estándar, vinculante a las propiedades de su DataContext (el objeto de negocio / dominio o modelo de vista).

Answer 3

Troels Larsen tiene una buena explicación en el foro de MSDN

<Window x:Class="WpfApplication7.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">
  <Window.Resources>
    <DataTemplate x:Key="ButtonContentTemplate">
      <StackPanel Orientation="Horizontal">
        <Grid Height="8" Width="8">
          <Path HorizontalAlignment="Stretch" 
           Margin="0,0,1.8,1.8" 
           VerticalAlignment="Stretch" Stretch="Fill" Stroke="#FF000000" 
           Data="M0.5,5.7 L0.5,0.5 L5.7,0.5"/>
          <Path HorizontalAlignment="Stretch" 
           Margin="2,3,0,0" 
           VerticalAlignment="Stretch" Stretch="Fill" Stroke="#FFFFFFFF" 
           Data="M3.2,7.5 L7.5,7.5 L7.5,3.5"/>
          <Path HorizontalAlignment="Stretch" 
           Margin="1.2,1.4,0.7,0.7" 
           VerticalAlignment="Stretch" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF000000" 
           Data="M2.5,2.5 L7.5,7.5"/>
          <Path HorizontalAlignment="Stretch" 
           Margin="1.7,2.0,1,1" 
           VerticalAlignment="Stretch" Stretch="Fill" Stroke="#FF000000" 
           Data="M3,7.5 L7.5,7.5 L7.5,3.5"/>
          <Path HorizontalAlignment="Stretch" 
           Margin="1,1,1,1" 
           VerticalAlignment="Stretch" Stretch="Fill" Stroke="#FFFFFFFF" 
           Data="M1.5,6.5 L1.5,1 L6.5,1.5"/>
        </Grid>
        <ContentPresenter Content="{Binding}"/>
      </StackPanel>
    </DataTemplate>
    <ControlTemplate TargetType="Button" x:Key="ButtonControlTemplate">
      <Grid>
        <Ellipse Fill="{TemplateBinding Background}"/>
        <ContentPresenter HorizontalAlignment="Center"
              VerticalAlignment="Center"/>
      </Grid>
    </ControlTemplate>
  </Window.Resources>
  <StackPanel>
    <Button Template="{StaticResource ButtonControlTemplate}" ContentTemplate="{StaticResource ButtonContentTemplate}" Content="1"/>
    <Button Template="{StaticResource ButtonControlTemplate}" ContentTemplate="{StaticResource ButtonContentTemplate}" Content="2"/>
    <Button Template="{StaticResource ButtonControlTemplate}" ContentTemplate="{StaticResource ButtonContentTemplate}" Content="3"/>
  </StackPanel>
</Window>

Answer 4

ControlTemplate - Cambiando la apariencia del elemento. Por ejemplo, Button puede contener imágenes y texto

DataTemplate : representa los datos subyacentes utilizando los elementos.

Answer 5

ControlTemplate : representa el estilo de control.

DataTemplate : representa el estilo de datos (¿Cómo le gustaría mostrar sus datos?).

Todos los controles usan una plantilla de control predeterminada que puede anular a través de la propiedad de la plantilla.

Por ejemplo
Button plantilla del Button es una plantilla de control. Plantilla de contenido del Button es una plantilla de datos

<Button   VerticalAlignment="Top" >
    <Button.Template>
        <ControlTemplate >
            <Grid>
                <Rectangle Fill="Blue" RadiusX="20" RadiusY="20"/>
                <Ellipse Fill="Red" />
                <ContentPresenter Content="{Binding}">
                    <ContentPresenter.ContentTemplate>
                        <DataTemplate>
                        <StackPanel Orientation="Horizontal" Height="50">
                            <TextBlock Text="Name" Margin="5"/>
                                <TextBox Text="{Binding UserName, Mode=TwoWay}" Margin="5" Width="100"/>
                            <Button Content="Show Name" Click="OnClickShowName" />
                        </StackPanel>
                    </DataTemplate>
                    </ContentPresenter.ContentTemplate>
                </ContentPresenter>
            </Grid>
        </ControlTemplate>
    </Button.Template>
</Button>

public String UserName
{
    get { return userName; }
    set
    {
        userName = value;
        this.NotifyPropertyChanged("UserName");
    }
}

Answer 6

ControlTemplate DEFINE la apariencia visual, DataTemplate REEMPLAZA la apariencia visual de un elemento de datos.

Ejemplo: Quiero mostrar un botón de forma rectangular a circular => Plantilla de control.

Y si tiene objetos complejos para el control, solo llama y muestra ToString() , con DataTemplate puede obtener varios miembros y visualizar y cambiar sus valores del objeto de datos.