將 RadioButton.IsChecked 與 Listbox.SelectedItem 綁定

Question

我的視圖可以像單選按鈕一樣單擊，其中包含大約 7 個其他單選按鈕，但除非我在單選按鈕外部單擊，否則我的列表框不會更新它的選定屬性。

基本上我有一個 AbstractTask 作為我的基礎。 我有7個兒童班。 我希望能夠選擇這些 AbstractTask 之一。 這就是我所追求的。 所以在我的主窗口中，我有這個。

<Window x:Class="AdvancedTaskAssigner.View.MainWindowView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:v="clr-namespace:AdvancedTaskAssigner.View"
        Title="MainWindowView" Height="300" Width="300" SizeToContent="Height">
    <DockPanel>
        <TextBlock Text="TextBlock" DockPanel.Dock="Top" />
        <TextBlock Text="{Binding ElementName=listTasks, Path=SelectedItem.Name}" DockPanel.Dock="Top" />

        <ListBox x:Name="listTasks" ItemsSource="{Binding Tasks}" HorizontalContentAlignment="Stretch" SelectedItem="{Binding IsSelected}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <v:AbstractTaskView />
                </DataTemplate>
            </ListBox.ItemTemplate>

        </ListBox>
    </DockPanel>
</Window>

因為這是一個庫而不是一個應用程序我不得不把它放在 MainWindowView 的構造函數中

主窗口視圖.xaml.cs

    public MainWindowView()
    {
        InitializeComponent();
        var atvm = new ViewModel.MainWindowViewModel();
        atvm.LoadTasks();
        this.DataContext = atvm;
    }

主窗口視圖模型.cs

class MainWindowViewModel
{
    internal void LoadTasks()
    {
        var assembly = Assembly.GetAssembly(typeof(AbstractTask)).GetTypes().Where(t => t.IsSubclassOf(typeof(AbstractTask)));
        Type[] typelist = GetTypesInNamespace(Assembly.GetAssembly(typeof(AbstractTask)), typeof(AbstractTask));
        foreach (Type t in typelist)
        {
            if(!t.IsAbstract && t.BaseType.Equals(typeof(AbstractTask)))
            {
                tasks.Add(new AbstractTaskViewModel(t));
            }

        }
    }
    private Type[] GetTypesInNamespace(Assembly assembly, Type baseClass)
    {
        return assembly.GetTypes().Where(t => t.IsSubclassOf(baseClass)).ToArray();
    }

    private ObservableCollection<AbstractTaskViewModel> tasks = new ObservableCollection<AbstractTaskViewModel>();

    public ObservableCollection<AbstractTaskViewModel> Tasks
    {
        get { return tasks; }
    }

}

AbstractTaskViewModel.cs

public class AbstractTaskViewModel
{
    public AbstractTaskViewModel(Type task)
    {
        if (!task.IsSubclassOf(typeof(AbstractTask)))
        {
            throw new NotSupportedException(string.Format("{0} is not a subclass of AbstractTask", task.Name));
        }
        Task = task;
    }

    public string Description
    {
        get
        {
            return GetCustomAttribute(0);
        }
    }
    public string Name
    {
        get
        {
            return GetCustomAttribute(1);
        }
    }
    public bool IsSelected{get;set;}

    private string GetCustomAttribute(int index)
    {
        var descriptions = (DescriptionAttribute[])Task.GetCustomAttributes(typeof(DescriptionAttribute), false);

        if (descriptions.Length == 0)
        {
            return null;
        }
        return descriptions[index].Description;
    }

    protected readonly Type Task;
}

抽象任務視圖.xaml

<RadioButton 
    x:Class="AdvancedTaskAssigner.View.AbstractTaskView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300" GroupName="AbstractTasks" Background="Transparent" IsChecked="{Binding IsSelected, Mode=TwoWay}">
    <RadioButton.Template>
        <ControlTemplate TargetType="{x:Type RadioButton}">
            <Grid>
                <Border x:Name="MyHead" BorderBrush="Black" BorderThickness="2" CornerRadius="5" Background="LightGray" Margin="20,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Panel.ZIndex="2">
                    <TextBlock Text="{Binding Name}" Margin="5,2" MinWidth="50" />
                </Border>
                <Border x:Name="Myoooo" BorderBrush="Black" BorderThickness="2" CornerRadius="5" Background="Transparent" Margin="0,10,0,0" Panel.ZIndex="1">
                    <TextBlock Text="{Binding Description}" Margin="5,15,5,2" />
                </Border>
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter TargetName="MyHead" Property="Background" Value="LightGreen" />
                </Trigger>

            </ControlTemplate.Triggers>

        </ControlTemplate>
    </RadioButton.Template>

</RadioButton>

這就是我得到的..

我希望綠色邊框成為所選項目。 不是 Listbox 的 Selected 項是什么。 底部文本框是所選項目的名稱。

Answer 1

存在一些與 RadioButton 的 IsChecked 屬性綁定相關的問題。 您可以在此處或此處閱讀有關它的信息。 您可以使用 AbstractTaskView 而不是 RadioButton 來應用第一個鏈接中提供的解決方案。 用以下代碼替換 MainWindowView 中的列表框：

<ListBox x:Name="listTasks" ItemsSource="{Binding Tasks}" HorizontalContentAlignment="Stretch">
    <ListBox.ItemContainerStyle>
        <Style TargetType="{x:Type ListBoxItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListBoxItem}">
                        <v:AbstractTaskView Content="{TemplateBinding Content}"
                             IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsSelected}"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

您還必須從AbstractTaskView 中刪除以下代碼部分：

IsChecked="{Binding IsSelected, Mode=TwoWay}"

我希望您不需要設置AbstractTaskViewModel 的IsSelected屬性。 但是如果你這樣做了，你可以在后面的AbstractTaskView代碼中的Checked事件處理程序中設置它（我知道這不是很好的解決方案）。

Answer 2

我看到您將 IsSelected（布爾值）綁定到 SelectedItem（對象）