计算照片的面积（WPF篇）

昨天，老周突发其想地给大伙伴们说了一下UWP应用中计算照片面积的玩法，而且老周也表示会提供WPF版本的示例。所以，今天就给大伙们补上吧。

WPF是集成在.net框架中，属于.net的一部分，千万不要跟我说你学.net不学WPF，那是不对的，包括ASP.NET、WCF、WF等都是.net框架的一部分，它们在本质上并没有脱离.net。

废话少扯，扯了也没人听，咱们说正题吧。

WPF库中与UWP的不太一样，图像解码编码API似乎不像UWP中那么强大，大概是因为桌面程序可以调用Win32 API和COM的原因吧。不过，老周必须告诉你一个事，经过测试，用WPF的方法计算照片面积，在性能上远远超过GDI的方式，尤其是对大型照片更是如此。在WPF出现前，在System.Drawing命名空间下有个Iamge类，也派生出了一个Bitmap类，这些类都可以用来计算照片面积。老周在N年前做过一个照片面积计算器，除了计算面积外，还可以输入单价（每平方米多少钱），然后计算冲印照片的面积和最终的价格，并具有简单的票据打印功能。这个程序是基于GDI，即用System.Drawing命名空间下的东东搞的，因为那个时代，WPF还没有问世。

WPF把图像的解码/编码类都内置到UI相关的媒体功能中，就是位于System.Windows.Media.Imaging命名空间下，里面有个BitmapImage类，它可以读到照片的像素宽高，以及分辨率，有了这些参数就可以计算面积了。

但是，你必须注意WPF的线程安全模型是相对严格的，为了保护UI线程不被无意破坏，BitmapImage类是间接继承DispatcherObject类，凡是有Dispatcher的对象，你得明白，它是不能跨线程操作的。如果你要在UI上显示它们，那么位图对象的实例必须属于UI线程。



如果你使用数据绑定时担心性能受影响，可以开启异步绑定，WPF的Binding有个IsAsync属性，开启它，UI线程在调度时会使用辅助线程来加载数据。实验表明，你的CPU核数越多，处理起来越快，到底还是要看配置啊。尤其是处理多媒体，像视频这些，你不能拿一台50年前的电脑来谈性能优化，你应该至少拿一台跟得上时代的电脑来评估。你总不能用春秋战国时期的社会生产力来跟大唐盛世比。

在使用图像时，为了节省开销，你可以设置DecodePixelWidth或DecodePixelHeight

属性，这两个属性不要同时设置，你设置其中一个就行了，这样图像在呈现时可以自动计算比例，不然会使图像变形，当然了，如果你希望图像变形，那就另当别论了。

设置这两个属性，并不影响我们读取图像的真实像素，要获取图像宽高，应访问PixelWidth和PixelHeight属性，DecodePixelHeight/Width不会影响这两个属性的值。另外，通过DpiX和DpiY属性就能得到水平和垂直方向上的分辨率。

好，同样地，还是先封装一个数据类。

public class PhotoData : INotifyPropertyChanged
{
#region 私有字段
int width = default(int), height = default(int);
double dpix = default(double), dpiy = default(double);
BitmapImage bitmap = null;
double area;
#endregion

#region INotifyPropertyChanged成员
public event PropertyChangedEventHandler PropertyChanged;
#endregion

#region 构造函数
public PhotoData(string filePath)
{
// 实例化图像对象
PhotoImage = new BitmapImage();
PhotoImage.DecodePixelWidth = 100;
// 初始化图像
PhotoImage.BeginInit();
PhotoImage.UriSource = new Uri(filePath);
PhotoImage.EndInit();

// 获取需要的参数
Width = PhotoImage.PixelWidth;
Height = PhotoImage.PixelHeight;
DpiX = PhotoImage.DpiX;
DpiY = PhotoImage.DpiY;
// 计算面积
ComputeArea();
}
#endregion

#region 方法
private void OnPropertyChanged([CallerMemberName]string prpname = "")
{
this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(prpname));
}

/// <summary>
/// 计算面积
/// </summary>
private void ComputeArea()
{
// 先将宽度和高度转为英寸
double inchW = Width / DpiX;
double inchH = Height / DpiY;
/*
面积单位为平方米
1英寸 = 2.54厘米
*/
Area = (inchW * 2.54d) * (inchH * 2.54d) / 10000d;
}
#endregion

#region 属性
/// <summary>
/// 照片宽度
/// </summary>
public int Width
{
get { return width; }
private set
{
if (value != width)
{
width = value;
OnPropertyChanged();
}
}
}

/// <summary>
/// 照片高度
/// </summary>
public int Height
{
get { return height; }
private set
{
if (value != height)
{
height = value;
OnPropertyChanged();
}
}
}

/// <summary>
/// 水平分辨率
/// </summary>
public double DpiX
{
get { return dpix; }
private set
{
if (dpix != value)
{
dpix = value;
OnPropertyChanged();
}
}
}

/// <summary>
/// 垂直分辨率
/// </summary>
public double DpiY
{
get { return dpiy; }
private set
{
if (value != dpiy)
{
dpiy = value;
OnPropertyChanged();
}
}
}

/// <summary>
/// 图像实例
/// </summary>
public BitmapImage PhotoImage
{
get { return bitmap; }
private set
{
if (bitmap != value)
{
bitmap = value;
OnPropertyChanged();
}
}
}

/// <summary>
/// 面积（平方米）
/// </summary>
public double Area
{
get { return area; }
private set
{
if (value != area)
{
area = value;
OnPropertyChanged();
}
}
}
#endregion
}

这个我不多解释了，应该比昨天那个更好懂。注意我今天用的单位是平方米，计算平方厘米后，要除以10000。

类似的方法，我们先计算单个照片的面积，并放入到一个集合中。

string[] files = openFileDlg.FileNames;
// 开始计算
photolist.Clear();
isRunning = true;
foreach (string f in files)
{
try
{
PhotoData data = new PhotoData(f);
photolist.Add(data);
}
catch (Exception ex)
{
// 记录异常信息
Trace.WriteLine($"{DateTime.Now.ToLongTimeString()} -- {ex.Message}");
continue;
}
}

然后，统计总面积。

double totalArea = photolist.Sum(d =>
{
if (double.IsInfinity(d.Area))
{
return 0d;
}
return d.Area;
});

为了使这个程序更加生动可爱，更具有内涵，老周还使用了语音朗读API，在System.Speech.Synthesis命名空间下。

// 语音朗读
Task.Run(() =>
{
using (SpeechSynthesizer symthedizer = new SpeechSynthesizer())
{
symthedizer.Speak(msg);
}
});

使用Task来异读朗读，不影响UI上呈现内容。

最后结果请看下图。



好了，该开饭了，今天的牛皮就吹到这里，有空继续吹。

示例源代码下载