Windows8 App中WebView控件可以将一个页面在应用中显示,也就是这个控件可以通过navigateToString()方法来解析HTML各种标签,功能比较强大,但是目前有一个问题就是这个控件无法控制背景及透明。我在这里的处理方法是在<body>标签中使用background给页面添加一个背景。
具体代码如下:
async protected override void LoadState(Object navigationParameter, Dictionary<String, Object> pageState)
{
TableModel.Articles article= GetArticleContent(navigationParameter);
string main = article.Main;
string articleWithBg =await ShowStyle(main);
this.webview2.NavigateToString(articleWithBg);
pageTitle.Text = article.Title;
}
async private Task<string> ShowStyle(string articleContent)
{
StorageFolder folder = await Windows.ApplicationModel.Package.Current.InstalledLocation.GetFolderAsync("Assets");
StorageFile bgfile = await folder.GetFileAsync("bg.png");
var base64 = "";
using (var stream = await bgfile.OpenAsync(FileAccessMode.Read))
{
var reader = new DataReader(stream.GetInputStreamAt(0));
var bytes = new byte[stream.Size];
await reader.LoadAsync((uint)stream.Size);
reader.ReadBytes(bytes);
base64 = Convert.ToBase64String(bytes);
}
StringBuilder sb = new StringBuilder();
sb.Append("<html><body background=\"data:image/png;base64,");
sb.Append(base64);
sb.Append("\" />'"+articleContent+"'</body></html>");
return sb.ToString();
}
这里要注意,我把背景图放在了Assets中,名为bg这里使用了读取Assets文件的方法:
StorageFolder folder = await Windows.ApplicationModel.Package.Current.InstalledLocation.GetFolderAsync("Assets");
StorageFile bgfile = await folder.GetFileAsync("bg.png");