记录一些WPF常用样式方便以后复用（二）（Button、CheckBox、输入账号密码框）（转）

Button （一）

<Style x:Key="ButtonSaveStyle" TargetType="{x:Type Button}">

            <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>

            <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>

            <Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>

            <Setter Property="BorderThickness" Value="1"/>

            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>

            <Setter Property="HorizontalContentAlignment" Value="Center"/>

            <Setter Property="VerticalContentAlignment" Value="Center"/>

            <Setter Property="Padding" Value="1"/>

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="{x:Type Button}">

                        <Border  x:Name="Chrome" CornerRadius="5" Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}" >

                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

                        </Border>

                        <!--<Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true">

                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

                        </Themes:ButtonChrome>-->

                        <ControlTemplate.Triggers>

                            <Trigger Property="IsMouseOver" Value="True">

                                <Setter Property="Background" TargetName="Chrome" Value="{Binding BorderBrush, RelativeSource={RelativeSource TemplatedParent}}"/>

                            </Trigger>

                            <Trigger Property="IsEnabled" Value="false">

                                <Setter Property="Foreground" Value="#ADADAD"/>

                            </Trigger>

                        </ControlTemplate.Triggers>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

<!--Background为背景颜色，BorderBrush为鼠标移入的背景-->

     <Button Width="100" Height="35" VerticalAlignment="Top" Background="#FFFD5F4F" BorderBrush="#FFEC685C" Content="保存" Style="{DynamicResource ButtonSaveStyle}" Foreground="White" TextOptions.TextFormattingMode="Display" FontSize="13.333"/>

Button（二）

<Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">

            <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>

            <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>

            <Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>

            <Setter Property="BorderThickness" Value="1"/>

            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>

            <Setter Property="HorizontalContentAlignment" Value="Center"/>

            <Setter Property="VerticalContentAlignment" Value="Center"/>

            <Setter Property="Padding" Value="1"/>

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="{x:Type Button}">

                        <Border x:Name="border" Width="36" Height="36"  Background="#FF373737" CornerRadius="18" BorderBrush="White" BorderThickness="1" SnapsToDevicePixels="True">

                            <Path Data="M11,11 L24,24 M24,11 L11,24" Fill="White" x:Name="path" HorizontalAlignment="Center" Height="14"  Stretch="Fill" Stroke="White" VerticalAlignment="Center" Width="14"/>

                        </Border>

                        <ControlTemplate.Triggers>

                            <Trigger Property="IsMouseOver" Value="True" SourceName="border">

                                <Setter Property="Background" TargetName="border" Value="#FFB90F0F"/>

                                <Setter Property="BorderBrush" TargetName="border" Value="White"/>

                            </Trigger>

                        </ControlTemplate.Triggers>

                        <!--<Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true">

                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

                        </Themes:ButtonChrome>-->

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

Checkbox样式

<Style x:Key="CheckBoxStyle1" TargetType="{x:Type CheckBox}">

   <Setter Property="OverridesDefaultStyle" Value="True"/>

        <Setter Property="SnapsToDevicePixels" Value="True"/>

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type CheckBox}">

                    <BulletDecorator FlowDirection="LeftToRight" VerticalAlignment="Center">

                        <BulletDecorator.Bullet>

                            <Border x:Name="bd"

                                    BorderThickness="1"

                                    BorderBrush="#B2B2B2"

                                    MinHeight="13"

                                    MinWidth="13"

                                    VerticalAlignment="Center" Background="White">

                                <Path x:Name="cp" Width="12" Height="12"

                                      Stroke="#4892E7"

                                      StrokeThickness="2"/>

                            </Border>

                        </BulletDecorator.Bullet>

                        <TextBlock x:Name="textBlock" Margin="2,0" Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" FontFamily="Microsoft YaHei UI" FontSize="13.333"></TextBlock>

                    </BulletDecorator>

                    <!--

                        控件触发器

                    -->

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsChecked" Value="True">

                            <!-- 画上一个勾 -->

                            <Setter TargetName="cp" Property="Data"

                                    Value="M 2,6 L 5,9 11,2"/>

                            <Setter Property="Foreground" TargetName="textBlock" Value="#FFE60E0E"/>

                        </Trigger>

                        <Trigger Property="IsMouseOver" Value="True">

                            <Setter TargetName="bd" Property="BorderBrush" Value="#1583DD">

                            </Setter>

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

</Style>

 <CheckBox Content="记住密码" Panel.ZIndex="1" Width="80" Height="20"  Grid.Row="7" Grid.Column="0"  x:Name="IsRememberUserMMBox" Grid.ColumnSpan="2" HorizontalAlignment="Left" Margin="55,0,0,0" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Style="{DynamicResource CheckBoxStyle1}" Foreground="Gray" />

输入账号和密码提示框

<TextBox Grid.Row="3" Grid.Column="1" Margin="5,4,0,6" BorderBrush="Transparent" BorderThickness="0" VerticalContentAlignment="Center" Text=""  FontSize="16">

                        <TextBox.Style>

                            <Style TargetType="TextBox">

                                <Style.Triggers>

                                    <Trigger Property="Text" Value="{x:Null}">

                                        <Setter Property="Background" >

                                            <Setter.Value>

                                                <VisualBrush Stretch="None">

                                                    <VisualBrush.Visual>

                                                        <TextBox BorderThickness="0" BorderBrush="Transparent"   VerticalContentAlignment="Center" Width="310"  Background="#0000" FontSize="13"  HorizontalAlignment="Left" Foreground="Gray" Text="请输入用户名"/>

                                                    </VisualBrush.Visual>

                                                </VisualBrush>

                                            </Setter.Value>

                                        </Setter>

                                    </Trigger>

                                    <Trigger Property="Text" Value="">

                                        <Setter Property="Background" >

                                            <Setter.Value>

                                                <VisualBrush Stretch="None">

                                                    <VisualBrush.Visual>

                                                        <TextBox BorderThickness="0" BorderBrush="Transparent"   VerticalContentAlignment="Center" Width="310"  Background="#0000" FontSize="13"  HorizontalAlignment="Left" Foreground="Gray" Text="请输入用户名"/>

                                                    </VisualBrush.Visual>

                                                </VisualBrush>

                                            </Setter.Value>

                                        </Setter>

                                    </Trigger>

                                </Style.Triggers>

                            </Style>

                        </TextBox.Style>

                    </TextBox>

                    <PasswordBox Grid.Row="5" Grid.Column="1" x:Name="pbUserPassWord" BorderBrush="Transparent" BorderThickness="0" Margin="5,4,0,6" Password="" VerticalContentAlignment="Center" FontSize="16" PasswordChanged="pbUserPassWord_PasswordChanged">

                        <PasswordBox.Style>

                            <Style TargetType="PasswordBox">

                                <Style.Triggers>

                                    <Trigger Property="Tag" Value="{x:Null}">

                                        <Setter Property="Background" >

                                            <Setter.Value>

                                                <VisualBrush Stretch="None">

                                                    <VisualBrush.Visual>

                                                        <TextBox BorderThickness="0" BorderBrush="Transparent"   VerticalContentAlignment="Center" Width="310"  Background="#0000" FontSize="13"  HorizontalAlignment="Left" Foreground="Gray" Text="请输入密码"/>

                                                    </VisualBrush.Visual>

                                                </VisualBrush>

                                            </Setter.Value>

                                        </Setter>

                                    </Trigger>

                                    <Trigger Property="Tag" Value="">

                                        <Setter Property="Background" >

                                            <Setter.Value>

                                                <VisualBrush Stretch="None">

                                                    <VisualBrush.Visual>

                                                        <TextBox BorderThickness="0" BorderBrush="Transparent"   VerticalContentAlignment="Center" Width="310"  Background="#0000" FontSize="13"  HorizontalAlignment="Left" Foreground="Gray" Text="请输入密码"/>

                                                    </VisualBrush.Visual>

                                                </VisualBrush>

                                            </Setter.Value>

                                        </Setter>

                                    </Trigger>

                                </Style.Triggers>

                            </Style>

                        </PasswordBox.Style>

                    </PasswordBox>

记录一些WPF常用样式方便以后复用（二）（Button、CheckBox、输入账号密码框）（转）的更多相关文章

记录一些WPF常用样式方便以后复用（转）
TextBox文本框 <Style x:Key="TextBoxStyle1" BasedOn="{x:Null}" TargetType="{ ...
Android 基础一 TextView，Style样式，Activity 传值，选择CheckBox 显示密码
1.修改TextView字体 mTextView = (TextView) findViewById(R.id.textview1); mTextView.setText("I am her ...
WPF常用样式总结
常用控件样式: <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation ...
WPF 常用样式
TextBox <Window x:Class="WpfDemo.ListBoxTemaple" xmlns="http://schemas.microsoft.c ...
记录：asp.net mvc 中使用 jquery 实现html5 实现placeholder 密码框提示兼容password IE6
@{ViewBag.Title = "完美结合";} <script>var G_start_time = new Date;</script> <! ...
checkbox复选框样式
随着现代浏览器的流行,纯CSS设置checkbox也变的很是实用,下面会讲到5种与众不同的checkbox复选框. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要 ...
【基于WPF+OneNote+Oracle的中文图片识别系统阶段总结】之篇一：WPF常用知识以及本项目设计总结
篇一:WPF常用知识以及本项目设计总结:http://www.cnblogs.com/baiboy/p/wpf.html 篇二:基于OneNote难点突破和批量识别:http://www.cnblog ...
WPF常用控件应用demo
WPF常用控件应用demo 一.Demo 1.Demo截图如下: 2.demo实现过程总体布局:因放大缩小窗体,控件很根据空间是否足够改变布局,故用WrapPanel布局. <ScrollVi ...
WPF中样式和行为和触发器
原文:WPF中样式和行为和触发器样式简介:样式(style)是组织和重用格式化选项的重要工具,不是使用重复的标记填充XAML,以便设置外边距.内边距.颜色以及字体等细节.而是创建一系列封装所有这些细 ...

随机推荐

mysql数据库优化课程---14、常用的sql技巧
mysql数据库优化课程---14.常用的sql技巧一.总结一句话总结:其实就是sql中那些函数的使用 1.mysql中函数如何使用? 选择字段其实就是作用域select的选择字段 3.转大写: ...
Learning R笔记（一）
基本操作帮助文档:?函数.演示:demo(函数).参数列表:formals(函数),返回为成对列表pairlist. 用all.equal函数检查浮点数是否相等,容忍度默认为1.5e-8,如果相等返 ...
JXLS导出Excel（模板导出）
1.导包在pom.xml中加入依赖如下: <dependency> <groupId>org.jxls</groupId> <artifactId>j ...
hadoop1.2.1伪分布模式安装教程
1:软件环境准备 1.1Hadoop: 我们使用hadoop Release 1.2.1(stable)版本,下载链接: http://mirrors.ustc.edu.cn/apache/hadoo ...
Linux下记录所有用户的登录和操作日志
Linux下记录所有用户的登录和操作日志一般我们可以用history命令来查看用户的操作记录,但是这个命令不能记录是哪个用户登录操作的,也不能记录详细的操作时间,且不完整:所以误操作而造成重要的 ...
Linux 文件与目录管理,Linux系统用户组的管理
一.Linux 文件与目录管理我们知道Linux的目录结构为树状结构,最顶级的目录为根目录 /. 其他目录通过挂载可以将它们添加到树中,通过解除挂载可以移除它们. 在开始本教程前我们需要先知道什 ...
[转载]各种java生成word解决方案的优缺点对比
解决方案优点缺点 Jacob 功能强大直接调用VBA接口,程序异常复杂:服务器必须是:windows系统+安装Office:服务器端自动化com接口容易产生死进程造成服务器宕机 Apache P ...
*SCM-MANAGERtomcat寄宿使用
采用的部署方式 TomCat 一个端口下部署多个 Application供不同部门使用初始部署详参见 SCM-MANAGER 博文日常使用添加部门操作步骤从“D:\tomcat\webapps” ...
jQuery实现select三级联动
参考:jQuery权威指南jQuery初步jQuery选择器jQuery操作domjQuery操作dom事件jQuery插件jQuery操作AjaxjQuery动画与特效jQuery实现导航栏jQue ...
L167

记录一些WPF常用样式方便以后复用（二）（Button、CheckBox、输入账号密码框）（转）

记录一些WPF常用样式方便以后复用（二）（Button、CheckBox、输入账号密码框）（转）的更多相关文章

随机推荐

热门专题