LabVIEW设计自定义滚动条

简介: 在讲解自定义滚动条之前,我们先了解一下,如何动态控制常规的滚动条控件,效果如下所示:

在讲解自定义滚动条之前,我们先了解一下,如何动态控制常规的滚动条控件,效果如下所示:

a3825f7896fe4f5cb6f8ad98fb297cda.gif



这是使用LabVIEW自带的滑动控件,鼠标右键,选择:“数值”,可以看到各式各样的滑动杆控件,如下所示:


e7b958290af34c95b65d927818bcd188.png


通过编程实现滚动条动态效果,程序设计如下所示:


1e7ff33211b246a6aee2d640c09170de.png


接下来将LabVIEW内置的滑动杆控件进行自定义设计。


选择滑动杆控件,鼠标右键点击,选择:“高级”→“自定义...”,如下图所示:


70cbeb1dda5648ebb67c6423de8d2bcd.png


设计自定义滚动主要就是将滑块替换为我们设计好的图片。


93ab3b98b5504409b1b75c680664ad2f.png


点击进入“自定义模式”,如下图所示:


5d1abf1c518344d3816c7a84adbf26f6.png


选择:“以相同的大小从文件导入...”,替换滑动块,如下图所示:


3234a9e0d0cc42f19becf525df82323a.png


这里我导入的是自己设计的文字图片文件(透明),如下图所示:


2ed59229c5d94c62972477b430cbeb21.png


退出“自定义模式”(进入“编辑模式”),将自定义的滑动杆调节成合适比例,如下图所示:


128b1213d98f426ebbe45e7d7dc03774.png


此时可见,滑动杆背景颜色不太美观,也可进行修改,选择:“查看”→“工具选板”,如下图所示:


92fa8e3d3046431c847190ed939eaf6c.png


这里我将背景设置为透明颜色,如下图所示:


71c616a295254a84bf8e5dc5ff278239.png


为了美观我还将标尺隐藏起来,如下图所示:


74ea7d5e78c145aabaff36281d06c6cc.png


最后,保存为:“.ctl”控件文件,直接导入就可以使用了,如下图所示:


9f0b29903af440adb987750748adca61.png


依旧使用上述代码,实现设计自定义滚动条效果,如下图所示:

ded8b11105f84494854376506efc071d.gif


相关文章
|
3月前
|
编解码 搜索推荐 算法
|
8月前
|
程序员
LabVIEW让一切控件可见
LabVIEW让一切控件可见
62 0
|
8月前
LabVIEW编程LabVIEW开发以编程方式将前面板移动到所需位置
LabVIEW编程LabVIEW开发以编程方式将前面板移动到所需位置
136 0
|
8月前
|
UED
LabVIEW UI设计的几个技巧
LabVIEW UI设计的几个技巧
245 0
|
8月前
|
编解码
LabVIEW用户界面设计
LabVIEW用户界面设计
98 0
|
人工智能 数据可视化 机器人
GIF动画渲染、让灯塔闪烁、创建航空动态图……ChatGPT代码解释器插件「不止于代码」
GIF动画渲染、让灯塔闪烁、创建航空动态图……ChatGPT代码解释器插件「不止于代码」
222 0
文字处理技术:与布局相关的功能
文字处理技术:与布局相关的功能
104 0
|
C#
借助Photoshop,Illustrator等设计软件进行WPF图形图像的绘制
原文:借助Photoshop,Illustrator等设计软件进行WPF图形图像的绘制 本文所示例子是借助第三方设计软件,制作复杂的矢量图形,转成与XAML酷似的SVG,再转换成xaml而实现的。
1259 0