Win8 WebView控件去除白框我的解决方法

来源：互联网发布：上海linux培训编辑：程序博客网时间：2024/06/05 08:57

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");

0 0