IntegerUpDown控件自定义样式

原创 2013年12月03日 14:45:04
<Style TargetType="{x:Type xctk:IntegerUpDown}">
            <Style.Resources>
                <Style TargetType="{x:Type xctk:WatermarkTextBox}"
               BasedOn="{StaticResource {x:Type xctk:WatermarkTextBox}}">
                    <Setter Property="VerticalAlignment" Value="Stretch"/>
                    <Setter Property="HorizontalAlignment" Value="Stretch"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate  TargetType="{x:Type xctk:WatermarkTextBox}">
                                <Border x:Name="Border" BorderThickness="0,0,1,0" MinHeight="20"  BorderBrush="{TemplateBinding BorderBrush}" Background="#434245" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="Stretch">
                                    <Grid>
                                        <ScrollViewer x:Name="PART_ContentHost" Style="{DynamicResource ScorllStyle}"
                                    SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                                        <ContentPresenter x:Name="PART_WatermarkHost" Content="{TemplateBinding Watermark}" ContentTemplate="{TemplateBinding WatermarkTemplate}"
                              VerticalAlignment="Center" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              IsHitTestVisible="False" Visibility="Collapsed" />
                                    </Grid>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
                <!--上下箭头Style-->
                <Style TargetType="{x:Type xctk:ButtonSpinner}">
                    <Setter Property="VerticalAlignment" Value="Center"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type xctk:ButtonSpinner}">
                                <Border x:Name="Border" BorderBrush="White" BorderThickness="1" Background="red" SnapsToDevicePixels="True">
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
                                        <ContentPresenter Content="{TemplateBinding Content}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                        <Grid Grid.Column="1" Width="19">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="*"/>
                                                <RowDefinition Height="*"/>
                                            </Grid.RowDefinitions>
                                            <RepeatButton  x:Name="PART_IncreaseButton" IsTabStop="{TemplateBinding IsTabStop}">
                                            	 <RepeatButton.ContentTemplate>
                                                    <DataTemplate>
                                                        <Path Data="M0,3C0,3 0,4 0,4 0,4 3,4 3,4 3,4 3,3 3,3 3,3 4,3 4,3 4,3 4,4 4,4 4,4 7,4 7,4 7,4 7,3 7,3 7,3 6,3 6,3 6,3 6,2 6,2 6,2 5,2 5,2 5,2 5,1 5,1 5,1 4,1 4,1 4,1 4,0 4,0 4,0 3,0 3,0 3,0 3,1 3,1 3,1 2,1 2,1 2,1 2,2 2,2 2,2 1,2 1,2 1,2 1,3 1,3 1,3 0,3 0,3z" Focusable="False" Fill="White" HorizontalAlignment="Center" SnapsToDevicePixels="True" VerticalAlignment="Center"/>
                                                    </DataTemplate>

                                                </RepeatButton.ContentTemplate>
                                               
                                            </RepeatButton>
                                            <RepeatButton x:Name="PART_DecreaseButton" IsTabStop="{TemplateBinding IsTabStop}" Grid.Row="1" >
                                            	 <RepeatButton.ContentTemplate>
                                                    <DataTemplate>
                                                        <Path Data="M0,1C0,1 0,0 0,0 0,0 3,0 3,0 3,0 3,1 3,1 3,1 4,1 4,1 4,1 4,0 4,0 4,0 7,0 7,0 7,0 7,1 7,1 7,1 6,1 6,1 6,1 6,2 6,2 6,2 5,2 5,2 5,2 5,3 5,3 5,3 4,3 4,3 4,3 4,4 4,4 4,4 3,4 3,4 3,4 3,3 3,3 3,3 2,3 2,3 2,3 2,2 2,2 2,2 1,2 1,2 1,2 1,1 1,1 1,1 0,1 0,1z" Focusable="False" Fill="White" HorizontalAlignment="Center" Height="4" SnapsToDevicePixels="True" VerticalAlignment="Center" Width="7"/>
                                                    </DataTemplate>
                                                </RepeatButton.ContentTemplate>
                                            </RepeatButton>
                                        </Grid>
                                    </Grid>
                                </Border>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsEnabled" SourceName="PART_IncreaseButton" Value="False">
                                        <!--BorderBrush="#353535"  BorderThickness="0.1" Background="Transparent"-->
                                        <Setter Property="Background" Value="gray"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Style.Resources>
            <Setter Property="Margin" Value="2"/>
            <Setter Property="VerticalAlignment" Value="Stretch"/>
            <Setter Property="HorizontalAlignment" Value="Stretch"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Padding" Value="0"/>
        </Style>
		

WPF控件NumericUpDown-自定义微调控件

XAML代码:  UserControl     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xm...
  • jingxuan84
  • jingxuan84
  • 2013年10月15日 14:15
  • 3644

winform中numberricupdown属性和用法

NumericUpDown,又称为数字选择控件,是一个显示和输入数值的控件,控件提供了一对上下箭头,用户单击上下箭头可选择数值,也可以直接输入一个数值 控件属性: Maximum:设置数值...
  • c914620529
  • c914620529
  • 2015年08月13日 15:47
  • 1552

CTK 插件框架介绍

简述 CTK Plugin Framework 可以简单的描述为 C++ 的动态组件系统。 简述 设计 插件 服务 部署 好处 更多参考 版权所有:一去丶二三里,转载请注明出处:htt...
  • u011012932
  • u011012932
  • 2017年11月01日 10:34
  • 1086

QT自定义控件(Widget+QSS)

通过样式表定制控件外观
  • u010679316
  • u010679316
  • 2017年11月05日 23:20
  • 71

开发自定义控件样式(5)--webcontrol的独立方法与样式

using System;using System.Collections.Generic;using System.ComponentModel;using System.Text;using Sy...
  • qiejinxing
  • qiejinxing
  • 2008年05月16日 23:42
  • 526

如何设置自定义按钮的样式

 MFC编程中系统提供的一些样式,一般都比较难看,所以有的时候为了美观,需要自己定义些样式,现那Button按钮来举例.首先新建一名为XPButton的MFC Application的对话框应用程序,...
  • stone0419
  • stone0419
  • 2007年07月13日 13:11
  • 8891

叨叨一下vs2005 winform 窗体上所有控件突然消失的问题

vs2005 winform 窗体上所有控件突然消失的问题
  • spritenet
  • spritenet
  • 2010年09月01日 17:30
  • 2917

BHO自定义showmodaldialog窗口

之前一直在弄BHO,想监控页面的一些操作。基本上都还算顺利。但是一到了showmodaldialog...
  • czy1230
  • czy1230
  • 2014年08月26日 16:39
  • 1012

关于Switch的自定义样式

关于Switch的自定义样式 Switch是安卓4.0之后新增的控件,是CompoundButton的子类。其他常用的CompoundButton的子类有CheckBox,RadioButton,...
  • Mislead
  • Mislead
  • 2015年03月11日 20:09
  • 7493

Android Switch控件修改样式

Android中自带的Switch控件在很多时候总觉得和整体系统风格不符,很多时候,自定义Switch是一种方法。 但其实不用这么麻烦,安卓自带的Switch通过修改一些属性,也可以达到和自定义Swi...
  • qq_34763699
  • qq_34763699
  • 2017年02月09日 19:46
  • 16347
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IntegerUpDown控件自定义样式
举报原因:
原因补充:

(最多只允许输入30个字)