Input style

 avatar
unknown
csharp
2 years ago
2.4 kB
6
Indexable
<!--Input-->
    <Style TargetType="{x:Type local:Input}">
        <Setter Property="HorizontalAlignment" Value="Center"></Setter>
        <Setter Property="Cursor" Value="Hand"></Setter>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:Input}">
                    <Border x:Name="Back" CornerRadius="8" Padding="{TemplateBinding Padding}" Background="White" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid Background="Transparent">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"></ColumnDefinition>
                                <ColumnDefinition Width="*"></ColumnDefinition>
                                <ColumnDefinition Width="Auto"></ColumnDefinition>
                            </Grid.ColumnDefinitions>

                            <Path x:Name="Icon" Grid.Column="0" Margin="5,0,0,0" Stretch="Uniform" Height="15" Width="15" Fill="#7b8792" Data="{TemplateBinding Icon}"></Path>
                            <TextBox x:Name="Part_TxtBox" Grid.Column="1" Text="{TemplateBinding TextContent}" Margin="5,0,5,0" Foreground="#7b8792" FontWeight="SemiBold" HorizontalContentAlignment="Left" VerticalContentAlignment="Center" Height="30" BorderBrush="Transparent" BorderThickness="0" Background="Transparent"></TextBox>
                            <TextBlock x:Name="Part_Placeholder" Panel.ZIndex="-1"  Grid.Column="1" Text="{TemplateBinding Placeholder}" Margin="5,0,5,0" Foreground="#7b8792" VerticalAlignment="Center" HorizontalAlignment="Left" FontWeight="SemiBold"></TextBlock>
                            <Border x:Name="Part_Clear" Grid.Column="2" Background="Transparent" Margin="0,0,5,0" Height="15" Width="15">
                                <Path x:Name="Part_ClearIcon"  Stretch="Uniform" Fill="#7b8792" Data="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z"></Path>
                            </Border>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
Editor is loading...