CheckBox boyutunu Kutu Boyut olarak ayarla

Question

Kutu boyutuna CheckBox boyutu nasıl ayarlanır?

CheckBox ürünüm var. Onay kutusunun boyutunu kutu boyutuna ayarlamalıyım. Şimdi benim onay kutusu aşağıdaki gibi görünüyor.

Ben Şeffaf için onay kutusunu arka plan olarak ayarlayın. Ebeveynin arka planı beyaz olduğunda, sorun yok. Ancak ana denetimin arka planı siyah olduğunda Onay kutusu görünmez. Bu yüzden arka plan rengini ayarlamam gerekiyor.

Answer 1

Neyi başarmak istediğinizi anlayamadım, ancak onay kutusunun düzenini değiştirmek isterseniz, en kolay yol kendi stilinizi oluşturmaktır.

Visual Studio'yu kullanarak, "belge taslağı" panelinden onay kutunuza sağ tıklayıp "şablon düzenle"> "kopyalamayı düzenle" yi seçebilirsiniz. Bu, onay kutusu stilini çoğaltmanıza ve ihtiyacınız olanı ayarlamanıza olanak tanır.

<Style x:Key="CheckBoxStyle1" TargetType="CheckBox"> 
    <Setter Property="Background" Value="Transparent"/> 
    <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/> 
    <Setter Property="Padding" Value="8,5,0,0"/> 
    <Setter Property="HorizontalAlignment" Value="Left"/> 
    <Setter Property="VerticalAlignment" Value="Center"/> 
    <Setter Property="HorizontalContentAlignment" Value="Left"/> 
    <Setter Property="VerticalContentAlignment" Value="Top"/> 
    <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/> 
    <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/> 
    <Setter Property="MinWidth" Value="120"/> 
    <Setter Property="MinHeight" Value="32"/> 
    <Setter Property="UseSystemFocusVisuals" Value="True"/> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="CheckBox"> 
       <Grid BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="20"/> 
        <ColumnDefinition Width="*"/> 
       </Grid.ColumnDefinitions> 
       <VisualStateManager.VisualStateGroups> 
       [...] 
       </VisualStateManager.VisualStateGroups> 
       <Grid Height="32" VerticalAlignment="Top"> 
        <Rectangle x:Name="NormalRectangle" Fill="Transparent" Height="20" Stroke="{ThemeResource SystemControlForegroundBaseMediumHighBrush}" StrokeThickness="{ThemeResource CheckBoxBorderThemeThickness}" UseLayoutRounding="False" Width="20"/> 
        <FontIcon x:Name="CheckGlyph" Foreground="{ThemeResource SystemControlHighlightAltChromeWhiteBrush}" FontSize="20" 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> 
</Page.Resources> 

: Burada

CheckBox tarzı bir örneğidir