WPF中ControlTemplate和DataTemplate的區別

來源:互聯網
上載者:User

標籤:style   class   blog   code   http   tar   

下面代碼很好的解釋了它們之間的區別:

<Window x:Class="WPFTestMe.Window12"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        Title="Window12" Height="300" Width="300">    <Window.Resources>        <DataTemplate x:Key="ButtonContentTemplate">            <StackPanel Orientation="Horizontal" Background="Red">                <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 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>

 

效果如下:

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.