RX实例——ObservableAsPropertyHelper使用ObservableAsPropertyHelper将Observables转化为Properties实战代码

使用ObservableAsPropertyHelper将Observables转化为Properties

使用WhenAny方法，可以监视对象属性的变化，并针对这些变化生成IObservable对象。但是有时候，我们想将这些生成的IObservable对象设置为一种输出属性。想象一下有这样一个场景，有一个取色器，用户能够通过3个Slide分别设置R,G,B值。每一个Slide可以使用ViewModel对象来表示，取值范围为0到255。为了显示结果，我们需要将RGB合成为一个XAML颜色对象。当RGB中的任何一个发生变化时，我们需要更新颜色属性。

    实战效果:

实战代码

 前端xaml很一般：

<Grid x:Name="LayoutRoot" Background="White">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions>
<TextBlock Text="R(red):" HorizontalAlignment="Right"/>
<Slider x:Name="RedSlider" Orientation="Horizontal" SmallChange="1"
Maximum="255"
Width="100" Grid.Column="1" Value="{Binding Redvalue,Mode=TwoWay}" />
<TextBlock Text="G(green):" Grid.Row="1" Grid.Column="0" HorizontalAlignment="Right"/>
<Slider x:Name="GreenSlider"
Grid.Row="1" Grid.Column="1" Orientation="Horizontal" SmallChange="1"
Maximum="255"
Width="100" Value="{Binding Greenvalue,Mode=TwoWay}"/>
<TextBlock Text="B(blue):" HorizontalAlignment="Right"
Grid.Row="2" Grid.Column="0" />
<Slider x:Name="BlackSlider"
Grid.Row="2" Grid.Column="1" Orientation="Horizontal" SmallChange="1"
Maximum="255"
Width="100" Value="{Binding Bluevalue,Mode=TwoWay}"/>
<Rectangle Fill="{Binding FinalColor,Mode=TwoWay}" Width="100" Height="109" Grid.Row="3" Grid.ColumnSpan="2"/>
</Grid>

ViewModel代码：

public class MainPageViewModel : ReactiveObject
{
public MainPageViewModel()
{
IObservable<SolidColorBrush> color = this.WhenAny(x => x.Sumvalue, x => x.Redvalue, x => x.Greenvalue, x => x.Bluevalue, (a, r, g, b) =>new SolidColorBrush(Color.FromArgb(255, r.Value, g.Value, b.Value)));
_finalColor = color.ToProperty(this, x => x.FinalColor);
}
#region Proerty
public ObservableAsPropertyHelper<SolidColorBrush> _finalColor;
public SolidColorBrush FinalColor
{
get { return _finalColor.Value; }
}
[IgnoreDataMember]
public byte _sumvalue;
public byte Sumvalue
{
get { return _sumvalue; }
set { this.RaiseAndSetIfChanged(x => x.Sumvalue, value); }
}
[IgnoreDataMember]
public byte _redvalue;
public byte Redvalue
{
get { return _redvalue; }
set { this.RaiseAndSetIfChanged(x => x.Redvalue, value); }
}
[IgnoreDataMember]
public byte _greenvalue;
public byte Greenvalue
{
get { return _greenvalue; }
set { this.RaiseAndSetIfChanged(x => x.Greenvalue, value); }
}
[IgnoreDataMember]
public byte _bluevalue;
public byte Bluevalue
{
get { return _bluevalue; }
set { this.RaiseAndSetIfChanged(x => x.Bluevalue, value); }
}
#endregion
}

在学习RX中，WPF和Silverlight的环境是有区别的：

1. WPF引用RX的dll可以直接在nuget中下载，而silverlight必须去官网下前一版本的。嫌费事可直接下载我的xap包引用。
2. WPF中的类库远远大于silverlight的，例如上面的例子Color类，读者可自行msdn比较。

 

设置变量格式：

private void Application_Startup(object sender, StartupEventArgs e)
{
Func<string, string> UnderscoreFirstToLowerBehaviour = x =>
{
char[] arr = x.ToCharArray();
arr[0] = char.ToLower(arr[0]);
return '_' + new String(arr);
};
RxApp.GetFieldNameForPropertyNameFunc = UnderscoreFirstToLowerBehaviour;
this.RootVisual = new MainPage();
}

 

 

出处：http://www.cnblogs.com/luqixinhe/

作者：许欣欣

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。