zoukankan      html  css  js  c++  java
  • 从0 开始 WPF MVVM 企业级框架实现与说明 ---- 第四讲 WPF中 ControlTemplate

    上讲我们介绍了DataTemplate,现在我们就介绍下ControlTemplate,可能后面大多在编码时候会出现一些英文,工作习惯,请见谅。

    ControlTemplate: 控件的外观,也就是控件是什么样子

    后面在我们这个项目中会大量用到这个东西,

    现在我大概介绍一下你怎样去使用一个控件模板,首先你得定义一个控件模板,基本格式如下:

        <ControlTemplate x:Key="按钮控件模板名称">

          在这里就可以去定义你当前这个模板的具体样式,比如你定义一个按钮的样式如下

            <Grid>

               <Ellipse>

                  <Ellipse .Style >

                    <Style Target="Ellipse ">

                        <Setter Property="Fill" >

                         <Setter.Value>

                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">

                              <LinearGradientBrush.GradientStops>

                              <GradientStop Offset="0.0" Color="#fff" />

                              <GradientStop Offset="1.0" Color="Red" />

                            </LinearGradientBrush.GradientStops>

                           </LinearGradientBrush>

                         </Setter.Value>

                        </Setter>

                    <Style>

                  <Ellipse >

                </Ellipse>

               <ContentPresenter Margin="5" HorizontalAlignment="Center" VerticalAlignment="Center" /> 

            </Grid>  

        </ControlTemplate>

    那你在使用的时候就可以这样

        <Button Width="200" Height="120" Margin="20" Template="{StaticResource 按钮控件模板名称}">OK</Button>

    大概就会长这样,这个代码是我直接在这里写的,可能会有点问题,模式是这样的,谢谢。

    imageimage

    补充下,在说到模板的时候我们会用到很多的style,就比如刚才那个Style是怎么回事估计新手会有点纳闷那啥玩意,那我在下一讲补充下讲下WPF 中 Style

  • 相关阅读:
    Linux基础命令---chfn
    第二十一课:js属性操作的兼容性问题
    jquery源码解析:jQuery工具方法Callbacks详解
    第二十课:js中如何操作元素的属性系统
    第十七课:js数据缓存系统的原理
    jquery源码解析:proxy,access,swap,isArraylike详解
    第十九课:盒子模型
    jquery源码解析:each,makeArray,merge,grep,map详解
    第十八课:js样式操作需要注意的问题
    下拉框插件的详解
  • 原文地址:https://www.cnblogs.com/hwy425/p/4974114.html
Copyright © 2011-2022 走看看