WPF ComboBox 绑定数据源 trigger设置样式 选中样式 鼠标悬停样式 默认选中第一个值 default value : SelectedIndex=“0“

本文展示了如何使用WPF创建一个ComboBox前端界面,并进行样式设计,包括鼠标悬停和选中时的样式改变。同时,后台通过数据源绑定,实现ComboBox显示预设的季节选项,默认选中第一个选项。
摘要由CSDN通过智能技术生成

1. WPF 前端界面

<Grid>
    <ComboBox Name="ComboBoxDemoName" SelectedIndex="0">
    </ComboBox>
</Grid>

2. 样式设计

样式绑定,鼠标悬停,选中,border等样式改变。

<UserControl.Resources>
        <SolidColorBrush x:Key="ComboBoxSelectdBackground" Color="#02536C"/>
        <SolidColorBrush x:Key="ComboBoxMouseOverBorderBrush" Color="#037AA6"/>
        <SolidColorBrush x:Key="ComboBoxMouseOverBackground" Color="#373B3D"/>
        <SolidColorBrush x:Key="ComboBoxMouseOverForeground" Color="#FAFBFD"/>
        <ControlTemplate x:Key="ComboBoxToggleButton" TargetType="ToggleButton">
            <Border x:Name="demoBorder" BorderThickness="1" CornerRadius="1"  Background="{StaticResource ComboBoxMouseOverBackground}" BorderBrush="#525457">
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter TargetName="demoBorder" Property="BorderBrush" Value="{StaticResource ComboBoxMouseOverBorderBrush}"/>
                    <Setter Property="Cursor" Value="Hand"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
        <Style TargetType="{x:Type ComboBox}">
            <Setter Property="ItemContainerStyle">
                <Setter.Value>
                    <Style TargetType="ComboBoxItem">
                        <Setter Property=
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值