WPF TextBox带圆和Label样式设置

最新推荐文章于 2024-10-09 19:54:36 发布

加号3

最新推荐文章于 2024-10-09 19:54:36 发布

阅读量356

点赞数 3

文章标签： wpf

本文链接：https://blog.csdn.net/h2004118/article/details/142773892

版权

<Style
        x:Key="TextBoxFilletStyle"
        BasedOn="{x:Null}"
        TargetType="{x:Type TextBox}">
        <!--  x:Key="QueryTextBoxStyle"此属性是必须的，Style通过Key来绑定  -->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TextBox">
                    <!--  定义一个Border实现TextBox的边框样式的改变  -->
                    <Border
                        x:Name="border"
                        HorizontalAlignment="Left"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="0"
                        CornerRadius="3"
                        SnapsToDevicePixels="True">
                        <!--  定义一个Grid把TextBox分为两列  -->
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="15" />
                                <ColumnDefinition Width="auto" />
                            </Grid.ColumnDefinitions>
                            <!--  在第一列定义一个Border，用来实现圆  -->
                            <Border
                                Width="15"
                                Height="15"
                                Background="#004739"
                                CornerRadius="15" />
                            <!--  第二列定义一个Label，用来显示文字  -->
                            <Label
                                Grid.Column="1"
                                Margin="5,2,0,0"
                                HorizontalAlignment="Left"
                                VerticalAlignment="Center"
                                Background="Transparent"
                                Content="{TemplateBinding Tag}"
                                FontWeight="Bold"
                                Foreground="#004739" />
                            <!--  ScrollViewer此标签必须有，不然TextBox里的内容无法显示  -->
                            <ScrollViewer
                                x:Name="PART_ContentHost"
                                Grid.Column="0"
                                VerticalAlignment="Center"
                                Focusable="False"
                                HorizontalScrollBarVisibility="Hidden"
                                VerticalScrollBarVisibility="Hidden" />
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="IsReadOnly" Value="true" />
        <Setter Property="Margin" Value="10,0,0,0" />
        <Setter Property="MinWidth" Value="110" />
        <Setter Property="MaxWidth" Value="300" />
    </Style>