ComboBox Style

<SolidColorBrush x:Key="ComboBoxNormalBorderBrush" Color="#e3e9ef" />

    <SolidColorBrush x:Key="ComboBoxNormalBackgroundBrush" Color="#fff" />

    <SolidColorBrush x:Key="ComboBoxDisabledForegroundBrush" Color="#888" />

    <SolidColorBrush x:Key="ComboBoxDisabledBackgroundBrush" Color="#eee" />

    <SolidColorBrush x:Key="ComboBoxDisabledBorderBrush" Color="#888" />

    <ControlTemplate x:Key="ComboBoxToggleButtonTemplate" TargetType="{x:Type ToggleButton}">

        <Grid>

            <Grid.ColumnDefinitions>

                <ColumnDefinition />

                <ColumnDefinition Width="25" />

            </Grid.ColumnDefinitions>

            <Border Grid.ColumnSpan="2" Name="Border"

              BorderBrush="{StaticResource ComboBoxNormalBorderBrush}"

              CornerRadius="0" BorderThickness="1, 1, 1, 1"

              Background="Transparent" />

            <Border Grid.Column="1" Margin="3" Name="ButtonBorder"

              CornerRadius="2" BorderThickness="0"  BorderBrush="Blue"

              Background="#eeeeee" Height="19" Width="19"/>

            <Path Name="Arrow" Grid.Column="1"

            Data="M0,0 L0,2 L4,6 L8,2 L8,0 L4,4 z"

            HorizontalAlignment="Center" Fill="#FF676767"

            VerticalAlignment="Center" />

        </Grid>

        <ControlTemplate.Triggers>

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

                <Setter Property="Panel.Background" TargetName="ButtonBorder" Value="#FFDBDBDB"/>

            </Trigger>

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

                <Setter Property="Panel.Background" TargetName="ButtonBorder" Value="#FFCCCCCC"/>

                <Setter Property="Shape.Fill" TargetName="Arrow" Value="#FFFFFFFF"/>

            </Trigger>

            <Trigger Property="UIElement.IsEnabled" Value="False">

                <Setter Property="Panel.Background" TargetName="Border" Value="{StaticResource ComboBoxDisabledBackgroundBrush}"/>

                <Setter Property="Panel.Background" TargetName="ButtonBorder" Value="{StaticResource ComboBoxDisabledBackgroundBrush}"/>

                <Setter Property="Border.BorderBrush" TargetName="ButtonBorder" Value="{StaticResource ComboBoxDisabledBorderBrush}"/>

                <Setter Property="TextElement.Foreground" Value="{StaticResource ComboBoxDisabledForegroundBrush}"/>

                <Setter Property="Shape.Fill" TargetName="Arrow" Value="#999"/>

            </Trigger>

        </ControlTemplate.Triggers>

    </ControlTemplate>

    <Style x:Key="CommonComboBoxStyle"  TargetType="{x:Type ComboBox}">

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

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

        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>

        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>

        <Setter Property="ScrollViewer.CanContentScroll" Value="True"/>

        <Setter Property="TextElement.Foreground" Value="Black"/>

        <Setter Property="FrameworkElement.FocusVisualStyle" Value="{x:Null}"/>

        <Setter Property="Height" Value="{Binding Height}"/>

        <Setter Property="Control.Template">

            <Setter.Value>

                <ControlTemplate TargetType="ComboBox">

                    <Grid>

                        <ToggleButton Name="ToggleButton" Grid.Column="2"

                ClickMode="Press" Focusable="False"

                IsChecked="{Binding Path=IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"

                Template="{StaticResource ComboBoxToggleButtonTemplate}"/>

                        <ContentPresenter Name="ContentSite" Margin="5, 3, 25, 0" IsHitTestVisible="False"

                              HorizontalAlignment="Left" VerticalAlignment="Center"

                              Content="{TemplateBinding ComboBox.SelectionBoxItem}"

                              ContentTemplate="{TemplateBinding ComboBox.SelectionBoxItemTemplate}"

                              ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"/>

                        <TextBox Name="PART_EditableTextBox" Margin="0, 3, 25, 0"

                     IsReadOnly="{TemplateBinding IsReadOnly}"

                     Visibility="Hidden" Background="Transparent"

                     HorizontalAlignment="Left" VerticalAlignment="Center"

                     Focusable="True" >

                            <TextBox.Template>

                                <ControlTemplate TargetType="TextBox" >

                                    <Border Name="PART_ContentHost" Focusable="False" />

                                </ControlTemplate>

                            </TextBox.Template>

                        </TextBox>

                        <!-- Popup showing items -->

                        <Popup Name="Popup" Placement="Bottom"

                   Focusable="False" AllowsTransparency="True"

                   IsOpen="{TemplateBinding ComboBox.IsDropDownOpen}"

                   PopupAnimation="Slide">

                            <Grid Name="DropDown" SnapsToDevicePixels="True" Background="Transparent"

                    MinWidth="{TemplateBinding FrameworkElement.ActualWidth}"

                    MaxHeight="{TemplateBinding ComboBox.MaxDropDownHeight}">

                                <Border Name="DropDownBorder" Background="#FFFFFFFF" Margin="0, 1, 0, 0"

                        CornerRadius="0" BorderThickness="1,1,1,1"

                        BorderBrush="{StaticResource ComboBoxNormalBorderBrush}"/>

                                <ScrollViewer Margin="0" SnapsToDevicePixels="True" >

                                    <ItemsPresenter KeyboardNavigation.DirectionalNavigation="Contained" />

                                </ScrollViewer>

                            </Grid>

                        </Popup>

                    </Grid>

                    <ControlTemplate.Triggers>

                        <Trigger Property="ItemsControl.HasItems" Value="False">

                            <!--<Setter Property="FrameworkElement.MinHeight" TargetName="DropDownBorder" Value="95"/>-->

                        </Trigger>

                        <Trigger Property="UIElement.IsEnabled" Value="False">

                            <Setter Property="TextElement.Foreground" Value="{StaticResource ComboBoxDisabledForegroundBrush}"/>

                        </Trigger>

                        <Trigger Property="ItemsControl.IsGrouping" Value="True">

                            <Setter Property="ScrollViewer.CanContentScroll" Value="False"/>

                        </Trigger>

                        <Trigger Property="ComboBox.IsEditable" Value="True">

                            <Setter Property="KeyboardNavigation.IsTabStop" Value="False"/>

                            <Setter Property="UIElement.Visibility" TargetName="PART_EditableTextBox" Value="Visible"/>

                            <Setter Property="UIElement.Visibility" TargetName="ContentSite" Value="Hidden"/>

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="CommonComboBoxItemStyle" TargetType="{x:Type ComboBoxItem}">

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

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

        <Setter Property="Template">

            <Setter.Value>

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

                    <Border x:Name="back" SnapsToDevicePixels="True" Background="Transparent">

                        <ContentPresenter Margin="5,0,0,0"/>

                    </Border>

                    <ControlTemplate.Triggers>

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

                            <Setter TargetName="back" Property="Background" Value="#eeeeee"/>

                        </Trigger>

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

                            <Setter TargetName="back" Property="Background" Value="#e5e5e5"/>

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

ComboBox Style的更多相关文章

WPF，Silverlight与XAML读书笔记第四十四 - 外观效果之样式
说明:本系列基本上是<WPF揭秘>的读书笔记.在结构安排与文章内容上参照<WPF揭秘>的编排,对内容进行了总结并加入一些个人理解. 如果你有Web编程的经验,你会知道使用Sty ...
DotNetBar ComboBoxEx
DotNetBar ComboBoxEx using System; using System.ComponentModel; using System.Drawing; using System.R ...
Delphi ComboBox组件 style=csDropDownlist 的赋值方法
赋值方法: ComboBox1.Items.Add( '文本 '); ComboBox1.ItemIndex := ComboBox1.Items.IndexOf( '文本 '); 清空: Combo ...
Bootstrap WPF Style,Bootstrap风格的WPF样式
简介 GitHub地址:https://github.com/ptddqr/bootstrap-wpf-style 此样式基于bootstrap-3.3.0,样式文件里的源码行数都是指的这个版本.CS ...
给Easyui　combobox设定默认值
今天做到那个北理工二期的项目,里面刚好有几个dialog需要弄一个默认值,一般是选择启用与否,但是,为了方便用户,最好有一个默认值,所以,增加一个默认值的属性.代码入下: JS代码: ...
extjs combobox 事件
change---显示的值改变事件 select---选中选项事件 expand---下拉框展开事件 collapse--下拉框折叠事件 { xtype: 'container', width: 25 ...
ComboBox（下拉列表框）实现省、市、县三级联动,用hibernate连接数据库
package com.hanqi.web; import java.io.IOException; import java.util.List; import javax.servlet.Servl ...
[转]Ext ComboBox 默认选中某一项
原文地址:http://blog.csdn.net/liuguxing/article/details/8623190 项目中经常用到选择框,需要从后台异步加载数据,可单独写一个组件进行加载 App. ...
EasyUI的combobox控件使用onchange 问题
在项目中几次都遇到了同样的问题,现在都不知道怎样解决了! 路过的朋友们帮我看看嘛!谢谢了! 最后我想要实现的效果是这样的. 在下拉列表中不存在值.(这里的是下拉列表中存在值的!) 但是在我输入值 ...

随机推荐

Redis数据类型之SDS简单动态字符串
一,简单的动态字符串 1,Redis自己构建了一种名为简单动态字符串的抽象类型,并将SDS用作Redis的默认字符串表示, 2,在redis的数据库里面,包含字符串值的键值对在底层都是由SDS实现的 ...
剑指offer三十九之平衡二叉树
一.题目输入一棵二叉树,判断该二叉树是否是平衡二叉树. 二.思路详解代码. 三.代码 public class Solution { //判断根节点左右子树的深度,高度差超过1,则不平衡 ...
(转)DB2 HADR 监控详解
原文:https://www.ibm.com/developerworks/cn/data/library/techarticles/dm-1010baosf/ HADR 简介 HADR( 高可用性灾 ...
activity生命周期实例（不同启动模式）
1.生命周期的几个阶段介绍: onCreate: 表示activity被创建,做一些初始化工作如调用setContentView去加载界面布局资源.初始化Acitivity所需数据等. onResta ...
CSS_Spirte实现原理分类： HTML+CSS 2015-04-28 22:58 531人阅读评论(0) 收藏
CSS Spirte就是所谓的把很多的小图标合并成一张大的图片,然后使用CSS的background-position属性,来动态的定位自己需要图标的位置.这样做的目的主要是减少HTTP请求,加快网页 ...
webSQL的基本操作
1.html5以来,数据的前端存储已经有了很大进步.这里简单些一下webSQL的基本用法.代码如下: <!DOCTYPE html> <html> <head> & ...
一步步用svg做一个声波扩散动画
有个项目需要在某个坐标显示一个声波扩散(不知道这个表达对不对)的动画. 这种需求一般做法有几种,一种做成gif图片,然后贴上去,一种是用html+css3完成,要么就是画上去,这画又分两种,一种是Ca ...
android学习-IPC机制之ACtivity绑定Service通信
bindService获得Service的binder对象对服务进行操作 Binder通信过程类似于TCP/IP服务连接过程binder四大架构Server(服务器),Client(客户端),Serv ...
在 mac 上利用 homebrew 安装软件
在mac经常需要安装一些软件,你可以通过app store下载,或者可以通过浏览袭搜索下载.这里介绍通过homebrew安装一些软件,它会自动为你下载一些软件的相关依赖,免去安装的烦恼. 首先我们需要 ...
Python urllib简单使用
Python的urllib和urllib2模块都做与请求URL相关的操作. 它们最显著的差异为: urllib2可以接受一个Request对象,并以此可以来设置一个URL的headers,但是urll ...

ComboBox Style

ComboBox Style的更多相关文章

随机推荐

热门专题