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

随机推荐

c++之sleep函数
c++之sleep函数 c++中使用sleep函数需要导入第三方库,标准库中没有该函数实现. 我们导入window.h使用Sleep()方法,注意:第一个S要大写,括号中的表示的整数倍的毫秒 Slee ...
【7】JMicro微服务-服务路由，负载均衡
如非授权,禁止用于商业用途,转载请注明出处作者:mynewworldyyl 1.关于服务路由和负载均衡服务路由:根据预先配置好的策略,为客户端选择一个当前可用的服务提供者,根据策略选择一个可用的 ...
JS: 数据结构与算法之栈
栈先来看一道题 Leetcode 32 Longest Valid Parentheses (最长有效括号) 给定一个只包含 '(' 和 ')' 的字符串,找出最长的包含有效括号的子串的长度. 示例 ...
WPF快速实现XML可视化编辑工具
虽然最近业余时间主要都放在研究AngularJS上了,不过由于正好要帮朋友做一个生成XML的小工具,顺便又温顾了一下WPF.虽然这个时代相对于Web应用和移动App,Windows应用程序是越来越少了 ...
Postman 发送 Bearer token
Bearer Token (RFC 6750) 用于OAuth 2.0授权访问资源,任何Bearer持有者都可以无差别地用它来访问相关的资源,而无需证明持有加密key.一个Bearer代表授权范围.有 ...
android开发 gradle 总结
gradle结构: MyApp ├── build.gradle ├── settings.gradle └── app └── build.gradle 1. setting.gradle解析当你 ...
Android Layout 01_activity_Login.xml
activity_login.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android ...
vue+Element-ui实现分页效果
当我们向后台请求大量数据的时候,并要在页面展示出来,请求的数据可能上百条数据或者更多的时候,并不想在一个页面展示,这就需要使用分页功能来去完成了. 1.本次所使用的是vue2.0+element-ui ...
数据库-转换sql语句
文章描述:主要说明转换成SQL语句的过程.----必要信息(数据库名,表名,条件)转换成SQL语句一些界面上数据增删改查的操作往往只需要输入一数据库名,表名,加条件就可以进行数据查询了,在这背后是怎 ...
SpringBoot入门 (四) 数据库访问之JdbcTemplate
本文记录在SpringBoot中使用JdbcTemplate访问数据库. 一 JDBC回顾最早是在上学时接触的使用JDBC访问数据库,主要有以下几个步骤: 1 加载驱动 Class.forName( ...

ComboBox Style

ComboBox Style的更多相关文章

随机推荐

热门专题