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

随机推荐

php-echo原理
1.语法分析 unticked_statement: | T_ECHO echo_expr_list ';' ; echo_expr_list: echo_expr_list TSRMLS_CC); ...
JS滑动到页面底部
window.scrollTo(0, document.documentElement.clientHeight); 该 window 对象在DOM有一个 scrollTo 滚动到打开窗口的任意位置 ...
require/load/include/extend的区别
require 一般用于加载一个库,当多次使用require加载一个库时,只有第一次有效,后面的都会加载失败,也就是会返回"false",以为require会追踪文件是否被加载. ...
vue制作小程序--server
服务端代码,开发者工具有提供指南 https//cloud.tencent.com/document/product/619/11442 参考文档API https://developers.wei ...
用PopupWindow做下拉框
最近在做下拉框,本来想用spinner,可是spinner达不到项目要求,跟同学同事问了一圈,都在用popwindow, 网上看了一下,popwindow挺简单的,可定制性挺强的,符合我的要求,所以, ...
Chapter 5. Conversions and Promotions
JLS解读:https://docs.oracle.com/javase/specs/jls/se7/html/jls-5.html 基本数据类型的转换 1) boolean不可以转换为其他的数据类型 ...
图解-安卓中调用OpenGL
游戏开发中经常使用到OpenGL,当然很多人都喜欢直接用现有的游戏引擎,但相信了解的更多对你没有坏处安卓开发中,采用的OpenGL ex2的规范,前几天看了下这个规范,整体上难度比1.0规范难度加大 ...
Cloudera Impala源码分析: SimpleScheduler调度策略详解包括作用、接口及实现等
问题导读:1.Scheduler任务中Distributed Plan.Scan Range是什么?2.Scheduler基本接口有哪些?3.QuerySchedule这个类如何理解?4.Simple ...
node.js获取url中的各个参数
实例代码test.js var http=require('http'); var url=require('url'); var querystring=require('querystring') ...
vim---打造Python IDE
1.文法高亮为了能在Vim中支持Python文法需要用到插件python.vim,该插件默认位于(/usr/share/vim/vim72/)<Vim安装目录>/<$VIMRUNT ...

ComboBox Style

ComboBox Style的更多相关文章

随机推荐

热门专题