wpf 调整单选按钮的大小

Sizing the radiobutton

提问by Kjell Derous

I have some radiobuttons in an app that works with touch. Because the end-user can have thick fingers, I want to make the circle and text int he radiobutton bigger.

我在一个可以使用触摸的应用程序中有一些单选按钮。因为最终用户的手指可能很粗，所以我想让单选按钮中的圆圈和文本变大。

Problem is, I can only make the text bigger, not the circle in the radiobutton.

问题是，我只能使文本更大，而不能使单选按钮中的圆圈更大。

<RadioButton  VerticalAlignment="Center" x:Name="rbtnContainers" Click="SetContainers" FontSize="18">Containers</RadioButton>

Using height doesn't work either. It makes the radiobutton bigger, but the circle remains the same.

使用高度也不起作用。它使单选按钮更大，但圆圈保持不变。

Any hint or answer is appreciated.

任何提示或答案表示赞赏。

回答by Nitesh

This should work for you.

这应该对你有用。

<Viewbox Height="40">
     <RadioButton></RadioButton>
</Viewbox>

another alternative is to write your own ControlTemplate for the RadioButton and change its appearance as you want.

另一种选择是为 RadioButton 编写自己的 ControlTemplate 并根据需要更改其外观。

回答by Jemoka

A more of a hackwould be to try to simply transform the object with something like...

更多的黑客将尝试简单地用类似的东西转换对象......

<RadioButton.RenderTransform>
    <CompositeTransform ScaleX="5" ScaleY="5"/>
</RadioButton.RenderTransform>

Just remember that ScaleXand ScaleYneeds to be equal, otherwise the object will look stretched awkwardly

请记住，ScaleX并且ScaleY需要相等，否则对象看起来会笨拙地拉伸

According to my own experimenting, the rendering of this is not at all messed up (e.g. no alignment issues, etc.)

根据我自己的实验，这个渲染并没有完全混乱（例如没有对齐问题等）

回答by Mohsen Afshin

To resize only the circle, one can use RadioButtontemplate and change Widthand Heightof BulletChrome.

要调整只圆，可以使用RadioButton模板和变化Width及Height的BulletChrome。

<ControlTemplate TargetType="RadioButton" x:Key="CustomRadioButtonStyle"
                     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:s="clr-namespace:System;assembly=mscorlib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mwt="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero">

        <BulletDecorator Background="#00FFFFFF">
            <BulletDecorator.Bullet>
                <mwt:BulletChrome Height="25" Width="25" Background="{TemplateBinding Panel.Background}" BorderBrush="{TemplateBinding Border.BorderBrush}" RenderMouseOver="{TemplateBinding UIElement.IsMouseOver}" RenderPressed="{TemplateBinding ButtonBase.IsPressed}" IsChecked="{TemplateBinding ToggleButton.IsChecked}" IsRound="True"  />
            </BulletDecorator.Bullet>
            <ContentPresenter RecognizesAccessKey="True" Content="{TemplateBinding ContentControl.Content}" ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}" ContentStringFormat="{TemplateBinding ContentControl.ContentStringFormat}" Margin="{TemplateBinding Control.Padding}" HorizontalAlignment="{TemplateBinding Control.HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding Control.VerticalContentAlignment}" />
        </BulletDecorator>

        <ControlTemplate.Triggers>

            <Trigger Property="ContentControl.HasContent">

                <Setter Property="FrameworkElement.FocusVisualStyle">

                    <Setter.Value>

                        <Style TargetType="IFrameworkInputElement">

                            <Style.Resources>
                                <ResourceDictionary />
                            </Style.Resources>

                            <Setter Property="Control.Template">

                                <Setter.Value>

                                    <ControlTemplate>
                                        <Rectangle Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2" Margin="14,0,0,0" SnapsToDevicePixels="True" />
                                    </ControlTemplate>
                                </Setter.Value>
                            </Setter>
                        </Style>
                    </Setter.Value>
                </Setter>

                <Setter Property="Control.Padding">

                    <Setter.Value>
                        <Thickness>4,0,0,0</Thickness>
                    </Setter.Value>
                </Setter>

                <Trigger.Value>
                    <s:Boolean>True</s:Boolean>
                </Trigger.Value>
            </Trigger>

            <Trigger Property="UIElement.IsEnabled">

                <Setter Property="TextElement.Foreground">

                    <Setter.Value>
                        <DynamicResource ResourceKey="{x:Static SystemColors.GrayTextBrushKey}" />
                    </Setter.Value>
                </Setter>

                <Trigger.Value>
                    <s:Boolean>False</s:Boolean>
                </Trigger.Value>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>