代码改变世界

WPF and SL RadioButtonList Tip

2008-11-03 14:03  Clingingboy  阅读(1243)  评论(0编辑  收藏  举报

      在以下情境下.使用数据绑定分离UI与后端Model,有两个RadioButton,用于选择True or False(如果用CheckBox则就没这么多复杂的问题了).

 

实现步骤如下,

(1)用ListBox定义一个RadioButton模板

<!--for RadioButton ListBox-->
<Style x:Key="HorizontalRadioButtonListStyle" TargetType="ListBox">
    <Style.Resources>
        <Style TargetType="ListBoxItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Grid Margin="2">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <RadioButton IsChecked="{Binding IsSelected,  
                                RelativeSource={RelativeSource TemplatedParent},  
                                Mode=TwoWay}" />
                            <ContentPresenter Grid.Column="1" Margin="2,0,0,0" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Style.Resources>
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Horizontal"  />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="Background" Value="Transparent" />
</Style>

(2)定义类型转换器(以传入的参数进行判定)

 

public class MulitBooleanConverter : IValueConverter
{
    #region IValueConverter Members

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        int serviceParameter =int.Parse(parameter.ToString());
        bool isOnservice=(bool)value;
        bool result = false;
        switch (serviceParameter)
        {
            case 0:
                 result = true && isOnservice;
                break;
            case 1:
                
                result = !isOnservice;
                break;
            
        }
        return result;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        int serviceParameter = int.Parse(parameter.ToString());
        bool isOnservice = (bool)value;
        bool result = false;
        switch (serviceParameter)
        {
            case 0:
                result = true && isOnservice;
                break;
            case 1:
                result = false && isOnservice;
                break;

        }
        return value;
    }
    #endregion
}

(3)使用如下(同时双向绑定一个属性xxx)

<ListBox Style="{StaticResource HorizontalRadioButtonListStyle}">
    <ListBox.Items>
        <ListBoxItem IsSelected="{Binding xxx,Converter={StaticResource boolConverter},ConverterParameter=0}">在线</ListBoxItem>
        <ListBoxItem IsSelected="{Binding xxx,Converter={StaticResource boolConverter},ConverterParameter=1}">离线</ListBoxItem>
    </ListBox.Items>
</ListBox>