Windows Phone中擴充WebBrowser使其支援綁定html內容

標籤：style   blog   color   os   ar   使用   sp   div   on   

在WP開發中，有時候會用到WebBrowser控制項來展示一些html內容，這個控制項有很多局限性，比如不支援綁定內容，這樣的MVVM模式中就無法進行內容的綁定。為了實現這個目的，需要擴充一下，具體代碼如下：

/// <summary>    /// 用於綁定WebBrowser控制項的html內容 用法：ext:WebBrowserProperties.Body="{Binding CurrentArticleItem.Html}"    /// </summary>    public class WebBrowserProperties    {        public static readonly DependencyProperty BodyProperty =            DependencyProperty.RegisterAttached("Body", typeof(string), typeof(WebBrowserProperties), new PropertyMetadata(OnBodyChanged));        public static string GetBody(DependencyObject dependencyObject)        {            return (string)dependencyObject.GetValue(BodyProperty);        }        public static void SetBody(DependencyObject dependencyObject, string body)        {            dependencyObject.SetValue(BodyProperty, body);        }        private static void OnBodyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)        {            var webBrowser = (WebBrowser)d;            webBrowser.NavigateToString((string)e.NewValue);        }    }

使用時，在XAML代碼中加上如下的部分

ext:WebBrowserProperties.Body="{Binding CurrentArticleItem.Html}"

就可以支援綁定了。

Windows Phone中擴充WebBrowser使其支援綁定html內容