按钮控件生成教程ppt课件.pptx

1 在PPT中 使用矢量图形 绘制如图所示的形状 蓝色正方形外框 是为了在PS中对齐按钮的部件用的 2 分别截图导出按钮的面板和按钮的突起为JPG格式 3 在ps中 分别打开两个图片 如初始图片不可编辑 将其模式调整为RGB颜色 4 首先处理按钮面板图片 使用两横两竖四条参考线标记外框 分别从上方和左侧的标尺处按住鼠标左键拖动到希望位置生成竖直和水平参考线 参考线生成后 如果想要再次精细的调整位置 可以放大图片 然后点击快捷工具中移动按钮 如左图所示 然后就可以用鼠标左键拖动参考线来移动其位置 5 按参考线裁剪图片 点击裁剪命令 然后左键框选需要裁剪的范围 在确认命令之前 可以拖动裁剪框的四条边界线或者是四个角点 靠近标记线或者是标记线的交点 裁剪线会自动吸附到参考线或者参考线交点上 5 两个图片裁剪完成之后 要将按钮的外部白色变为透明 选择魔棒工具 点击按钮边框的外部白色范围任意位置 自动选中外部白色区域 右键选择添加到选区 而后点击键盘上delete键 删掉外部白色区域 6 重新两幅图片的画布大小 使得图片刚好包含按钮的有效部分 可以用参考线测量一下按钮的尺寸 然后设置画布的大小 而后就会居中裁剪图像 6 然后要旋转按钮的突起部分 使其可选位置有三个 即要生成三个不同位置的按钮凸起的图片 在矩形选区模式下 框选所有图片范围 自动选中整个图片 然后右键点击 选择自由变换 然后设置转角为45 点击应用 7 另存图片 能够保存透明通道的图片格式 有PNG和GIF 由于很多编程软件不支持PNG格式 因此将图片另存为GIF格式 8 使用VB来制作ActiveX控件 在控件上单击左键 按钮顺时针旋转 单击右键 按钮逆时针旋转 每次按钮位置变化 都产生一个change事件 同时按钮设置一个公共属性 value 可选 1 0 1 三个值 在其他的组态程序中 可以插入该控件 并编写控件的 change 事件响应函数 针对不同的value值 触发不同的处理过程 下面我们记录在winccflexible中实现这个按钮的方法 由于这个按钮要多次使用 因此我们要使用面板来制作按钮 以便在画面中进行重复使用 类似于ActiveX控件的功能 1 创建面板要创建一个面板 目前看来似乎只能从画面中 选择一个或者多个画面对象 右键选择 创建面板 2 编辑面板 2 编辑面板创建面板后 在项目库中会出现当前面板 同时在主窗口中会出现面板编辑窗口 当后期想要再次编辑面板时 可以在画面中选中面板的实例 右键 编辑面板类型 或者在项目库中 右键选择面板名称 点击 编辑面板类型 3 按钮实现使用了一个矩形作为背景 五个文本域作为选项文字 一个按钮作为交互对象 响应单击操作 4 面板组态在下图中 我的属性和选项文本作为属性的类别 将同类型属性集合起来 白色闪电箭头属性是静态属性 红色单点箭头是动态属性 面板编辑界面的组态设置 总结 4 面板组态首先在常规选项卡中 设置面板的名称 以及面板在画面中的大小设置方式 在属性选项卡中 可以创建自定义的属性 可以创建类别管理同类型的属性 自定义的属性 可以连接到面板中的控件元素的属性上面 那么在画面中 通过设置面板实例的属性 即可设置面板中的子控件的属性 如下图所示 属性分为动态属性和静态属性 动态属性和静态属性都在常规页面中显示 在属性的动态界面中 只显示动态属性 静态属性相当于常亮输入 动态属性 相当于面板的公共属性 也就是类似于ActiveX控件的公共属性 在脚本选项卡中 可以定义面板的脚本 他与winccflexible项目的全局脚本的区别 主要在于其中可以使用的变量 在全局脚本中 使用的是项目的内部变量和连接变量 而在面板脚本中 使用的是面板的动态属性 画面中面板实例的组态设置 作图时脚本可使用的变量列表 正好对应在属性界面中定义的动态属性 在画面中组态面板实例时 可以在其属性的动态界面中 连接面板的动态属性 到项目的内部变量和连接变量上 在本次面板中 使用的交互控件是按钮 按钮具有的事件如下图所示 事件可以设置响应函数 其中可以选择建立的用户脚本 对于我们这个面板来说 是想要实现单击来切换按钮的位置 在面板的自定义的动态属性中 保存按钮的当前位置 通过自定义的脚本 响应点击事件 来修改面板的位置属性 如果想要使用全局脚本 那么就要建立面板的自定义事件 然后链接到按钮的单击事件上 在画面