分享基于silverlight的仿“百度文库”的文档控件
通用的FlashPaper支持Word/Excel/PDF,到时对于Silverlight的XPS的文档支持问题比较多,本控件提供了一个可视化的XPS文档展示,提供放大缩小/打印/搜索/分页等功能,主要整合了开源的Document Toolkit。
1. 使用Document Toolkit,DocumentDataSource提供数据源,PageNvaigator提供分页 :
<doc:DocumentDataSource x:Name="dataSource"/>
<doc:DocumentViewer Grid.Row="1" x:Name="viewer" DocumentDataSource="{Binding ElementName=dataSource}" ViewMode="{Binding SelectedViewMode, ElementName=viewModePicker}" BorderBrush="#9fa9a4" BorderThickness="1"/>
<doc:PageNavigator x:Name="navigator" HorizontalAlignment="Center"
PageCount="{Binding PageCount, ElementName=viewer}"
PageIndex="{Binding PageIndex, ElementName=viewer, Mode=TwoWay}"
/>
<doc:ViewModePicker Grid.Column="1" x:Name="viewModePicker" Visibility="Collapsed"/>
<doc:DocumentViewer Grid.Row="1" x:Name="viewer" DocumentDataSource="{Binding ElementName=dataSource}" ViewMode="{Binding SelectedViewMode, ElementName=viewModePicker}" BorderBrush="#9fa9a4" BorderThickness="1"/>
<doc:PageNavigator x:Name="navigator" HorizontalAlignment="Center"
PageCount="{Binding PageCount, ElementName=viewer}"
PageIndex="{Binding PageIndex, ElementName=viewer, Mode=TwoWay}"
/>
<doc:ViewModePicker Grid.Column="1" x:Name="viewModePicker" Visibility="Collapsed"/>
2. WebPackageReader读取本地xps或远程xps文件作为数据源
DotNetZipPackageReader 根据分页延迟加载文档
// loads the sample XPS document from the web
var url = string.Format("/DocumentService.ashx?id={0}", HtmlPage.Document.GetElementById("documentId").GetProperty("value"));
webClient.OpenReadAsync(new Uri(HtmlPage.Document.DocumentUri, url));
var reader = new WebPackageReader(new Uri(HtmlPage.Document.DocumentUri, url + "&part="));
this.dataSource.PackageReader = reader;
var xpsClient = new XpsClient();
xpsClient.LoadXpsDocumentAsync(reader);
var url = string.Format("/DocumentService.ashx?id={0}", HtmlPage.Document.GetElementById("documentId").GetProperty("value"));
webClient.OpenReadAsync(new Uri(HtmlPage.Document.DocumentUri, url));
var reader = new WebPackageReader(new Uri(HtmlPage.Document.DocumentUri, url + "&part="));
this.dataSource.PackageReader = reader;
var xpsClient = new XpsClient();
xpsClient.LoadXpsDocumentAsync(reader);
3. 服务端根据请求的文件ID和当前页码返回指定的文件流
private void Response(HttpContext context, string xpsFileName, string partName)
{
using (FileStream stream = File.OpenRead(xpsFileName))
{
ZipFile file = new ZipFile(stream);
ZipEntry entry = file.GetEntry(partName);
if (entry != null)
{
using (Stream entryStream = file.GetInputStream(entry))
{
// TODO: set mime-type as defined in XPS package
context.Response.ContentType = "application/octet-stream";
byte[] buffer = new byte[2 << 14]; // write blocks of 32768 bytes
int read;
while ((read = entryStream.Read(buffer, 0, buffer.Length)) > 0)
{
context.Response.OutputStream.Write(buffer, 0, read);
}
}
}
else
{
// return 404 Not Found
context.Response.StatusCode = (int)HttpStatusCode.NotFound;
}
}
}
{
using (FileStream stream = File.OpenRead(xpsFileName))
{
ZipFile file = new ZipFile(stream);
ZipEntry entry = file.GetEntry(partName);
if (entry != null)
{
using (Stream entryStream = file.GetInputStream(entry))
{
// TODO: set mime-type as defined in XPS package
context.Response.ContentType = "application/octet-stream";
byte[] buffer = new byte[2 << 14]; // write blocks of 32768 bytes
int read;
while ((read = entryStream.Read(buffer, 0, buffer.Length)) > 0)
{
context.Response.OutputStream.Write(buffer, 0, read);
}
}
}
else
{
// return 404 Not Found
context.Response.StatusCode = (int)HttpStatusCode.NotFound;
}
}
}
4. 源代码下载
https://199.47.216.171/u/10032723/DocumentToolkit.rar
5. 在线预览
http://rapidsl2.guozili.25u.com/ (admin/admin 点左边菜单 控件展示 - 文档查看器)
6. 截图
标签:
silverlight
, xps
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?