WPF coins arrondis zone de texte

Je ne sais pas WPF et je suis maintenant en train de l'apprendre. J'ai été à la recherche pour les coins arrondis TextBox en WPF. J'ai donc cherché sur Google et trouvé un morceau de XAML :

 <!–Rounded Corner TextBoxes–>
<ControlTemplate x:Key=”RoundTxtBoxBaseControlTemplate” TargetType=”{x:Type Control}”>
<Border Background=”{TemplateBinding Background}” x:Name=”Bd” BorderBrush=”{TemplateBinding BorderBrush}”
BorderThickness=”{TemplateBinding BorderThickness}” CornerRadius=”6″>
<ScrollViewer x:Name=”PART_ContentHost”/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property=”IsEnabled” Value=”False”>
<Setter Property=”Background” Value=”{DynamicResource {x:Static SystemColors.ControlBrushKey}}” TargetName=”Bd”/>
<Setter Property=”Foreground” Value=”{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}”/>
</Trigger>
<Trigger Property=”Width” Value=”Auto”>
<Setter Property=”MinWidth” Value=”100″/>
</Trigger>
<Trigger Property=”Height” Value=”Auto”>
<Setter Property=”MinHeight” Value=”20″/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>

Alors merci de me dire où coller ce XAML. S'il vous plaît aidez-moi en détail. Je suis un débutant en WPF.

InformationsquelleAutor Thomas | 2011-01-24

Dans WPF, vous pouvez modifier ou recréer le look et la sensation de contrôle. Donc, si votre exemple ce qu'ils ont fait, c'est qu'ils ont changé l'aspect de la zone de texte en modifiant la ControlTemplate de l'existant TextBox. Donc à voir et à découvrir le morceau de code suffit d'utiliser le code ci-dessous

<Window x:Class="WpfApplication4.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<Window.Resources>
    <ControlTemplate x:Key="TextBoxBaseControlTemplate" TargetType="{x:Type TextBoxBase}">
        <Border Background="{TemplateBinding Background}" 
                x:Name="Bd" BorderBrush="Black"
                BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="10"> 
            <ScrollViewer x:Name="PART_ContentHost"/>
        </Border>
        <ControlTemplate.Triggers>
            <Trigger Property="IsEnabled" Value="False">
                <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" TargetName="Bd"/>
                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
            </Trigger>
            <Trigger Property="Width" Value="Auto">
                <Setter Property="MinWidth" Value="100"/>
            </Trigger>
            <Trigger Property="Height" Value="Auto">
                <Setter Property="MinHeight" Value="20"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
</Window.Resources>
<Grid>
    <TextBox Template="{StaticResource TextBoxBaseControlTemplate}" Height="25" Margin="5"></TextBox>
</Grid>

Donc, nous avons déclaré une ressource statique dans la section des Ressources de la Fenêtre et nous avons utilisé la Ressource TextBoxBaseControlTemplate dans le Template propriété de la TextBox comme Template="{StaticResource TextBoxBaseControlTemplate}" .

Modèles pour Personnaliser les Contrôles WPF juste faire référence à ce document pour avoir une idée

http://msdn.microsoft.com/en-us/magazine/cc163497.aspx

InformationsquelleAutor Kishore Kumar

39

@Smolla avait une bien meilleure réponse dans son commentaire sur @Daniel Casserly réponse:
```
<TextBox Text="TextBox with CornerRadius">
  <TextBox.Resources>
    <Style TargetType="{x:Type Border}">
      <Setter Property="CornerRadius" Value="3"/>
    </Style>
  </TextBox.Resources>
</TextBox>
```
Si vous voulez toutes les frontières des zones de texte et les zones de liste pour avoir des coins arrondis, mettez du style dans votre Fenêtre ou de l'Application <Resources>.
- Un grand merci à vous. Comment ai-je jamais pensé à cela depuis 2008!!!?
- Cette réponse est beaucoup mieux, à mon humble avis. La accepté de répondre est une bonne explication de WPF concepts, mais cette réponse est tout au sujet de "le faire avec élégance."
InformationsquelleAutor cheeesus
10

Vous pouvez modifier tous les champs texte pour avoir des coins arrondis en utilisant le style suivant:
```
<Style TargetType="{x:Type TextBox}">
  <Style.Resources>
    <Style TargetType="{x:Type Border}">
      <Setter Property="CornerRadius" Value="3" />
    </Style>
  </Style.Resources>
</Style>
```
Inspiré par la réponse suivante: https://stackoverflow.com/a/13858357/3387453

InformationsquelleAutor Class Skeleton
4

cette question est bien discuté sur le site msdn:
http://social.msdn.microsoft.com/forums/en-US/wpf/thread/549775ed-1c2a-4911-9078-d9c724294fb3/

Essayez les solutions de là, ils sont dans beaucoup de détails et certainement suffisamment de détails pour vous de savoir où mettre le code.
- Le dernier à ce fil, j'ai trouvé utile pour les solutions simples: <TextBox Text="TextBox with CornerRadius"> <TextBox.Resources> <Style TargetType="{x:Type Border}"> <Setter Property="CornerRadius" Value="3"/> </Style> </TextBox.Resources> </TextBox>
InformationsquelleAutor Daniel Casserly

Juste mis BorderThicknessof zone de texte à zéro ajouter une bordure autour de la zone de texte.

 <Border BorderThickness="1" BorderBrush="Black" CornerRadius="10" Padding="2"
        HorizontalAlignment="Center" VerticalAlignment="Center">
        <TextBox Text="Hello ! " BorderThickness="0"/>
 </Border>

De sortie est tel que montré dans l'image!
WPF coins arrondis zone de texte

InformationsquelleAutor Thunder

Vous pouvez utiliser des propriétés attachées pour la mise TextBox rayon des frontières (qui est aussi le même travail pour les boutons).

Créer une classe pour les attachés de propriété

public class CornerRadiusSetter
{
    public static CornerRadius GetCornerRadius(DependencyObject obj) => (CornerRadius)obj.GetValue(CornerRadiusProperty);

    public static void SetCornerRadius(DependencyObject obj, CornerRadius value) => obj.SetValue(CornerRadiusProperty, value);

    public static readonly DependencyProperty CornerRadiusProperty =
        DependencyProperty.RegisterAttached(nameof(Border.CornerRadius), typeof(CornerRadius),
            typeof(CornerRadiusSetter), new UIPropertyMetadata(new CornerRadius(), CornerRadiusChangedCallback));

    public static void CornerRadiusChangedCallback(object sender, DependencyPropertyChangedEventArgs e)
    {
        Control control = sender as Control;

        if (control == null) return;

        control.Loaded -= Control_Loaded;
        control.Loaded += Control_Loaded;
    }

    private static void Control_Loaded(object sender, EventArgs e)
    {
        Control control = sender as Control;

        if (control == null || control.Template == null) return;

        control.ApplyTemplate();

        Border border = control.Template.FindName("border", control) as Border;

        if (border == null) return;

        border.CornerRadius = GetCornerRadius(control);
    }
}

Ensuite, vous pouvez utiliser la syntaxe de propriété attachée à un style de plusieurs zones de texte sans style doublons:

<TextBox local:CornerRadiusSetter.CornerRadius="10" />
<TextBox local:CornerRadiusSetter.CornerRadius="5, 0, 0, 5" />
<TextBox local:CornerRadiusSetter.CornerRadius="10, 4, 18, 7" />

InformationsquelleAutor Vadim Ovchinnikov

Vous devez vous connecter pour publier un commentaire.