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进行传值,然后在后台进行处理。从而实现此控件对绑定的支持,当然之前的赋值代码逻辑没变,因此也同样支持绑定和赋值两种方式。

运行如上代码,效果如下:

Silverlight技术之RichTextBox中Xaml绑定_第1张图片

如上为测试代码运行的结果,绑定模式和下边单独的赋值效果。好了,至此解决此问题,大家有要的意见或建议多交流,谢谢。

你可能感兴趣的:(silverlight)