雄安优秀网站建设电话,网站建设推广 seo,46设计网,给别人做网站会连累自己吗OxyPlot 导出图片及 WPF 元素导出为图片的方法目录OxyPlot 导出图片及 WPF 元素导出为图片的方法一、OxyPlot 自带导出方法二、导出 WPF 界面元素的方法三、通过附加属性来使用独立观察员 2022 年 2 月 26 日最近有个需求#xff0c;就是将 OxyPlot 图形导出图片。经过尝试就是将 OxyPlot 图形导出图片。经过尝试本文记录三种方法1、OxyPlot 自带导出方法2、网上找的导出 WPF 界面元素的方法3、基于方法 2 的附加属性调用方式。下面将逐一介绍。一、OxyPlot 自带导出方法同事说这个用 OxyPlot 官方提供的导出方法即可我在 Demo 中试了一下是可以的代码如下/// summary
/// 曲线数据源OxyPlot
/// /summary
public PlotModel PlotModel { get; set; } new PlotModel();ExportPngCmd ?? new RelayCommand(o true, async o
{var pngExporter new PngExporter { Width (int)PlotModel.Width, Height (int)PlotModel.Height, };//string exportPath Path.Combine(AppDomain.CurrentDomain.BaseDirectory, Export);string exportPath Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.DesktopDirectory), Export);if (!Directory.Exists(exportPath)){Directory.CreateDirectory(exportPath);}pngExporter.ExportToFile(PlotModel, Path.Combine(exportPath, ${DateTime.Now:yyyyMMdd_HHmmss}.png));await ConfirmBoxHelper.ShowMessage(DialogVm, 导出完成, 3);
});各种导出方法可以在 OxyPlot 官方文档https://oxyplot.readthedocs.io/en/latest/export/index.html中查看这里用到的是导出到 PNG 文件的方法不过用的 NuGet 包最新版2.1.0中PngExporter 中并没有 Background 属性所以如果图表没有设置背景色的话导出背景为透明的可以设置上PlotModel.Background OxyColor.Parse(#FFFFFF);总的来说这个方法简单快捷而且对 MVVM 友好。不过也有缺点就是如果有些元素比如说标题、坐标轴文字不是使用 OxyPlot 图表控件来生成的话则导出的图片就不会包含它们了我在实际项目中确实遇到了这个问题所以需要寻找其它方法我们接着看。二、导出 WPF 界面元素的方法首先给出能够导出任意 WPF 界面元素FrameworkElement为图片的方法来源于网络地址在方法注释中已给出略作修改代码如下using System;
using System.IO;
using System.Windows;
using System.Windows.Media;
using System.Windows.Media.Imaging;namespace WPFTemplateLib.WpfHelpers
{/// summary/// 导出图片帮助类/// /summarypublic class ExportPicHelper{/// summary/// 保存为图片/// (修改自https://blog.csdn.net/dhl11/article/details/108621634)/// /summary/// param nameframeworkElement 可视化元素可以是 Grid、StackPanel 等类型的所有可视化元素 /param/// param namefilePath 文件路径 /param/// param nameerrorMsg 错误消息 /param/// returns 是否成功 /returnspublic static bool SaveToImage(FrameworkElement frameworkElement, string filePath, out string errorMsg){try{errorMsg string.Empty;FileStream fs new FileStream(filePath, FileMode.Create);RenderTargetBitmap bmp new RenderTargetBitmap((int)frameworkElement.ActualWidth,(int)frameworkElement.ActualHeight,1 / 96, 1 / 96, PixelFormats.Default);bmp.Render(frameworkElement);BitmapEncoder encoder new TiffBitmapEncoder();encoder.Frames.Add(BitmapFrame.Create(bmp));encoder.Save(fs);fs.Close();return true;}catch (Exception ex){Console.WriteLine($ 保存图片异常{ex});errorMsg ex.Message;return false;}}}
}用这个方法首先要给界面元素起个名字我这里给图表区用户控件元素起了个 “Plot” 名称这样在后台代码中就可以用来导出了private void ExportPicBtn_OnClick(object sender, RoutedEventArgs e)
{ExportPicture(Plot);
}/// summary
/// 导出图片
/// /summary
/// param nameelementxaml 里面的某个可视化元素对象 /param
private void ExportPicture(FrameworkElement element)
{SaveFileDialog saveFileDialog new SaveFileDialog{Filter PNG 文件 (*.png)|*.png|JPG 文件 (*.jpg)|*.jpg|BMP 文件 (*.bmp)|*.bmp|GIF 文件 (*.gif)|*.gif|TIF 文件 (*.tif)|*.tif};if (saveFileDialog.ShowDialog() true){string dir System.IO.Path.GetDirectoryName(saveFileDialog.FileName);if (!Directory.Exists(dir)){Directory.CreateDirectory(dir);}string filePath saveFileDialog.FileName;if (File.Exists(filePath)){File.Delete(filePath);}bool success ExportPicHelper.SaveToImage(element, filePath, out string errorMsg);if (success){MessageBox.Show($导出成功);}else{MessageBox.Show($ 导出失败 {errorMsg});}}
}可以看到想要导出的内容都导出成功了优点是显而易见的缺点就是导出逻辑要写在后台代码中对 MVVM 模式不友好。下面来看看本人修改的使用附加属性的方案尝试解决这个问题。三、通过附加属性来使用还是先给出代码using System;
using System.IO;
using System.Windows;
using WPFTemplateLib.WpfHelpers;namespace WPFTemplateLib.Attached
{/// summary/// 导出图片附加属性类/// /summarypublic class ExportPicAttached : DependencyObject{#region 是否开始导出public static bool GetIsExporting(DependencyObject obj){return (bool)obj.GetValue(IsExportingProperty);}public static void SetIsExporting(DependencyObject obj, bool value){obj.SetValue(IsExportingProperty, value);}/// summary/// 是否正在导出运行时设置为 true 则将附加的元素导出为图片/// /summarypublic static readonly DependencyProperty IsExportingProperty DependencyProperty.RegisterAttached(IsExporting, typeof(bool), typeof(ExportPicAttached),new PropertyMetadata(false, OnIsExportingValueChanged));private static void OnIsExportingValueChanged(DependencyObject d, DependencyPropertyChangedEventArgs e){FrameworkElement element d as FrameworkElement;if (element null)return;if ((e.NewValue as bool?) false)return;try{string exportPath GetExportPath(d);if (string.IsNullOrEmpty(exportPath)){exportPath Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.DesktopDirectory),Export);}if (!Directory.Exists(exportPath)){Directory.CreateDirectory(exportPath);}string filePath Path.Combine(exportPath, ${DateTime.Now:yyyyMMddHHmmss}.png);bool success ExportPicHelper.SaveToImage(element, filePath, out string errorMsg);if (success){MessageBox.Show($导出成功);}else{Console.WriteLine($ 导出失败{errorMsg});MessageBox.Show($ 导出失败 {errorMsg});}}catch (Exception ex){Console.WriteLine($ 导出异常{ex});MessageBox.Show($ 导出异常{ex.Message});}finally{// 此处设置为 false 没什么用还是需要业务层在设置为 true 前先设置为 false 才行。SetIsExporting(d, false);}}#endregion#region 导出文件夹public static string GetExportPath(DependencyObject obj){return (string)obj.GetValue(ExportPathProperty);}public static void SetExportPath(DependencyObject obj, string value){obj.SetValue(ExportPathProperty, value);}/// summary/// 导出文件夹路径/// /summarypublic static readonly DependencyProperty ExportPathProperty DependencyProperty.RegisterAttached(ExportPath, typeof(string), typeof(ExportPicAttached), new PropertyMetadata(string.Empty));#endregion}
}ExportPicAttached 类中包含两个附加属性一个是导出文件夹路径 ExportPath一个是是否开始导出 IsExporting。当 IsExporting 被设置为 true 则开始导出如果导出文件夹路径没被设定则导出到桌面文件夹然后就是调用方案二中出现的 ExportPicHelper.SaveToImage 方法。使用方法就是在要导出的元素上设置上这两个附加属性然后把值进行绑定在 ViewModel 中先设定导出路径然后把 IsExporting 置为 true 即可开始导出也是能正常导出的这个方案结合了前两个方案的优点既能导出所有想要的内容又对 MVVM 友好。缺点就是导出的控制有点奇怪需要先将 IsExporting 置为 false不然第二次就导出不了了。尝试了在附加属性逻辑中自动置为 false但是好像值传递不到 VM 中的相关绑定属性中有了解解决方法的朋友们请不吝赐教。全文完感谢阅读祝大家天天开心。WPF让 WPF 的 RadioButton 支持再次点击取消选中的功能WPF DataGrid 如何将被选中行带到视野中WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题WPF DataGrid 通过自定义表头模拟首行固定WPF ComboBox 使用 ResourceBinding 动态绑定资源键并支持语言切换【翻译】WPF 中附加行为的介绍 Introduction to Attached Behaviors in WPFWPF 使用 Expression Design 画图导出及使用 Path 画图WPF MVVM 弹框之等待框解决 WPF 绑定集合后数据变动界面却不更新的问题使用 ObservableCollectionWPF 消息框 TextBox 绑定新数据时让光标和滚动条跳到最下面真・WPF 按钮拖动和调整大小WPF MVVM 模式下的弹窗WPF 让一组 Button 实现 RadioButton 的当前样式效果WPF 原生绑定和命令功能使用指南WPF 用户控件的自定义依赖属性在 MVVM 模式下的使用备忘在WPF的MVVM模式中使用OCX组件第三方库使用WPF 表格控件 ReoGrid 的简单使用OxyPlot.WPF 公共属性一览OxyPlot.Wpf 图表控件使用备忘
