gpt4 book ai didi

c# - 如何打印 Windows 应用商店应用程序中的 WebView 内容?

转载 作者:可可西里 更新时间:2023-11-01 02:58:55 29 4
gpt4 key购买 nike

我有一个 Metro 应用程序,我正在尝试打印 WebView 控件的内容。使用 MSDN Print Sample 作为我的引用源。我只是将 printableArea 中的 XAML 更改如下:

    <RichTextBlock>
<Paragraph>
<InlineUIContainer>
<WebView Width="800" Height="2000" Source="http://www.stackoverflow.com"/>
</InlineUIContainer>
</Paragraph>
</RichTextBlock>

这部分有效。问题是指定尺寸的 Visible 区域是打印的,即可以滚动的区域不打印,也 在 PrintPreview 中不显示为多页 .

我快完成了,如果能提供一点帮助让它按预期工作,我将不胜感激。

我没有在任何地方找到任何示例来解决这个特定问题。

我什至在这里尝试过解决方案:http://social.msdn.microsoft.com/Forums/en-US/winappswithcsharp/thread/5edcb239-7a5b-49f7-87e3-e5a253b809c4

我不是第一个遇到相同/相似问题的人: http://social.msdn.microsoft.com/Search/en-US/?Refinement=112&query=print%20webview#refinementChanges=180&pageNumber=1&showMore=false

愿意给任何能解决这个问题的人 100 点赏金。希望将演练、示例代码或模拟项目作为解决方案。

最佳答案

好的,给你。

首先,您可以将 WebView 调整为实际内容。然后,将 WebView 缩放回原始大小。它需要一个脚本调用和一个 ScaleTransform。很简单,真的。

像这样:

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<WebView x:Name="MyWebView" Source="http://www.stackoverflow.com" />
</Grid>

void MyWebView_LoadCompleted(object sender, NavigationEventArgs e)
{
var _Original = MyWebView.RenderSize;

// ask the content its width
var _WidthString = MyWebView.InvokeScript("eval",
new[] { "document.body.scrollWidth.toString()" });
int _Width;
if (!int.TryParse(_WidthString, out _Width))
throw new Exception(string.Format("failure/width:{0}", _WidthString));

// ask the content its height
var _HeightString = MyWebView.InvokeScript("eval",
new[] { "document.body.scrollHeight.toString()" });
int _Height;
if (!int.TryParse(_HeightString, out _Height))
throw new Exception(string.Format("failure/height:{0}", _HeightString));

// resize the webview to the content
MyWebView.Width = _Width;
MyWebView.Height = _Height;

// scale the webview back to original height (can't do both height & width)
var _Transform = (MyWebView.RenderTransform as ScaleTransform)
?? (MyWebView.RenderTransform = new ScaleTransform()) as ScaleTransform;
var _Scale = _Original.Height / _Height;
_Transform.ScaleX = _Transform.ScaleY = _Scale;
}

这将导致非常高、窄的 WebView,如下所示:

enter image description here

但这不是你想要的。

即使您可以调整生成的矩形的大小以使其形状不那么疯狂,但 Windows 8 中的打印契约(Contract)要求您为其提供单页。它不会为你做分页。因此,您真正需要的是检索单个网站,一次一页。

第一种方法是如何做到这一点的基础。但是您需要将矩形的大小固定为 Windows 8 的打印任务传递给您的页面大小。这将基于用户的打印机选择。例如,Letter 与 A4(在英国)。然后,使用画笔的 Stretch 属性可以确保它自己裁​​剪。然后,使用画笔的变换属性,您可以在矩形内上下滑动它,直到它显示出您要打印的页面。

方法如下:

<Grid Background="Blue">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="995" />
<ColumnDefinition Width="300" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<WebView Grid.Column="0" x:Name="MyWebView" Source="http://www.stackoverflow.com" HorizontalAlignment="Right" />
<Rectangle Grid.Column="1" x:Name="MyWebViewRectangle" Fill="Red" />
<ScrollViewer Grid.Column="2" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<ItemsControl x:Name="MyPrintPages" VerticalAlignment="Top" HorizontalAlignment="Left">
<Rectangle Height="150" Width="100" Fill="White" Margin="5" />
<Rectangle Height="150" Width="100" Fill="White" Margin="5" />
<Rectangle Height="150" Width="100" Fill="White" Margin="5" />
<Rectangle Height="150" Width="100" Fill="White" Margin="5" />
<Rectangle Height="150" Width="100" Fill="White" Margin="5" />
</ItemsControl>
</ScrollViewer>
</Grid>

public MainPage()
{
this.InitializeComponent();
MyWebView.LoadCompleted += MyWebView_LoadCompleted;
}

void MyWebView_LoadCompleted(object sender, NavigationEventArgs e)
{
MyWebViewRectangle.Fill = GetWebViewBrush(MyWebView);
MyPrintPages.ItemsSource = GetWebPages(MyWebView, new Windows.Foundation.Size(100d, 150d));
MyWebView.Visibility = Windows.UI.Xaml.Visibility.Visible;
}

WebViewBrush GetWebViewBrush(WebView webView)
{
// resize width to content
var _OriginalWidth = webView.Width;
var _WidthString = webView.InvokeScript("eval",
new[] { "document.body.scrollWidth.toString()" });
int _ContentWidth;
if (!int.TryParse(_WidthString, out _ContentWidth))
throw new Exception(string.Format("failure/width:{0}", _WidthString));
webView.Width = _ContentWidth;

// resize height to content
var _OriginalHeight = webView.Height;
var _HeightString = webView.InvokeScript("eval",
new[] { "document.body.scrollHeight.toString()" });
int _ContentHeight;
if (!int.TryParse(_HeightString, out _ContentHeight))
throw new Exception(string.Format("failure/height:{0}", _HeightString));
webView.Height = _ContentHeight;

// create brush
var _OriginalVisibilty = webView.Visibility;
webView.Visibility = Windows.UI.Xaml.Visibility.Visible;
var _Brush = new WebViewBrush
{
SourceName = webView.Name,
Stretch = Stretch.Uniform
};
_Brush.Redraw();

// reset, return
webView.Width = _OriginalWidth;
webView.Height = _OriginalHeight;
webView.Visibility = _OriginalVisibilty;
return _Brush;
}

IEnumerable<FrameworkElement> GetWebPages(WebView webView, Windows.Foundation.Size page)
{
// ask the content its width
var _WidthString = webView.InvokeScript("eval",
new[] { "document.body.scrollWidth.toString()" });
int _ContentWidth;
if (!int.TryParse(_WidthString, out _ContentWidth))
throw new Exception(string.Format("failure/width:{0}", _WidthString));
webView.Width = _ContentWidth;

// ask the content its height
var _HeightString = webView.InvokeScript("eval",
new[] { "document.body.scrollHeight.toString()" });
int _ContentHeight;
if (!int.TryParse(_HeightString, out _ContentHeight))
throw new Exception(string.Format("failure/height:{0}", _HeightString));
webView.Height = _ContentHeight;

// how many pages will there be?
var _Scale = page.Width / _ContentWidth;
var _ScaledHeight = (_ContentHeight * _Scale);
var _PageCount = (double)_ScaledHeight / page.Height;
_PageCount = _PageCount + ((_PageCount > (int)_PageCount) ? 1 : 0);

// create the pages
var _Pages = new List<Windows.UI.Xaml.Shapes.Rectangle>();
for (int i = 0; i < (int)_PageCount; i++)
{
var _TranslateY = -page.Height * i;
var _Page = new Windows.UI.Xaml.Shapes.Rectangle
{
Height = page.Height,
Width = page.Width,
Margin = new Thickness(5),
Tag = new TranslateTransform { Y = _TranslateY },
};
_Page.Loaded += (s, e) =>
{
var _Rectangle = s as Windows.UI.Xaml.Shapes.Rectangle;
var _Brush = GetWebViewBrush(webView);
_Brush.Stretch = Stretch.UniformToFill;
_Brush.AlignmentY = AlignmentY.Top;
_Brush.Transform = _Rectangle.Tag as TranslateTransform;
_Rectangle.Fill = _Brush;
};
_Pages.Add(_Page);
}
return _Pages;
}

所以 UI 将是这样的,其中左边的列是 WebView,第二列(中间)是我们第一个解决方案中的一体式,第三列是显示各个页面准备就绪的转发器打印。

enter image description here

Of course the magic is really in the GetWebPages() method! I don't mind saying, it's a simple marvel made pretty easy by the way C# and Transforms work.

请注意,这不完整。是的,它会为您拆分页面,但我无法确定您想要在页面上留出多少页边距。所以所需的调整很小,但我想提一下。这是分解 WebView 和准备 Windows 8 打印任务以响应分页事件所需代码的 98%。然后将矩形一次一个地传递给它。

话虽如此,这可能是互联网上针对此问题最全面的解决方案。 :)

祝你好运!

关于c# - 如何打印 Windows 应用商店应用程序中的 WebView 内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17049677/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com