blocks|key|1315247|text|最简单的方法是将ListBox的样式设置为对其ItemTemplate使用ToggleButtons|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1315248|<Style+TargetType="{x:Type+ListBox}">
++++<Setter+Property="ListBox.ItemTemplate">
++++++++<Setter.Value>
++++++++++++<DataTemplate>
++++++++++++++++<ToggleButton+Content="{Binding}"+
++++++++++++++++++++++++++++++IsChecked="{Binding+IsSelected,+Mode=TwoWay,+RelativeSource={RelativeSource+FindAncestor,+AncestorType={x:Type+ListBoxItem}}}"
++++++++++++++++/>
++++++++++++</DataTemplate>
++++++++</Setter.Value>
++++</Setter>
</Style>|code-block|syntax|javascript|1315249|然后，您可以使用ListBox的SelectionMode属性来处理SingleSelect和MultiSelect。|1315250|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

The easiest way is to style a ListBox to use ToggleButtons for its ItemTemplate

<pre><code>&lt;Style TargetType="{x:Type ListBox}"&gt;
 &lt;Setter Property="ListBox.ItemTemplate"&gt;
 &lt;Setter.Value&gt;
 &lt;DataTemplate&gt;
 &lt;ToggleButton Content="{Binding}" 
 IsChecked="{Binding IsSelected, Mode=TwoWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
 /&gt;
 &lt;/DataTemplate&gt;
 &lt;/Setter.Value&gt;
 &lt;/Setter&gt;
&lt;/Style&gt;
</code></pre>

Then you can use the SelectionMode property of the ListBox to handle SingleSelect vs MultiSelect.

blocks|key|1100458|text|在我看来，这是最简单的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1100459|<RadioButton+Style="{StaticResource+{x:Type+ToggleButton}}"+/>|code-block|syntax|javascript|1100460|尽情享受吧！--+Pricksaw|1100461|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is easiest way in my opinion.

<pre><code>&lt;RadioButton Style="{StaticResource {x:Type ToggleButton}}" /&gt;
</code></pre>

Enjoy!
-- Pricksaw

blocks|key|1100362|text|<RadioButton+Content="Point"+>
++++<RadioButton.Template>
++++++++<ControlTemplate>
++++++++++++<ToggleButton+IsChecked="{Binding+IsChecked,+RelativeSource={RelativeSource+TemplatedParent},+Mode=TwoWay}"
++++++++++++++++++++++++++Content="{Binding+Content,+RelativeSource={RelativeSource+TemplatedParent},+Mode=TwoWay}"/>
++++++++</ControlTemplate>
++++</RadioButton.Template>
</RadioButton>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1100363|它为我工作，享受吧！|unstyled|1100364|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;RadioButton Content="Point" &gt;
 &lt;RadioButton.Template&gt;
 &lt;ControlTemplate&gt;
 &lt;ToggleButton IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
 Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/&gt;
 &lt;/ControlTemplate&gt;
 &lt;/RadioButton.Template&gt;
&lt;/RadioButton&gt;
</code></pre>

it works for me, enjoy!

blocks|key|1100338|text|您可以始终在设置组控件中所有网格的ToggleButton+(+ToggleButton.IsChecked，WrapPanel，...)的单击上使用泛型事件在VisualTreeHelper的帮助下设置为false；然后重新检查发件人。或者类似的东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1100339|private+void+ToggleButton_Click(object+sender,+RoutedEventArgs+e)
++++{
++++++++int+childAmount+=+VisualTreeHelper.GetChildrenCount((sender+as+ToggleButton).Parent);

++++++++ToggleButton+tb;
++++++++for+(int+i+=+0;+i+<+childAmount;+i%2B%2B)
++++++++{
++++++++++++tb+=+null;
++++++++++++tb+=+VisualTreeHelper.GetChild((sender+as+ToggleButton).Parent,+i)+as+ToggleButton;

++++++++++++if+(tb+!=+null)
++++++++++++++++tb.IsChecked+=+false;
++++++++}

++++++++(sender+as+ToggleButton).IsChecked+=+true;
++++}|code-block|syntax|javascript|1100340|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you could always use a generic event on the Click of the ToggleButton that sets all ToggleButton.IsChecked in a groupcontrol(Grid, WrapPanel, ...) to false with the help of the VisualTreeHelper; then re-check the sender.
Or something in the likes of that.

<pre><code>private void ToggleButton_Click(object sender, RoutedEventArgs e)
 {
 int childAmount = VisualTreeHelper.GetChildrenCount((sender as ToggleButton).Parent);

 ToggleButton tb;
 for (int i = 0; i &lt; childAmount; i++)
 {
 tb = null;
 tb = VisualTreeHelper.GetChild((sender as ToggleButton).Parent, i) as ToggleButton;

 if (tb != null)
 tb.IsChecked = false;
 }

 (sender as ToggleButton).IsChecked = true;
 }
</code></pre>

blocks|key|1315119|text|你可以将带有单选按钮的网格放入其中，并为raduiobutton创建类似于模板的按钮。如果您不想切换按钮，那么只需在程序中删除复选框即可|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1315120|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

you can put grid with radiobuttons in it, and create button like template for raduiobuttons. than just programmaticaly remove check if you don't want buttons to be toggled

blocks|key|1100171|text|您也可以尝试使用System.Windows.Controls.Primitives.ToggleButton|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1100172|+<ToggleButton+Name="btnTest"+VerticalAlignment="Top">Test</ToggleButton>|code-block|syntax|javascript|1100173|然后根据IsChecked属性编写代码以模拟单选按钮效果|1100174|+private+void+btnTest_Checked(object+sender,+RoutedEventArgs+e)
+{
+++++btn2.IsChecked+=+false;
+++++btn3.IsChecked+=+false;
+}|1100175|entityMap^0|8|1B|0|0|4|9|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

You can also try <code>System.Windows.Controls.Primitives.ToggleButton</code>

<pre><code> &lt;ToggleButton Name="btnTest" VerticalAlignment="Top"&gt;Test&lt;/ToggleButton&gt;
</code></pre>

Then write code against the <code>IsChecked</code> property to mimick the radiobutton effect

<pre><code> private void btnTest_Checked(object sender, RoutedEventArgs e)
 {
 btn2.IsChecked = false;
 btn3.IsChecked = false;
 }
</code></pre>

blocks|key|1315453|text|我是为RibbonToggleButtons这样做的，但可能对普通的ToggleButtons也是一样的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1315454|我使用EnumToBooleanConverter+from+here+How+to+bind+RadioButtons+to+an+enum?将每个按钮的IsChecked绑定到一个“模式”枚举值(使用ConverterParameter指定此按钮的枚举值。每个按钮都应该有一个枚举值)|offset|length|1315455|然后，为了防止取消选中已经选中的按钮，请将以下代码放入每个RibbonToggleButtons的Click事件的代码中：|1315456|++++private+void+PreventUncheckRibbonToggleButtonOnClick+(+object+sender,+RoutedEventArgs+e+)+{

++++++++//+Prevent+unchecking+a+checked+toggle+button+-+so+that+one+always+remains+checked
++++++++//+Cancel+the+click+if+you+hit+an+already-checked+button

++++++++var+button+=+(RibbonToggleButton)sender;
++++++++if(+button.IsChecked+!=+null+)+{+//+Not+sure+why+checked+can+be+null+but+that's+fine,+ignore+it
++++++++++++bool+notChecked+=+(+!+(bool)button.IsChecked+);
++++++++++++if(+notChecked+){+//+I+guess+this+means+the+click+would+uncheck+it
++++++++++++++++button.IsChecked+=+true;+
++++++++++++}
++++++++}
++++}|code-block|syntax|javascript|1315457|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/397556/how-to-bind-radiobuttons-to-an-enum^0|0|10|10|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

I did this for RibbonToggleButtons, but maybe it's the same for regular ToggleButtons.

I bound the IsChecked for each button to a "mode" enum value using EnumToBooleanConverter from here <a href="https://stackoverflow.com/questions/397556/how-to-bind-radiobuttons-to-an-enum">How to bind RadioButtons to an enum?</a> (Specify the enum value for this button using the ConverterParameter. You should have one enum value for each button)

Then to prevent unchecking a button that's already checked, put this in your code behind for the Click event for each of the RibbonToggleButtons:

<pre><code> private void PreventUncheckRibbonToggleButtonOnClick ( object sender, RoutedEventArgs e ) {

 // Prevent unchecking a checked toggle button - so that one always remains checked
 // Cancel the click if you hit an already-checked button

 var button = (RibbonToggleButton)sender;
 if( button.IsChecked != null ) { // Not sure why checked can be null but that's fine, ignore it
 bool notChecked = ( ! (bool)button.IsChecked );
 if( notChecked ){ // I guess this means the click would uncheck it
 button.IsChecked = true; 
 }
 }
 }
</code></pre>

blocks|key|1315513|text|帮助像朱利安和我这样的人(两分钟前...)。您可以像这样从RadioButton派生。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1315514|class+RadioToggleButton+:+RadioButton
{
++++protected+override+void+OnToggle()
++++{
++++++++if+(IsChecked+==+true)+IsChecked+=+IsThreeState+?+(bool?)null+:+(bool?)false;
++++++++else+IsChecked+=+IsChecked.HasValue;
++++}
}|code-block|syntax|javascript|1315515|然后，你就可以像Uday+Kiran+suggested...一样使用它了|1315516|<Window+x:Class="Sample.MainWindow"
++++xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
++++xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
++++xmlns:local="clr-namespace:Sample"
++++Title="MainWindow"+Height="600"+Width="600">
++++<StackPanel>
++++++++<local:RadioToggleButton+Content="Button"+Style="{StaticResource+{x:Type+ToggleButton}}"+/>
++++</StackPanel>
</Window>|1315517|此方法一次只允许一个ToggleButton为Checked，并且它还允许UnChecking。|1315518|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/5287256^0|T|B|0|0|J|C|0|0|0|A|C|N|7|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|M|3|N|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

To help people like Julian and me (two minutes ago...). You can derive from the <code>RadioButton</code> like this. 

<pre><code>class RadioToggleButton : RadioButton
{
 protected override void OnToggle()
 {
 if (IsChecked == true) IsChecked = IsThreeState ? (bool?)null : (bool?)false;
 else IsChecked = IsChecked.HasValue;
 }
}
</code></pre>

Then, you can use it like Uday Kiran <a href="https://stackoverflow.com/a/5287256">suggested...</a>

<pre><code>&lt;Window x:Class="Sample.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:local="clr-namespace:Sample"
 Title="MainWindow" Height="600" Width="600"&gt;
 &lt;StackPanel&gt;
 &lt;local:RadioToggleButton Content="Button" Style="{StaticResource {x:Type ToggleButton}}" /&gt;
 &lt;/StackPanel&gt;
&lt;/Window&gt;
</code></pre>

This method allows only one <code>ToggleButton</code> to be <code>Checked</code> at a time, and it also allows UnChecking.

blocks|key|1100635|text|我取了一些答案，并添加了一些额外的代码。现在，您可以拥有不同组的切换按钮，它们的作用类似于一个切换按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1100636|<UserControl.Resources>
++++<Style+x:Key="GroupToggleStyle"+TargetType="ToggleButton">
++++++++<Style.Triggers>
++++++++++++<MultiDataTrigger>
++++++++++++++++<MultiDataTrigger.Conditions>
++++++++++++++++++++<Condition+Binding="{Binding+GroupName,+RelativeSource={RelativeSource+Self}}"+Value="Group1"/>
++++++++++++++++++++<Condition+Binding="{Binding+BooleanProperty}"+Value="true"/>
++++++++++++++++</MultiDataTrigger.Conditions>
++++++++++++++++<MultiDataTrigger.Setters>
++++++++++++++++++++<Setter+Property="IsChecked"+Value="true"/>
++++++++++++++++</MultiDataTrigger.Setters>
++++++++++++</MultiDataTrigger>
++++++++</Style.Triggers>
++++</Style>
</UserControl.Resources>|code-block|syntax|javascript|1100637|以及看起来像切换按钮的不同组的单选按钮：|1100638|<Radio+Button+GroupName="Group1"+Style="{StaticResource+{x:Type+ToggleButton}}">
<Radio+Button+GroupName="Group1"+Style="{StaticResource+{x:Type+ToggleButton}}">
<Radio+Button+GroupName="Group2"+Style="{StaticResource+{x:Type+ToggleButton}}">
<Radio+Button+GroupName="Group3"+Style="{StaticResource+{x:Type+ToggleButton}}">|1100639|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I took a few piece of the answers and added some extra code. Now you can have different groups of toggle buttons which act like one toggle button:

<pre><code>&lt;UserControl.Resources&gt;
 &lt;Style x:Key="GroupToggleStyle" TargetType="ToggleButton"&gt;
 &lt;Style.Triggers&gt;
 &lt;MultiDataTrigger&gt;
 &lt;MultiDataTrigger.Conditions&gt;
 &lt;Condition Binding="{Binding GroupName, RelativeSource={RelativeSource Self}}" Value="Group1"/&gt;
 &lt;Condition Binding="{Binding BooleanProperty}" Value="true"/&gt;
 &lt;/MultiDataTrigger.Conditions&gt;
 &lt;MultiDataTrigger.Setters&gt;
 &lt;Setter Property="IsChecked" Value="true"/&gt;
 &lt;/MultiDataTrigger.Setters&gt;
 &lt;/MultiDataTrigger&gt;
 &lt;/Style.Triggers&gt;
 &lt;/Style&gt;
&lt;/UserControl.Resources&gt;
</code></pre>

And the different groups of radio buttons which look like toggle buttons:

<pre><code>&lt;Radio Button GroupName="Group1" Style="{StaticResource {x:Type ToggleButton}}"&gt;
&lt;Radio Button GroupName="Group1" Style="{StaticResource {x:Type ToggleButton}}"&gt;
&lt;Radio Button GroupName="Group2" Style="{StaticResource {x:Type ToggleButton}}"&gt;
&lt;Radio Button GroupName="Group3" Style="{StaticResource {x:Type ToggleButton}}"&gt;
</code></pre>

blocks|key|1315590|text|一种简单的实现可能是在代码中维护一个标志，例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1315591|ToggleButton+_CurrentlyCheckedButton;|code-block|syntax|javascript|1315592|然后将单个选中的事件处理程序分配给所有上下文ToggleButtons：|1315593|private+void+ToggleButton_Checked(object+sender,+RoutedEventArgs+e)
{
+++if+(_CurrentlyCheckedButton+!=+null)
++++++_CurrentlyCheckedButton.IsChecked+=+false;

+++_CurrentlyCheckedButton+=+(sender+as+ToggleButton);
}|1315594|并且，一个未选中的事件处理程序：|1315595|private+void+ToggleButton_Unchecked(object+sender,+RoutedEventArgs+e)
{
++++if+(_CurrentlyCheckedButton+==+(sender+as+ToggleButton))
+++++++_CurrentlyCheckedButton+=+null;
}|1315596|这样你就可以有你想要的“零或一”的选择。|1315597|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

One simplistic implementation could be where you maintain a flag in your code behind such as:
<pre><code>ToggleButton _CurrentlyCheckedButton;
</code></pre>
Then assign a single Checked event handler to all your context ToggleButtons:
<pre><code>private void ToggleButton_Checked(object sender, RoutedEventArgs e)
{
 if (_CurrentlyCheckedButton != null)
 _CurrentlyCheckedButton.IsChecked = false;

 _CurrentlyCheckedButton = (sender as ToggleButton);
}
</code></pre>
And, a single Unchecked event handler:
<pre><code>private void ToggleButton_Unchecked(object sender, RoutedEventArgs e)
{
 if (_CurrentlyCheckedButton == (sender as ToggleButton))
 _CurrentlyCheckedButton = null;
}
</code></pre>
This way you can have the 'zero or one' selection you desire.

I have a group of buttons that should act like toggle buttons, but also as radio buttons where only one button can be selected / pressed down at a current time. It also need to have a state where none of the buttons are selected / pressed down.

The behavior will be kind of like Photoshop toolbar, where zero or one of the tools are selected at any time!

Any idea how this can be implemented in WPF?

How to get a group of toggle buttons to act like radio buttons in WPF?

我有一组按钮，它们的作用应该像切换按钮，但也可以作为单选按钮，在当前时间只能选择/按下一个按钮。它还需要具有没有选择/按下任何按钮的状态。它的行为有点像Photoshop工具栏，在任何时候都可以选择零个或一个工具！您知道如何在WPF中实现此功能吗？

问如何让一组切换按钮在WPF中像单选按钮一样工作？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何让一组切换按钮在WPF中像单选按钮一样工作？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何让一组切换按钮在WPF中像单选按钮一样工作？
EN