Text auf der linken Seite des Kontrollkästchens in WPF?

Question

Was ist der einfachste Weg, Checkbox-Inhalt (Text) auf der linken Seite des Kontrollkästchens selbst zu setzen?

Answer 1

Eine Lösung, die „Leichtigkeit“ und „Richtigkeit“ ist, um eine RightToLeft Checkbox mit LeftToRight Inhalt maximiert:

<CheckBox FlowDirection="RightToLeft"> 
    <TextBlock FlowDirection="LeftToRight" Text="CheckBox Content:" /> 
</CheckBox> 

Oder wenn Sie einen Stil mögen:

<Style TargetType="CheckBox"> 
    <Setter Property="FlowDirection" Value="RightToLeft" /> 
    <Setter Property="ContentTemplate"> 
     <Setter.Value> 
      <DataTemplate> 
       <ContentControl FlowDirection="LeftToRight" Content="{Binding}" /> 
      </DataTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Answer 2

In Code:

System.Windows.Controls.CheckBox checkBox = new System.Windows.Controls.CheckBox(); 
checkBox.Content = ":CheckBox Enabled"; 
checkBox.FlowDirection = System.Windows.FlowDirection.RightToLeft; 

In XAML:

<CheckBox FlowDirection="RightToLeft" Content=":CheckBox Enabled" /> 

EDIT

Benutzer punker76 mir geholfen, dass Doppelpunkt bemerken ":" hat Orte sein infront Der Text wird am Ende korrekt angezeigt ("CheckBox Enabled:"), wahrscheinlich durch eine Affektflussrichtung auf das Textelement zurückzuführen. Netter Fang.

Answer 3

Eine andere Möglichkeit ist eine neue benutzerdefinierte Stil

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <SolidColorBrush Color="#F4F4F4" 
        x:Key="CheckBoxFillNormal" /> 
    <SolidColorBrush Color="#8E8F8F" 
        x:Key="CheckBoxStroke" /> 
    <Style x:Key="EmptyCheckBoxFocusVisual"> 
    <Setter Property="Control.Template"> 
     <Setter.Value> 
     <ControlTemplate> 
      <Rectangle Margin="1" 
        SnapsToDevicePixels="true" 
        Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" 
        StrokeDashArray="1 2" 
        StrokeThickness="1" /> 
     </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
    </Style> 
    <Style x:Key="CheckRadioFocusVisual"> 
    <Setter Property="Control.Template"> 
     <Setter.Value> 
     <ControlTemplate> 
      <Rectangle Margin="14,0,0,0" 
        SnapsToDevicePixels="true" 
        Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" 
        StrokeDashArray="1 2" 
        StrokeThickness="1" /> 
     </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
    </Style> 
    <Style TargetType="{x:Type CheckBox}" 
     x:Key="ContentLeftCheckBoxStyle"> 
    <Setter Property="Foreground" 
      Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" /> 
    <Setter Property="Background" 
      Value="{StaticResource CheckBoxFillNormal}" /> 
    <Setter Property="BorderBrush" 
      Value="{StaticResource CheckBoxStroke}" /> 
    <Setter Property="BorderThickness" 
      Value="1" /> 
    <Setter Property="FocusVisualStyle" 
      Value="{StaticResource EmptyCheckBoxFocusVisual}" /> 
    <Setter Property="VerticalContentAlignment" 
      Value="Center" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
     <ControlTemplate TargetType="{x:Type CheckBox}"> 
      <StackPanel Orientation="Horizontal"> 
      <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
           Margin="{TemplateBinding Padding}" 
           RecognizesAccessKey="True" 
           SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
           VerticalAlignment="{TemplateBinding VerticalContentAlignment}" /> 
      <BulletDecorator Background="Transparent" 
          SnapsToDevicePixels="true" 
          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> 
       <BulletDecorator.Bullet> 
       <Microsoft_Windows_Themes:BulletChrome Background="{TemplateBinding Background}" 
                 BorderBrush="{TemplateBinding BorderBrush}" 
                 IsChecked="{TemplateBinding IsChecked}" 
                 RenderMouseOver="{TemplateBinding IsMouseOver}" 
                 RenderPressed="{TemplateBinding IsPressed}" /> 
       </BulletDecorator.Bullet> 
      </BulletDecorator> 
      </StackPanel> 
      <ControlTemplate.Triggers> 
      <Trigger Property="HasContent" 
        Value="true"> 
       <Setter Property="FocusVisualStyle" 
         Value="{StaticResource CheckRadioFocusVisual}" /> 
       <Setter Property="Padding" 
         Value="0,0,4,0" /> 
      </Trigger> 
      <Trigger Property="IsEnabled" 
        Value="false"> 
       <Setter Property="Foreground" 
         Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> 
      </Trigger> 
      </ControlTemplate.Triggers> 
     </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
    </Style> 
</ResourceDictionary> 

Nutzung zu machen:

<CheckBox Style="{StaticResource ContentLeftCheckBoxStyle}" Content="CheckBox:" /> 

Hoffnung, das hilft!

Answer 4

Sie können das Kontrollkästchen Vorlage bearbeiten und über können dort platzieren Sie den Textblock vor dem Rechteck

Answer 5

eine andere Lösung, die subtilen Probleme di zu vermeiden Bei der Definition eines völlig neuen CheckBox-Stils oben mit Flussrichtung und der großen Menge an Code, verwenden Sie einfach ein WrapPanel, das ein Label (mit der gewünschten CheckBox-Inhaltszeichenfolge) und ein CheckBox (ohne Inhaltszeichenfolge) enthält.

<WrapPanel> 
    <Label Content="Checkbox content"/> 
    <CheckBox VerticalAlignment="Center" Margin="5,0,0,0"/> 
</WrapPanel> 

Answer 6

einfachste Weg ist, um einen Stapel Panel zu verwenden:

  <StackPanel Orientation="Horizontal"> 
       <TextBlock Text="Some Text"/> 
       <CheckBox /> 
      </StackPanel> 

Answer 7

ich zwei Stunden dafür ausgegeben, aber ich fand die beste Entscheidung

<Style x:Key="TextAlignLeft" TargetType="CheckBox"> 
      <Style.Resources> 
       <Style TargetType="Path"> 
        <Setter Property="FlowDirection" Value="LeftToRight" /> 
       </Style> 
       <Style TargetType="TextBlock"> 
        <Setter Property="FlowDirection" Value="LeftToRight" /> 
       </Style> 
      </Style.Resources> 

      <Setter Property="FlowDirection" Value="RightToLeft" /> 
     </Style> 

Answer 8

Ich weiß, es ist schon eine Weile und Ich bin spät. Aber nachdem ich mehrere komplizierte Antworten durchgegangen und viel im Internet gesucht habe, fand ich schließlich den einfachsten Weg, dies zu erreichen, ohne den Tick von here zu verzerren.

<CheckBox Content="Checked" FlowDirection="RightToLeft"> 
    <CheckBox.Resources> 
     <Style TargetType="{x:Type Path}"> 
      <Setter Property="FlowDirection" Value="LeftToRight" /> 
     </Style> 
    </CheckBox.Resources> 
</CheckBox> 

Ergebnis: