人都是产品经理社区推出产品经理培训课程，让BAT产品总监手把手带你学产品吧！

现在制作原型过工具多多，但Axure仍然是大多产品汪的得力工具。刚刚过去的8月份，Axure 8.0 BETA版本悄然发布，随着大多数Axure粉丝的惊呼声中，新版本在诸多功能上进行了优化。好，废话不多说，这里掠过Axure入门基本操作，主要说说Axure 8.0给我带来什么新体验。

实用改进1 更强的交互动画

最牛XX的功能要先说，Axure 8.0在交互方面还是下了苦功夫的。

画面自由翻转特效

首先，说明的是，反转特效是在动态面板中不同状态下切换实现的。我们将动态面板命名为1。之后设置两个状态，state1与state2，这两个状态中各有一个不同颜色的矩形。设置单击动作，点击使动态面板1由state1切换到state2。

在这里自由选择反转的方向，便可自由实现转场翻转的交互效果了。

更简单的制作转动效果，多动作并发

如果想做一个控件一边移动一边旋转，大家想想现在在Axure 7.0中怎么实现呢？？哈，不好做吧，Axure 8.0设置了多动作并发机制，可以方便快捷的实现这一交互。而且Axure 8.0将选择直接设置在动作列表中，让每个产品汪方便快捷的完整旋转的交互样式。

在Axure 8.0中制作旋转效果异常简单，直接添加动作即可，相信每个产品汪一看就都明白，我也不在这里多废话了。同时设置Move与Rotate这两个动作可以同时并发，这样是不是又能产生很多美好的交互。

快捷的改变控件尺寸

在Axure 7.0中只有动态面板可以设置尺寸，在Axure 8.0中扩大了这个范畴，你能够设置图形部件、图像、快照、热点、文本框等其它形式的组件的尺寸大小。并且在Axure 8.0中增加了”anchor”功能，该功能可以确定以某坐标作为原点（不动点）进行放大。

相关触发事件

在Axure 8.0的交互中中增加了”Fire Event”事件，大家把交互事件拉到最后就看见了！

这个事件的主要特点是相关触发功能。什么意思呢，比如我点击了控件A，除了触发A控件的动作，还可以方便的触发B控件的各种交互事件。其实这个在Axure 7.0中也可以实现，只是有了“Fire Event”让这些触发更方便快捷。

实用改进2 标注部件库

估计是Axure的设计者深知每个产品汪每天被老板虐，被开发虐，被销售虐的事实，特地增加了标注部件，这个让每个产品汪能够好好做一个有情怀的产品汪。

这里重点说说”Snapshot”控件功能,别的标签控件都比较简单，大家一看就会。我们将Snapshot控件拖入编辑页，双击打开设定要显示的页面。这样我们就可以看到设计页面的缩略图了，而且点击还可以进入相应页面。如果页面有所改变，那Snapshot也会跟着改变，是不是很牛XX！

实用改进3 布尔运算

Duang~~~~，在Axure 8.0中增加了布尔运算，可以对图形进行交并补运算了，是不是很强大，妈妈再也不用担心了。首先做个小小的知识补充，看看下图明确一下布尔运算的定义。

在Axure 8.0中，在右侧属性栏中可以找到如下四个图标，分布根据形状大家也能判断出每个图标的用途。

实用改进4 钢笔工具

这个工具其实不用多说，用来画曲线的么，从此之后能够在Axure中画图了。画画我实在不行，只能画了一个丑陋的大白….

其实Axure 8.0还增加了一些实用的小功能，比如：部件尺寸的比例锁定、更多的图形编辑功能等。这些功能使我们的原型制作更加顺畅，我们一起来期待Axure 8.0正式版的发布。

本文由 @Gery 原创发布于人人都是产品经理 ，未经许可，禁止转载。

以前的项目中，做摄像头的图片采集，我们一般还是需要做一个封装处理的，在较新版本的DevExpress控件里面，增加了一个CameraControl控件，可以直接调用摄像头显示的，因此也可以做头像采集等功能，本文介绍如何基于这个控件做相关的图像采集操作。

DevExpress WinForms Subscription官方最新版免费下载试用，历史版本下载，在线文档和帮助文件下载-慧都网

一、CameraControl控件介绍

该控件从15.1开始，就开始加入控件组了，控件的使用很简单，直接拖动到界面就可以在WinForm界面上使用了。本案例基于16.1进行开发的，因此也都具有这些控件模块的。

例如我们直接把CameraControl控件拖动到界面上，然后运行界面就可以看到如下效果。

在摄像的界面上，有一个配置的选项，可以对摄像头的分辨率等参数进行设置处理。

同时在PictureEdit控件上，也可以开启摄像头采集功能，只需要在控件属性里设置一下即可：

运行界面得到效果如下所示。

这个采集图片的菜单项文字没有汉化，因此有点怪异，我们也可以通过使用其内置的对话框（TakePictureDialog ）进行图片采集操作。

具体代码如下所示：

private void btnInternal_Click(object sender, EventArgs e)
{
TakePictureDialog d = new TakePictureDialog();
if (d.ShowDialog() == System.Windows.Forms.DialogResult.OK)
{
this.pictureEdit1.Image = d.Image;
}
}

调用得到的对话框是内置的，界面也是无法修改调整，包括文字内容。

二、自定义采集对话框

为了更好的实现对头像的采集操作，我们可以仿照这个对话框模块，做一个自定义的窗体，实现摄像头图像的采集操作，如下所示。

同时我们在对话框窗体里面设置一个Public的图像对象属性，如下所示：

/// <summary>
/// 采集图片
/// </summary>
public Image CameraImage { get; set; }

这样我们就方便设置和提取图像信息了。

捕获图像的代码就是从摄像控件里面获取一个快照就可以了，如下所示。

private void btnCapture_Click(object sender, EventArgs e)
{
this.CameraImage = this.cameraControl1.TakeSnapshot();
this.pictureEdit1.Image = this.CameraImage;
}

然后在窗体退出的时候，记得释放摄像头的资源，否则第二次就提示占用，无法使用了。

private void FrmCamera_FormClosing(object sender, FormClosingEventArgs e)
{
this.cameraControl1.Dispose();
}

整个对话框的完整代码如下所示。

public partial class FrmCamera : Form
{
/// <summary>
/// 采集图片
/// </summary>
public Image CameraImage { get; set; }

public FrmCamera()
{
InitializeComponent();
}

private void btnOK_Click(object sender, EventArgs e)
{
this.DialogResult = System.Windows.Forms.DialogResult.OK;
}

private void btnCapture_Click(object sender, EventArgs e)
{
this.CameraImage = this.cameraControl1.TakeSnapshot();
this.pictureEdit1.Image = this.CameraImage;
}

private void FrmCamera_FormClosing(object sender, FormClosingEventArgs e)
{
this.cameraControl1.Dispose();
}
}

最后运行可以得到界面如下所示。

这种处理方式比较好，我在该控件出来之前，在基础界面类库里面，使用肖像控件来处理摄像头图像采集的。

例如在会员管理系统里面，就是利用肖像管理控件，通过之前的摄像头公用类库实现的图形采集操作的。

这里其实是利用一个摄像头类库来实现的，不过现在既然DevExpress本身就提供控件支持，那么我们也可以直接利用它了，这样更加方便，更少代码。

DevExpress WinForm控件| 下载试用

DevExpress WinForm拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！

本文转载自：博客园 - 伍华聪

EnabledWhen = ActivationConstraint.ClientContext(ClientContextKey.Shell.ActiveEditorContentType, "CSharp").