Windowsユニバーサルアプリケーションでチェックボックスのサイズを変更する

Question

プロジェクトでページが混雑していて、1つのページに多くのチェックボックスコントロールを配置したいので、のチェックボックスのサイズを変更する方法を探しています。 私のチェックボックスの高さと幅を変更すると、そのテキストの一部が消えます。つまり、私は自分のチェックボックスを拡大し、小さなチェックボックスを作る必要があります。

Answer 1

もちろんScaleTransformを使用しますが、そのスタイルはあなたに多くの柔軟性を提供します修正することにより、それをスケールダウンすることができます。

<Style x:Key="TinyCheckBoxStyle" 
       TargetType="CheckBox"> 
      <Setter Property="Padding" 
        Value="4,0,0,0" /> 
      <Setter Property="HorizontalContentAlignment" 
        Value="Left" /> 
      <Setter Property="FontSize" 
        Value="11" /> 
      <Setter Property="MinWidth" 
        Value="0" /> 
      <Setter Property="MinHeight" 
        Value="0" /> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="CheckBox"> 
         <Grid x:Name="RootGrid" 
           BorderBrush="{TemplateBinding BorderBrush}" 
           BorderThickness="{TemplateBinding BorderThickness}" 
           Background="{TemplateBinding Background}"> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="*" /> 
          </Grid.ColumnDefinitions> 

          <VisualStateManager.VisualStateGroups> 
           <!-- Add default visual states back in here --> 
          </VisualStateManager.VisualStateGroups> 

          <Grid> 
           <Rectangle x:Name="NormalRectangle" 
              Fill="{ThemeResource CheckBoxCheckBackgroundFillUnchecked}" 
              Height="12" 
              Stroke="{ThemeResource CheckBoxCheckBackgroundStrokeUnchecked}" 
              StrokeThickness="{ThemeResource CheckBoxBorderThemeThickness}" 
              UseLayoutRounding="False" 
              Width="12" /> 
           <FontIcon x:Name="CheckGlyph" 
              Foreground="{ThemeResource CheckBoxCheckGlyphForegroundUnchecked}" 
              FontSize="{TemplateBinding FontSize}" 
              FontFamily="{ThemeResource SymbolThemeFontFamily}" 
              Glyph="&#xE001;" 
              Opacity="0" /> 
          </Grid> 
          <ContentPresenter x:Name="ContentPresenter" 
               AutomationProperties.AccessibilityView="Raw" 
               ContentTemplate="{TemplateBinding ContentTemplate}" 
               ContentTransitions="{TemplateBinding ContentTransitions}" 
               Content="{TemplateBinding Content}" 
               Grid.Column="1" 
               HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
               Margin="{TemplateBinding Padding}" 
               TextWrapping="Wrap" 
               VerticalAlignment="{TemplateBinding VerticalContentAlignment}" /> 
         </Grid> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 

は基本的に、あなたがNormalRectangle、CheckGlyphとFontSizeのサイズを小さくする必要がある -

は、ここでの例です。注釈を簡略化するためにビジュアル状態を削除しましたが、default styleから戻す必要があります。