WPF输入框TextBox样式修改

最新推荐文章于 2025-04-12 22:02:15 发布

智慧蛙

最新推荐文章于 2025-04-12 22:02:15 发布

阅读量335

点赞数 2

文章标签： wpf c#

本文链接：https://blog.youkuaiyun.com/m0_67266237/article/details/144530652

版权

        <Style TargetType="{x:Type TextBox}" x:Key="TextboxStyle">
            <Setter Property="Background" Value="#ffffff"/>
            <Setter Property="Foreground" Value="DarkSlateBlue"/>
            <Setter Property="Padding" Value="4"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush" Value="#999999"></Setter>
            <Setter Property="Foreground" Value="#666666"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Border Background="{TemplateBinding Background}"
BorderBrush="#999999" 
    Name="border"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="3">
                            <Grid>
                                <TextBlock Margin="5 0 0 0" Text="请输入" x:Name="Platext" Visibility="Collapsed" HorizontalAlignment="Left" VerticalAlignment="Center" ></TextBlock>
                                <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>

                            </Grid>
                        </Border>

                        <!-- 输入时边框颜色 -->
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsFocused" Value="True">
                                <Setter TargetName="Platext" Property="Visibility" Value="Collapsed"></Setter>
                                <Setter TargetName="border" Property="BorderBrush" Value="#5EA3FF"/>
                                <Setter  Property="Foreground" Value="#333333"/>
                                <Setter TargetName="border" Property="Background" Value="#E0EDFF"></Setter>
                                <!--<Setter TargetName="topimgyes" Property="Visibility" Value="Collapsed" ></Setter>-->
                            </Trigger>
                            <Trigger Property="Text" Value="">
                                <Setter TargetName="Platext" Property="Visibility" Value="Visible"/>
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="True">
                                <Setter TargetName="Platext" Property="Visibility" Value="Collapsed"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <!--如果值为空的话，是另外一种背景颜色-->
            <Style.Triggers>
                <Trigger Property="Text" Value="">
                    <Setter Property="Background" Value="#ffffff"/>
                    <Setter TargetName="Platext" Property="Visibility" Value="Visible"></Setter>
                </Trigger>
            </Style.Triggers>
        </Style>