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 问题
在项目中几次都遇到了同样的问题,现在都不知道怎样解决了! 路过的朋友们帮我看看嘛!谢谢了! 最后我想要实现的效果是这样的. 在下拉列表中不存在值.(这里的是下拉列表中存在值的!) 但是在我输入值 ...

随机推荐

.gitignore中添加的某个忽略文件并不生效
最近项目中,来了一新同事,协同开发的过程中,发现老是提示pod install,于是照做了,做完项目可以跑成功但发现提示我跟同事一样的问题,Podfile.lock文件需要提交,于是便提交了,然而同事 ...
【apio2007】【ctsc2007】数据备份贪心+链表+堆
题目大意:有n个点,k条链,每个点离原点有一定的距离.要你用k条链连接2k个点,使得k条链的长度最短. 首先每次肯定是链相邻的2个点,所以我们先把相邻2个点的差值求出来,得到有n-1个数的数列. 然后 ...
django第一课简单的网页视图
注意本人django版本2.0 python3.6 第一步:创建自己的django项目 django-admin.py startproject ** 第二步:进入**创建app pytho ...
spring boot整合RabbitMQ（Direct模式）
springboot集成RabbitMQ非常简单,如果只是简单的使用配置非常少,springboot提供了spring-boot-starter-amqp项目对消息各种支持. Direct Excha ...
JVM-Java GC分析
如何获取JavaGC日志用动态命令查看: jstat -gc 1262 2000 20 每隔20秒输入一次日志,总共输入20次设置GC参数打印出日志 -XX:+PrintGC 输出GC日志 -X ...
sql server数据行号
select ROW_NUMBER() over(order by createTime desc) as RowNum,NoticeContent,CreateTime from PTS_Notic ...
原来你一直写错了？！实力分享一波 CSS 使用的书写规范顺序与偏门又实用的样式...
我们在埋头写代码的时候,还要学会收集整理一些常用的代码小技巧,以便在工作时候,可以及时调取,提高工作效率. 今天,我把之前收集整理的一些CSS代码小技巧分享出来,供你参考学习,希望对你有帮助. 一.C ...
redis 安装报错 jemalloc/jemalloc.h: No such file or directory。
对于redis安装的这个错误,我在博客redis 安装与错误解决办法最后有提及,但是网上大部分文章的对这个问题的解答都是有误的.所以在这里单列出来. 错误内容: jemalloc/jemalloc. ...
Maven Debug
1.在pom.xml中新增plugin <plugin> <groupId>org.mortbay.jetty</groupId> <artifact ...
JAVA 导出 Excel，将Excel下载到本地
昨天说了如何将数据导出成 excel 的两种方式,今天完善一下将 java 导出(文件在服务器)并下载到本地 1. 触发导出 ajax 代码 $.ajax({ type: "POST&quo ...

ComboBox Style

ComboBox Style的更多相关文章

随机推荐

热门专题