labview編程詳解「labview優秀界面設計教程」

LabVIEW中有自帶的進度條、刻度條和滑動桿顯示控件,但自帶控件顏值不夠高,今天講述如何基於自帶控件製作高顏值的進度條/刻度條/滑動桿。

先看想要達到的進度條效果如下圖所示,即製作小蝸牛形狀的進度條/刻度條。在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

小蝸牛形狀的進度條/刻度條

通過編製一個測試VI,演示其動態效果如下圖所示。在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

小蝸牛形狀的進度條/刻度條動態效果

接下來將按照操作步驟手把手教大家如何製作有趣的進度條/刻度條。

1)準備小蝸牛的圖片素材,並對圖片進行處理(要求圖片背景透明,調整為適當大小,如60 pixel * 60 pixel)在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

60 pixel 的透明背景的小蝸牛圖片

註:可以通過摳圖軟件製作透明背景的圖片,再通過WIN10系統自帶的「照片」應用程序對圖片大小進行調整。

2)在LabVIEW中新建一個自定義控件在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

新建自定義控件

3)在自定義控件面板上放置一個LabVIEW自帶的水平進度條控件在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

放置水平進度條控件

4)隱藏進度條控件的標籤,並將控件面板切換至自定義模式在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

切換至自定義模式

5)將第1)步驟準備好的小蝸牛圖片素材托放至面板的任意位置在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

拖放小蝸牛圖片素材至面板中

6)選中小蝸牛圖片後按「Ctrl+X」鍵,將圖片存放至剪切板中,再右鍵單擊滑動桿的拖動片,在快捷菜單中選擇「剪切板導入圖片」在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

剪切板導入圖片

7)導入小蝸牛圖片後的效果如下圖所示,再點擊「切換至編輯模式」在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

點擊「切換至編輯模式」

8)調整控件,顯示控件的「數字顯示」和「標尺」,並調整進度顯示顏色為綠色在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

進度條顯示外觀調整

9)保存自定義控件,再創建一個新的VI,添加新創建的自定義控件至VI中,即可使用如此可愛高顏值的進度條控件了。在LabVIEW中製作高顏值的進度條/刻度條/滑動桿

在VI中使用新創建的自定義進度條控件

如下所示為錄製的演示效果視頻。

按照如上所示步驟進行操作,即可製作出好看又可愛的進度條哦!

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/273112.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-17 14:04
下一篇 2024-12-17 14:04

相關推薦

發表回復

登錄後才能評論