zoukankan      html  css  js  c++  java
  • Button模板,样式

    一.button控件上的模板

    <Button Content="Button" Height="25" HorizontalAlignment="Left" Margin="23,30,0,0" Width ="150" VerticalAlignment="Top" Click="button1_Click" Tag="Full Dental Charting">
    <Button.Template>
    <ControlTemplate>
    <Border CornerRadius="5" BorderBrush="black" BorderThickness="2">
    <TextBlock Text="Full Dental Charting" FontSize="16" HorizontalAlignment="center" VerticalAlignment="center" ></TextBlock>
    </Border>
    </ControlTemplate>
    </Button.Template>
    </Button>

    二.button模板(Text="{TemplateBinding  Content}"得到是button) 

    <ControlTemplate x:Key="buttonTemplate" TargetType="Button" >

    <BulletDecorator Background="Transparent">
    <Border CornerRadius="5" BorderBrush="black" BorderThickness="2">
    <TextBlock Text="{Binding RelativeSource={RelativeSource Self},Path=DataContext}" FontSize="16" HorizontalAlignment="center" VerticalAlignment="center" ></TextBlock>
    </Border>

    </BulletDecorator>
    </ControlTemplate>

    <Button Content="Button" Height="25" HorizontalAlignment="Left" Margin="23,30,0,0" Width ="150" Template="{StaticResource buttonTemplate}" DataContext="Full Dental Charting">

    三.button样式

    <Style TargetType="Button" x:Key="ButtonStyle">
    <Setter Property="Height" Value="25"></Setter>
    <Setter Property="Width" Value="150"></Setter>
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="Button" >
    <Border CornerRadius="5" BorderBrush="black" BorderThickness="2">
    <TextBlock Text="{Binding RelativeSource={RelativeSource Self},Path=DataContext}" FontSize="16" HorizontalAlignment="center" VerticalAlignment="center" ></TextBlock>
    </Border>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
    </Style>

    <Button Content="Button" HorizontalAlignment="Left" Margin="23,30,0,0" Style="{StaticResource ButtonStyle}" Click="button1_Click" DataContext="Full Dental Charting" />

  • 相关阅读:
    面向对象、构造函数的区别
    写一个function,清除字符串前后的空格。(兼容所有浏览器)
    两个DIV高度自适应方法(左右两个DIV高度一样)
    js数组去重
    input框处理删除小图标的功能
    查找显示高亮
    JSON.parse()和JSON.stringify()
    jquery封装
    怎么理解HTML语义化
    html5语义化标签
  • 原文地址:https://www.cnblogs.com/zhaowei303/p/4727997.html
Copyright © 2011-2022 走看看