贊助商連結

目前分類:人機介面(GUI)相關 (10)

瀏覽方式: 標題列表 簡短摘要

為了要明確提醒操作者輸入的數值單位,可以在Numeric 的後方加上單位訊息,這只需要簡單的修改的Property就可以做到。這篇就是介紹如何將輔助的字元加在人機的控制或是顯示原件上。

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

Step1. 對元件按下右鍵-->Properties

Step2. Display Format ,做Format String的文字修改

這裡因為希望顯示到小數點後兩位,所以先將顯示格式設為%.2f,可以依照需求修改顯示位數,或者是使用%d為無小數點的顯示;決定數字的顯示公式後在後面可以加上個人喜好的文字,這篇使用(單位)將數值的單位做顯示。

 

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

當程式要交給使用者的時候,會將人機介面固定在一個大小,不希望使用者任意改變視窗的大小,因為常常視窗的外圍是工程師的小秘密按鈕或是不想給使用者看到的資訊,這時候透過Window Apperance來調整Allow user to resize window可以限制視窗的大小,讓使用者無法任意的調整。若能夠搭配LabVIEW_限制移動運行時程式的視窗位置,就能夠有效的掌握使用者的操作模式。另外針對需要設定每次視窗的大小,可以參考:LabVIEW_設定運行程式的視窗大小

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

[限制使用著調整視窗大小]

Step1. 叫出VI Property,可以透過File->VI Properties;或是直接按快捷鍵Ctrl+I

Step2. 設定Window Appearance 到Custom-->按下Customize

Step3. 將Allow user to resize window這個選項取消,這個Default選擇是可以讓使用者改變視窗大小,取消後使用者就無法改變了。

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

LabVIEW的Tab在人機畫面上的安排,是非常重要的元件,為了讓Tab更可視化其功能,可以在Tab中的分頁加入圖示(Image)讓使用者更能夠清楚的知道每個分頁的功能。這篇介紹如何做出帶有圖示的Tab 格式(Layout)。可以將Tab附上文字加上圖示的顯示功能,增加GUI人機畫面中的美觀,也讓使用者操作上更為直覺

程式碼可在這邊Download下載 如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

首先須將Tab設定可以看到圖示,對元件按右鍵後-->Adavanced-->Tab Layout-->Text-Image

  • Text Only-->就是default中只有文字顯示
  • Image Only-->只顯示圖案
  • Text-Image--> 文字接著圖示
  • Image-Text-->圖示接著文字

接這將要放的圖拖拉至Front Panel,這時候圖檔的大小先調整至對應Tab的大小。

網路上有很多的Icon素材的網站,個人平常比較常再使用的為:

  1. Icon Finder
  2. Icon Archive
  3. FLAT Icons

選定圖示後,將圖示複製到剪貼簿中,Edit-->Import Picture to Clipboard。或者直接對著圖示按Ctr+C複製圖案到剪貼簿中。

接著對著Tab的分頁加入該圖示,對元件按右鍵後-->Advanced-->Tab Layout-->Impot Image from Clipboard

因為此範例選擇的是Text-Image的顯示方式,加入圖檔後就變成下圖的呈現方式。

最後將第二個圖也加入到Tab中做圖案的顯示。

當然,如果需要,也可以再次修改呈現方式,對元件按右鍵後-->Adavanced-->Tab Layout-->Image-Text

程式碼可在這邊Download下載 如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

其他關於人機介面改善、美化的文章:

LabVIEW_如何自己製作客製化Indicator Boolean 顯示(Customized Indicator Boolean)

LabVIEW_客製化表單選擇按紐(Customize Radio Button)

LabVIEW_如何自己製作客製化按鈕Customized Button

LabVIEW_設定人機面板(FP)到原點(0,0)位置做初使化

LabVIEW_如何修改Menu Ring、Text Ring、Enum、ComboBox等下拉式選單的顏色

LabVIEW_如何修改人機元件Blinking(閃爍、警示)呈現的顏色

LabVIEW_時間格式設定顯示_時區年月日時分秒_Windows下設定

 

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

 

 

 

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

繼上兩篇關於客製化按鈕的文章:LabVIEW_如何自己製作客製化按鈕Customized buttonLabVIEW_客製化表單選擇按紐(Customize Radio Button),有讀者來信詢問在Radio那篇分享的圓形顯示Indicator應該如何製作,所以這篇特地寫一篇關於圓形按鈕的客製化方法。

程式碼可在這邊下載 如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

如同之前提到的,網路上有很多的Icon素材的網站,我平常比較常再使用的為:

  1. Icon Finder
  2. Icon Archive
  3. FLAT Icons

這三個網站都可以用進階搜尋找到Free(免費)的Icon來使用,不過要注意的是,通常這些Free的Icon也是不能做商業用途唷

關於如何查找請參考:LabVIEW_如何自己製作客製化按鈕Customized button ,

開啟LabVIEW後在按鈕上面按右鍵-->Advanced-->Customize... (註:這裡使用Classic 裡面的布林元件做示範,因為特效較少比較好製做)

在Customize客製化的介面時,按下左上角修改工具(Edit Mode)圖示,改成Customize Mode的模式(變成一個夾子的圖示)

這時候將欲換的圖片 直接拖拉到這畫面(保持在Customize頁面)

這篇和前篇提到的按鈕不同的是,因為布林顯示的狀態有四種,所以用四個圖表示,如果只有兩種狀態的圖就重複使用就可以了。對著元件按右鍵-->Picture Item選擇要取代的項目。

這四種狀態代表的意義是 False狀態、True狀態、True-->False過度狀態、False-->True過度狀態,下圖圖解。

對著圖按右鍵-->Copy to Clipboard

接這對原本按鈕上的圖示按右鍵-->Import Picture from Clipboard,或是選擇Import from Clipboard at Same Size,複製一樣大小的圖檔。

 

這時候可以看到已經成功取代掉第一個False狀態。

接著,對著元件按右鍵-->Picture Item選擇下一個要取代的項目。以此類推,直到所有項目都被取代

更改後將拖曳的圖形刪除

並儲存客製完成的Indicator為專屬的ctl就可以在專案上使用搂~

 

程式碼可在這邊下載 如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

其他關於人機介面改善、美化的文章:

LabVIEW_如何自己製作客製化Indicator Boolean 顯示(Customized Indicator Boolean)

LabVIEW_客製化表單選擇按紐(Customize Radio Button)

LabVIEW_如何自己製作客製化按鈕Customized Button

LabVIEW_設定人機面板(FP)到原點(0,0)位置做初使化

LabVIEW_如何修改Menu Ring、Text Ring、Enum、ComboBox等下拉式選單的顏色

LabVIEW_如何修改人機元件Blinking(閃爍、警示)呈現的顏色

LabVIEW_時間格式設定顯示_時區年月日時分秒_Windows下設定

程式碼可在這邊下載 如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

Radio Button 是在LabVIEW7.1之後就有的功能,如同在windows下面操作一樣,可以做出選單讓使用者"至少選一項",確保使用者的條件都有被勾選住,也減少程式做"無選擇"的邏輯。這個功能可以用在問券、配方、參數設定...,必須由使用者輸入選擇的地方。

程式碼可在這邊下載 如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

在人機面板中(Front Panel)按右鍵-->Modern-->Boolean-->Radio Button  就可以直接產生一個兩個選項的Radio Button

這篇是要介紹如何客製化好看的選項所以要做點手腳,

首先先做出一個客製化的布林按紐,這邊就不多做介紹如何做出這個checkbox,可以參考:LabVIEW_如何自己製作客製化按鈕Customized buttonLabVIEW_如何自己製作客製化Indicator Boolean 顯示(Customized Indicator Boolean)這篇的教學,或是直接下載這麼範例來做使用。

接著把Radio Button裡面的Radio Selection都刪除,在加入兩個自己做的客製化Check box,這邊需要注意的是,Radio Button區域內不可以為空,所以可以先刪掉一個Radio Selection、加入客製化Check Box在刪除原本的。

最後在將文字做調整,就可以有下列的樣式,

這裡特別提醒一下,在旁邊留白比較多的時候可以使用Autosizing-->Size to Fit將留白部分刪除到最少。

將過Size to Fit後多於留白可以去掉,這個功能在Cluster元件上也可以使用

如果還需要加入其他選項,按右鍵以後-->Add Radio Button

最後將Radio Button調為透明色,加入邊框做修飾,就可以完成一個漂亮個選單瞜!

程式碼可在這邊下載 如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

其他關於人機介面改善、美化的文章:

LabVIEW_如何自己製作客製化Indicator Boolean 顯示(Customized Indicator Boolean)

LabVIEW_客製化表單選擇按紐(Customize Radio Button)

LabVIEW_如何自己製作客製化按鈕Customized Button

LabVIEW_設定人機面板(FP)到原點(0,0)位置做初使化

LabVIEW_如何修改Menu Ring、Text Ring、Enum、ComboBox等下拉式選單的顏色

LabVIEW_如何修改人機元件Blinking(閃爍、警示)呈現的顏色

LabVIEW_時間格式設定顯示_時區年月日時分秒_Windows下設定

程式碼可在這邊下載 如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

LabVIEW 提供了眾多預設的元件,讓使用者可以自由的操作使用,其中包含了旋鈕、刻度、量表、布林指示燈、按鈕、表格、圖表、圖片、操作介面等不同的物件供使用。 使用者可以依據個人的不同需求修改設計出符合需求的人機介面。這篇介紹如何製作客製化按鈕,和分享幾個平常搜尋免費圖檔素材(Icon)的網站。比較進階的Indicator製作方法可以參考:LabVIEW_如何自己製作客製化Indicator Boolean 顯示(Customized Indicator Boolean)

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

網路上有很多的Icon素材的網站,個人平常比較常再使用的為:

  1. Icon Finder
  2. Icon Archive
  3. FLAT Icons

這三個網站都可以用進階搜尋找到Free(免費)的Icon來使用,不過要注意的是,通常這些Free的Icon也是不能做商業用途唷

下面使用Icon Finder來做範例,尋找關鍵字為Excel且為Free(免費)的圖檔做下載。

接這案右鍵依據大小下載PNG檔。

開啟LabVIEW後在按鈕上面按右鍵-->Advanced-->Customize...

在Customize客製化的介面時,按下左上角修改工具(Edit Mode)圖示,改成Customize Mode的模式(變成一個夾子的圖示)

這時候將欲換的圖片 直接拖拉到這畫面(保持在Customize頁面)

對著圖按右鍵-->Copy to Clipboard

接這對原本按鈕上的圖示按右鍵(綠勾勾)--->Import Picture from Clipboard,或是選擇Import from Clipboard at Same Size,複製一樣大小的圖檔。

取代完後,在依據需求修改圖示大小和按紐做搭配

接著把多出來(拖曳放置)的圖示刪除,

按Yes儲存Ctl就完成了客製化的按紐。

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

其他關於人機介面改善、美化的文章:

LabVIEW_如何自己製作客製化Indicator Boolean 顯示(Customized Indicator Boolean)

LabVIEW_客製化表單選擇按紐(Customize Radio Button)

LabVIEW_如何自己製作客製化按鈕Customized Button

LabVIEW_設定人機面板(FP)到原點(0,0)位置做初使化

LabVIEW_如何修改Menu Ring、Text Ring、Enum、ComboBox等下拉式選單的顏色

LabVIEW_如何修改人機元件Blinking(閃爍、警示)呈現的顏色

LabVIEW_時間格式設定顯示_時區年月日時分秒_Windows下設定

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

在LabVIEW人機面板中,怎麼確保使用者開畫面的時候人機不會移動到未知的地方,可以透過prorpterty將畫面拉到原點位置。如下圖,在人機上可以找到一個絕對(0,0)位置 ,將人機設計好後,對準原點,以後每次開程式後都位移到原點,就可以解決這個問題。

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

方法一 :

使用程式撰寫方法,利用Property定位Origin位置。這個方法好處是可以修改reference來源,也就是可以指定其他VI,並不需要是正在開啟的這個VI。

方法二 :

直接在FP的右下角(紅圈處)按右鍵,選擇Create property-->Origin

注意只能在Front Panel點選右下角才有用

這樣Block Diagram就會直接出現Origin的Property,在將型態改成寫入即可以。

 

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

 

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

 這篇介紹如何利用程式的方法修改下拉式選單(Menu Ring、Text Ring、Combobox)中修改文字,可以配合需求動態新增、減少、修改選單中的文字

這邊介紹一個直接使用Property 的方法,Strin[]這個Property就是讀出/寫入下拉式選單的所有選擇,這邊使用Write 寫入String[]的功能,當然也可以Read讀出String[]出所有下來是選項。

  1. Property Node-->String[]

下面有個範例,展示在使用這按下"列出所有選項"後,動態加入新的文字選項"選項3",當"列出全部選項"的按鈕被觸發的時候,將[選項3]寫入Sting[]裡面。

 

其他參考資料:

Obtaining the string selected from a text ring or menu ring

 

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

 

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

 在教學的過程中,學生會問一些平常我不太用到的問題,這個用法也是學生問我後我作了一些調查才學會怎麼用的,謝謝你們這篇介紹如何在下拉式選單(Menu Ring、Enum、Text Ring、Combobox)中修改顏色讓人機介面的風格更為統一。

當我們再LabVIEW的Front Panel(人機介面)上建立下拉式選單例如:Menu Ring、Enum ,即使我們改變顏色,下拉式選項的顏色也是不會修改。

在這種情況下,想要統一整個GUI風格的人會覺得不甚完美

這是侯可以透過修改設定檔來修改呈現的顏色:

  1. Tools-->Options...

  1. Enviroment-->(往下拉到底) --> Colors

  1. 將defalut 選項取消後,修改Menu Background的顏色

修改完成後就可以發現下拉式選項的顏色改變了,這裡範例改成粉紅色。

其他參考資料:

Changing the item list color of a menu ring in LabVIEW

 

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

在教學的過程中,學生會問一些平常我不太用到的問題,這個用法也是學生問我後我作了一些調查才學會怎麼用的,謝謝你們。這篇介紹如何修改控制元件Blinking的顏色,Blink是將控制元件變成閃爍的樣式,通常做為人機介面上的控制或是顯示元件強調、警示使用。如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

當我們再LabVIEW的Front Panel(人機介面)上建立控制元件,幾乎都可以設定他為Blinking作為強調。例如這樣:

這是不需要另外寫程式,只需要作將property中設定為"Blinking"即可以,這種設定通常用在人機介面中需要警告、提式使用者操作的時候會修改Blinking的屬性。

 

不過有時為了統一整個GUI風格,會需要修改Blinking的顏色,作法如下:

  1. Tools-->Options...

  1. Enviroment-->(往下拉到底) --> Colors

  1. 將defalut 選項取消後,修改Blink Foreground的、Blink Background顏色

例如我將此選下修改成藍色和粉紅色

就可以做出這樣的效果

其他參考資料:

Changing the item list color of a menu ring in LabVIEW

 

如果覺得文章有幫助,請不要吝嗇按下側邊的廣告唷~ 謝謝~

學習相關LabVIEW文章:

進階程式學習

基礎程式學習

專題學習_LVOOP

專題學習_動態載入

程式分享相關LabVIEW文章:

基礎程式分享

進階程式分享

股票程式分享

考取LabVIEW證照相關:

CLAD

CLD

CLA準備CLA考題分析

文章標籤

安伯伯 發表在 痞客邦 留言(0) 人氣()

Close

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

reload

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼