Silverlight技术之RichTextBox中Xaml绑定
RichTextBox是Silverlight中一个重要的控件,常用它来呈现SL中富文本,使用此控件可以呈现常见的加粗,斜体,下划线,段落,还以加载各种控件等。它支持XAML格式文本输出,在实际应用中比较广泛。提到Silverlight可能大家用到比较多的数据展现,也许是数据绑定来实现的,那么能否结合如上二则实现在RichTextBox上的XAML绑定了,答案是肯定的。下边就详细介绍一下具体实现过程。
应用场景描述:
为了更好的应用自己的样式和一些特殊的转换处理,对RichTextBox进行了重写,在之前的项目应用中,都是使用直接赋值的方式进行xaml的后台处理,显示无误。但其中一个同事要使用这个自定义的RichTextBox进行数据绑定呈现XAML,经代码加载后发现此控件不能绑定XAML,问题出来了,能否修改控件满足自定义RichTextBox即可进行绑定又可进行后台赋值的应用了,周末分析一下,此需求是可以实现的。
之前赋值的代码是这样的:
public partial class MyRichTxt : UserControl
{
//鉴于篇幅之罗列相关代码
public MyRichTxt()
{
InitializeComponent();
}
public string Xaml
{
get { return richTxt.Xaml; }
set
{
string slXaml = "";
if (!string.IsNullOrEmpty(value))
slXaml = new XamlConvert().GetSXaml(value);
richTxt.Xaml = slXaml;
}
}
}
在需要使用的界面上直接调用此控件即可,设前台调用此控件的Name为MyRichTxt,则对应的赋值为:
MyRichTxt.Xaml="<Section><run>这是一个测试示例</run></Section>";
如上的逻辑在处理单独的后台赋值呈现时,准确无误,但如果使用数据绑定了,肯定不被支持,那么如果要数据绑定了,其实在看RichTextBox时,我们会发现Xaml不是RichTextBox的依赖属性,即在RichTextBox的定义中没有这个DependencyProperty,那么他就不能进行前台绑定,但总是有办法的,DataContext是个好方法,在设置完它后,通过Load事件,在后台赋值到Xaml属性上从而实现绑定,文字说明先说这么多,具体代码如下:
<RichTextBox Name="richTxt" DataContext="{Binding}" Loaded="richTxt_Loaded" HorizontalAlignment="Left" BorderThickness="0" VerticalAlignment="Top" />
ok了,后台再对应的添加Loaded事件即可。后台代码如下:
private void richTxt_Loaded(object sender, RoutedEventArgs e)
{
if ((sender as RichTextBox).DataContext!=null)
Xaml = (sender as RichTextBox).DataContext.ToString();
}
这样在前台界面上就可以直接使用绑定的方式给DataContext进行传值,然后在后台进行处理。从而实现此控件对绑定的支持,当然之前的赋值代码逻辑没变,因此也同样支持绑定和赋值两种方式。
运行如上代码,效果如下:
如上为测试代码运行的结果,绑定模式和下边单独的赋值效果。好了,至此解决此问题,大家有要的意见或建议多交流,谢谢。