Windows Phone MultiBinding :Cimbalino Toolkit

在WPF和WIN8中是支持MultiBinding

 

这个有啥用呢,引用下MSDN的例子http://msdn.microsoft.com/en-us/library/system.windows.data.multibinding.aspx

MultiBinding allows you to bind a binding target property to a list of source properties and then apply logic to produce a value with the given inputs. This example demonstrates how to use MultiBinding.

In the following example, NameListData refers to a collection of PersonName objects, which are objects that contain two properties, firstName and lastName. The following example produces a TextBlock that shows the first and last names of a person with the last name first.

<TextBlock Name="textBox2" DataContext="{StaticResource NameListData}">
  <TextBlock.Text>
    <MultiBinding Converter="{StaticResource myNameConverter}"
                  ConverterParameter="FormatLastFirst">
      <Binding Path="FirstName"/>
      <Binding Path="LastName"/>
    </MultiBinding>
  </TextBlock.Text>
</TextBlock>
 
public class NameConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        string name;
 
        switch ((string)parameter)
        {
            case "FormatLastFirst":
                name = values[1] + ", " + values[0];
                break;
            case "FormatNormal":
            default:
                name = values[0] + " " + values[1];
                break;
        }
 
        return name;
    }
 
    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        string[] splitValues = ((string)value).Split(' ');
        return splitValues;
    }
}

 

可惜在wp中这个被砍掉了悲伤

想要 MultiBinding 需要自己来实现(方法见高手博客:http://www.devdiv.com/wp_amp_win_-blog-55433-51080.html

当然也有一个稍微简单点的方法,使用Cimbalino Windows Phone Toolkit(http://cimbalino.org/),Cimbalino Toolkit 的作者为我们提供了一个MultiBindingBehavior,可以比较方便的实现 MultiBinding

 

下面看一个实例把,这里我们模拟一个显示学生各科成绩的应用,在应用中有一个ListPicker,应用会根据ListPicker的值来作为阈值,对成绩的颜色进行修改,下面是实现:

 

我们先新建一个wp工程(7.1,8.0都行,Cimbalino toolkit is compatible with the Windows Phone SDK 7.1.x and Windows Phone 8.0,这里我用7.1的,主要是机器不行,8.0的模拟器太卡…)

image

 

添加成绩类:

namespace PhoneIValueConverterMultibinding1
{
    public class Score
    {
        public string name { get; set; }
        public int number { get; set; }
    }
}

在工程中添加Cimbalino Windows Phone Toolkit

image

 

然后定义我们的颜色转换类(由于我没用双向绑定,所以没写ConvertBack…):

using System;
using System.Windows.Media;
using System.Globalization;
using Cimbalino.Phone.Toolkit.Converters;
namespace PhoneIValueConverterMultibinding1
{
    public class ColorChange : MultiValueConverterBase 
    {
        public override object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            if (values.Length < 2)
            {
                return new SolidColorBrush(Colors.White);
            }
 
            if ((values[0] != null) && (values[1] != null))
            {
                //根据输入,判断返回值
                try
                {
                    int limitnumber = System.Convert.ToInt32((string)values[0]);
                    int studentscore = (int)values[1];
 
                    if (limitnumber < studentscore)
                    {
                        return new SolidColorBrush(Colors.Red);
                    }
                    else
                    {
                        return new SolidColorBrush(Colors.Green);
                    }
                }
                catch (FormatException)
                {
                    return new SolidColorBrush(Colors.White);
                }
                catch (Exception)
                {
                    return new SolidColorBrush(Colors.White);
                }
            }
            else
            {
                return new SolidColorBrush(Colors.White);
            }       
        }
 
        public override object[] ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}

 

然后在xaml里添加引用:

    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    xmlns:Local="clr-namespace:PhoneIValueConverterMultibinding1"
    xmlns:cimbalinoBehaviors="clr-namespace:Cimbalino.Phone.Toolkit.Behaviors;assembly=Cimbalino.Phone.Toolkit"

 

添加ListPicker

                <toolkit:ListPicker Header="成绩阈值" Name="listpicker1" SelectionChanged="listpicker1_SelectionChanged">
                    <toolkit:ListPickerItem Content="50" />
                    <toolkit:ListPickerItem Content="60" />
                    <toolkit:ListPickerItem Content="70" />
                    <toolkit:ListPickerItem Content="80" />
                    <toolkit:ListPickerItem Content="90" />
                </toolkit:ListPicker>

 

添加页面资源

    <phone:PhoneApplicationPage.Resources>
        <Local:ColorChange x:Key="ColorConverter" />
    </phone:PhoneApplicationPage.Resources>

 

然后添加绑定的listbox,并在其中添加MultiBindingBehavior ,因为我们要改变的是文字的颜色,所以设置PropertyName="Foreground"

                <ListBox Height="510" Name="lb1" Margin="12,12,0,0" >
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Width="432" Orientation="Horizontal">
                                <TextBlock TextWrapping="Wrap" Text="{Binding name}" FontSize="32" Width="200" />
                                <TextBlock TextWrapping="Wrap" Text="{Binding number}" FontSize="32" Margin="0" >
                                        <i:Interaction.Behaviors>
                                            <cimbalinoBehaviors:MultiBindingBehavior Converter="{StaticResource ColorConverter}" PropertyName="Foreground"  >                                                
                                                <cimbalinoBehaviors:MultiBindingItem Value="{Binding ElementName=listpicker1, Path=SelectedItem.Content}" />             
                                                <cimbalinoBehaviors:MultiBindingItem Value="{Binding number}" />
                                            </cimbalinoBehaviors:MultiBindingBehavior>
                                        </i:Interaction.Behaviors>
                                </TextBlock>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>                    
                </ListBox>

 

最后数据绑定:

        ObservableCollection<Score> StudentScore = new ObservableCollection<Score>();
 
        private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)
        {
            StudentScore.Add(new Score { name = "语文", number = 55 });
            StudentScore.Add(new Score { name = "数学", number = 66 });
            StudentScore.Add(new Score { name = "英语", number = 76 });
            StudentScore.Add(new Score { name = "物理", number = 72 });
            StudentScore.Add(new Score { name = "化学", number = 97 });
            StudentScore.Add(new Score { name = "生物", number = 86 });
            StudentScore.Add(new Score { name = "地理", number = 68 });
            StudentScore.Add(new Score { name = "历史", number = 95 });
            StudentScore.Add(new Score { name = "政治", number = 39 });
  }
 
        private void listpicker1_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            if (listpicker1 != null)
            {
                if (listpicker1.SelectedIndex != -1)
                {
                    lb1.ItemsSource = StudentScore;
                }
            }            
        }

 

看看效果:

imageimage

imageimage

 

最后说下Ms强烈建议不要复杂绑定中是使用Converter

 

另外Cimbalino Windows Phone Toolkit还有许多其他的功能

大家可以试试

 

 

源码:

 

 

 

参考:

http://msdn.microsoft.com/en-us/library/system.windows.data.multibinding.aspx

https://github.com/Cimbalino/Cimbalino-Phone-Toolkit

http://www.pedrolamas.com/2013/05/17/cimbalino-windows-phone-toolkit-multibindingbehavior/

posted @ 2013-07-12 12:23  sun8134  阅读(1651)  评论(1编辑  收藏  举报
分享按钮