Jak dokonać wyboru większy

Question

Używam kontroli checkbox tak:

<CheckBox VerticalAlignment="Bottom" IsChecked="{Binding Selected}" 
     Grid.Column="0" 
     FontSize="{StaticResource PhoneFontSizeLarge}" 
     Content="{Binding Name}"> 
</CheckBox> 

Chodzi o to, że mogę zmienić rozmiar być trochę większe. W tym przypadku tekst jest coraz większy, ale zaznaczenie pozostaje takie samo. Wygląda brzydko, mogę jakoś zmienić rozmiar pola wyboru?

UPDATE Robię to na Windows Phone tak LayoutTransform nie należy tutaj

Answer 1

zakończyła się, co następuje:

1. Dodaj pusty kwadracik
2. Otwarte kontrola w mieszance ekspresji
3. Zaznacz pole wyboru nie
4. Otwarte Edit Template -> Edycja Kopiuj
5. To stworzy nowy styl z niestandardowym szablonem, który możesz przypisać do pól wyboru.

produkowany około 150 loc styl, ale nie mogłem znaleźć inny sposób

Answer 2

Spróbować coś takiego: -

<CheckBox> 
    <CheckBox.LayoutTransform> 
     <ScaleTransform ScaleX="2" ScaleY="2" /> 
    </CheckBox.LayoutTransform> 
</CheckBox> 

Można również sprawdzić ten link

Answer 3

<StackPanel Height="80" 
       Name="StackPanel1" 
       Orientation="Horizontal"> 
     <Viewbox Height="{Binding Path=ActualHeight, ElementName=StackPanel1}"> 
      <CheckBox /> 
     </Viewbox> 
    </StackPanel> 

Dostosuj StackPanel wysokość w razie potrzeby.

Answer 4

   ScaleTransform scale = new ScaleTransform(2.0, 2.0); 
       yourCheckBox.RenderTransformOrigin = new Point(0.5, 0.5); 
       yourCheckBox.RenderTransform = scale; 

Answer 5

Wystarczy dodać poniżej kodów wyróżnienie w zasobie windows/UserControl, zostanie ona automatycznie zwiększyć rozmiar domyślna [] pole wyboru wewnątrz kontrolki Xaml.

<Style x:Key="FocusVisual"> 
     <Setter Property="Control.Template"> 
      <Setter.Value> 
       <ControlTemplate> 
        <Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
    <SolidColorBrush x:Key="OptionMark.Static.Background" Color="#FFFFFFFF"/> 
    <SolidColorBrush x:Key="OptionMark.Static.Border" Color="#FF707070"/> 
    <Style x:Key="OptionMarkFocusVisual"> 
     <Setter Property="Control.Template"> 
      <Setter.Value> 
       <ControlTemplate> 
        <Rectangle Margin="14,0,0,0" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

    <SolidColorBrush x:Key="OptionMark.MouseOver.Background" Color="#FFF3F9FF"/> 
    <SolidColorBrush x:Key="OptionMark.MouseOver.Border" Color="#FF5593FF"/> 
    <SolidColorBrush x:Key="OptionMark.MouseOver.Glyph" Color="#FF212121"/> 
    <SolidColorBrush x:Key="OptionMark.Disabled.Background" Color="#FFE6E6E6"/> 
    <SolidColorBrush x:Key="OptionMark.Disabled.Border" Color="#FFBCBCBC"/> 
    <SolidColorBrush x:Key="OptionMark.Disabled.Glyph" Color="#FF707070"/> 
    <SolidColorBrush x:Key="OptionMark.Pressed.Background" Color="#FFD9ECFF"/> 
    <SolidColorBrush x:Key="OptionMark.Pressed.Border" Color="#FF3C77DD"/> 
    <SolidColorBrush x:Key="OptionMark.Pressed.Glyph" Color="#FF212121"/> 
    <SolidColorBrush x:Key="OptionMark.Static.Glyph" Color="#FF212121"/> 
    <Style TargetType="{x:Type CheckBox}"> 
     <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/> 
     <Setter Property="Background" Value="{StaticResource OptionMark.Static.Background}"/> 
     <Setter Property="BorderBrush" Value="{StaticResource OptionMark.Static.Border}"/> 
     <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> 
     <Setter Property="BorderThickness" Value="1"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type CheckBox}"> 
        <Grid x:Name="templateRoot" Background="Transparent" SnapsToDevicePixels="True"> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="Auto"/> 
          <ColumnDefinition Width="*"/> 
         </Grid.ColumnDefinitions> 
         <Border x:Name="checkBoxBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> 
          <Grid x:Name="markGrid"> 
           <Path x:Name="optionMark" Data="F1 M 9.97498,1.22334L 4.6983,9.09834L 4.52164,9.09834L 0,5.19331L 1.27664,3.52165L 4.255,6.08833L 8.33331,1.52588e-005L 9.97498,1.22334 Z " 
             Fill="{StaticResource OptionMark.Pressed.Glyph}" Margin="5" Opacity="0" Stretch="Uniform"/> 
           <Rectangle x:Name="indeterminateMark" Fill="{StaticResource OptionMark.Static.Glyph}" Margin="2" Opacity="0"/> 
          </Grid> 
         </Border> 
         <ContentPresenter x:Name="contentPresenter" Grid.Column="1" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
        </Grid> 
        <ControlTemplate.Triggers> 
         <Trigger Property="HasContent" Value="true"> 
          <Setter Property="FocusVisualStyle" Value="{StaticResource OptionMarkFocusVisual}"/> 
          <Setter Property="Padding" Value="4,-1,0,0"/> 
         </Trigger> 
         <Trigger Property="IsMouseOver" Value="true"> 
          <Setter Property="Background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.MouseOver.Background}"/> 
          <Setter Property="BorderBrush" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.MouseOver.Border}"/> 
          <Setter Property="Fill" TargetName="optionMark" Value="{StaticResource OptionMark.MouseOver.Glyph}"/> 
          <Setter Property="Fill" TargetName="indeterminateMark" Value="{StaticResource OptionMark.MouseOver.Glyph}"/> 
         </Trigger> 
         <Trigger Property="IsEnabled" Value="false"> 
          <Setter Property="Background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.Disabled.Background}"/> 
          <Setter Property="BorderBrush" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.Disabled.Border}"/> 
          <Setter Property="Fill" TargetName="optionMark" Value="{StaticResource OptionMark.Disabled.Glyph}"/> 
          <Setter Property="Fill" TargetName="indeterminateMark" Value="{StaticResource OptionMark.Disabled.Glyph}"/> 
         </Trigger> 
         <Trigger Property="IsPressed" Value="true"> 
          <Setter Property="Background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.Pressed.Background}"/> 
          <Setter Property="BorderBrush" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.Pressed.Border}"/> 
          <Setter Property="Fill" TargetName="optionMark" Value="{StaticResource OptionMark.Pressed.Glyph}"/> 
          <Setter Property="Fill" TargetName="indeterminateMark" Value="{StaticResource OptionMark.Pressed.Glyph}"/> 
         </Trigger> 
         <Trigger Property="IsChecked" Value="true"> 
          <Setter Property="Opacity" TargetName="optionMark" Value="1"/> 
          <Setter Property="Opacity" TargetName="indeterminateMark" Value="0"/> 
         </Trigger> 
         <Trigger Property="IsChecked" Value="{x:Null}"> 
          <Setter Property="Opacity" TargetName="optionMark" Value="0"/> 
          <Setter Property="Opacity" TargetName="indeterminateMark" Value="1"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style>