當(dāng)前位置:首頁(yè) > 測(cè)試測(cè)量 > 測(cè)試測(cè)量
[導(dǎo)讀]目錄UI設(shè)計(jì):失傳的藝術(shù)?1. 自定義UI外觀2. 合理組織復(fù)雜UI3. 程序運(yùn)行緩慢時(shí)告知用戶更多相關(guān)資源如果您仍然還在默認(rèn)的灰色前面板上填充各種新式或經(jīng)典控件,那么您甚至還沒有真正觸及到用戶界面(UI)的設(shè)計(jì)。如果說

目錄

UI設(shè)計(jì):失傳的藝術(shù)?

1. 自定義UI外觀

2. 合理組織復(fù)雜UI

3. 程序運(yùn)行緩慢時(shí)告知用戶

更多相關(guān)資源

如果您仍然還在默認(rèn)的灰色前面板上填充各種新式或經(jīng)典控件,那么您甚至還沒有真正觸及到用戶界面(UI)的設(shè)計(jì)。

如果說架構(gòu)合理、功能完備的程序框圖好比三明治的夾肉,那么漂亮而實(shí)用的UI則是那上下兩層面包。也許您會(huì)問它是必不可少的嗎?也許不是的,但是這是這一外觀讓它與眾不同。

 

 

圖1. 小改變帶領(lǐng)您一步步設(shè)計(jì)出更加漂亮和易用的UI

UI設(shè)計(jì):失傳的藝術(shù)?

如果您咨詢NI LabVIEW開發(fā)者他們使用LabVIEW最愛它的哪一特性,大家會(huì)給您各種各樣的回答,比如可以方便處理現(xiàn)實(shí)世界中的信號(hào),或者使用高級(jí)工具獲得效率提升,又或者是圖形化數(shù)據(jù)流非常自然的的編程方式。開發(fā)者往往忽略了LabVIEW的“圖形化”這一優(yōu)點(diǎn),正是這些圖形界面的前面板構(gòu)成了每一個(gè)VI的“半壁江山”。

編寫優(yōu)美的代碼是每個(gè)應(yīng)用程序重要的組成部分。畢竟,無法正常執(zhí)行的程序是無意義的投資。隨著LabVIEW不斷的擴(kuò)展,它不斷應(yīng)用于越來越復(fù)雜的應(yīng)用中,開發(fā)人員必須投入更多的精力來提高應(yīng)用程序開發(fā)的美感,因?yàn)榧幢闶枪δ芡旰玫某绦?,如果它的界面?huì)令用戶困惑不解,那么它的價(jià)值也大打折扣。

圖2. 雖然兩個(gè)VI的功能并無區(qū)別,然而秒表外形的控件讓用戶更容易識(shí)別出其跑秒功能

下面介紹三個(gè)LabVIEW技巧,幫助您改進(jìn)程序,使它擁有外觀和功能都更加優(yōu)秀的UI。

1. 自定義UI外觀

改進(jìn)UI外觀最簡(jiǎn)單的方式是利用其他元素替代LabVIEW默認(rèn)的灰色前面板背景以及“新式控件面板”。只要簡(jiǎn)單改變前面板的背景顏色、利用外部資源圖片美化您的UI、或者只用簡(jiǎn)單利用系統(tǒng)控件模板,無需投入大量時(shí)間進(jìn)行自定義您就可以獲得獨(dú)一無二的界面外觀了。另外,系統(tǒng)輸入控件和顯示控件對(duì)大多數(shù)用戶來說都是非常熟悉的,因?yàn)樗鼈兪菍iT設(shè)計(jì)成具有操作系統(tǒng)風(fēng)格的。這使得用戶能夠快速熟悉功能,因而更具有易用性。

自定義控件增加了豐富性和靈活性。使用LabVIEW控件編輯器,您可以剖析每個(gè)控件,對(duì)組成控件的每個(gè)底層圖形組成部分進(jìn)行分離和修改。這一技巧令每一個(gè)控件更加風(fēng)格化、易于識(shí)別,或者更加能表現(xiàn)它們所表示的現(xiàn)實(shí)世界信號(hào)。從給按鈕添加模型貼圖到修改儀表背景圖片,控件自定義是改進(jìn)LabVIEW UI外觀最受歡迎的一種方式。

2. 合理組織復(fù)雜UI

然而,伴隨著您的應(yīng)用程序功能范圍的擴(kuò)大,您不得不經(jīng)常在您的LabVIEW前面板增加大量的顯示信息。幸運(yùn)的是,如果不要求同時(shí)顯示所有的控件,LabVIEW有兩個(gè)簡(jiǎn)單的技巧可以簡(jiǎn)化處理復(fù)雜UI的工作。

選項(xiàng)卡(Tab)控件是一個(gè)常用的UI組件,它可以有效地將UI功能封裝成幾個(gè)不同的部分。它們簡(jiǎn)單易用,并且比大多人想象的更為靈活。在您的前面板添加一個(gè)選項(xiàng)卡控件,然后將其它輸入和顯示控件填充到選項(xiàng)卡,您可以增加和刪減選顯卡個(gè)數(shù),改變選顯卡的透明度,選擇選顯卡的物理位置以垂直顯示分類,甚至您還可以給選顯卡添加圖片。

然而,利用選項(xiàng)卡雖然獲得了易用性,卻犧牲了擴(kuò)展性。因?yàn)橛脩麸@示器的尺寸的緣故,添加的選顯卡控件的數(shù)目是有限的。在進(jìn)行開發(fā)前您應(yīng)該仔細(xì)考慮這一細(xì)節(jié)。另外,雖然大多數(shù)內(nèi)容不可見,但選項(xiàng)卡控件會(huì)一次性加載所有輸入和顯示控件到內(nèi)存中。這可能會(huì)對(duì)程序的性能產(chǎn)生不利影響。

一個(gè)可擴(kuò)展的UI組織方法是使用LabVIEW子面板技術(shù)。利用子面板,您可以創(chuàng)建無數(shù)的子VI,從而可以在適當(dāng)?shù)臅r(shí)候動(dòng)態(tài)地將特定子VI內(nèi)容填充到子面板控件中。利用LabVIEW子面板,您可以決定何時(shí)將顯示內(nèi)容加載到內(nèi)存或釋放掉,這使得您可以更好對(duì)程序進(jìn)行控制。

3. 程序運(yùn)行緩慢時(shí)告知用戶

沒有什么比遇到很少進(jìn)行大量長(zhǎng)時(shí)間運(yùn)算的程序卡死了更令人難受了。對(duì)一個(gè)長(zhǎng)時(shí)間的操作,及時(shí)告知用戶它的開始、結(jié)束和進(jìn)行中等的信息是十分重要的。

LabVIEW 自帶了繁忙鼠標(biāo)和進(jìn)程條控件,在程序后臺(tái)處理任務(wù)時(shí),這些控件可以方便地通知用戶。當(dāng)您知道程序執(zhí)行的詳細(xì)流程時(shí)—例如各種For循環(huán)的頻繁迭代—使用系統(tǒng)水平進(jìn)度條是一個(gè)很有效的選擇。

您的應(yīng)用程序在用戶第一次啟動(dòng)時(shí)可能會(huì)有一個(gè)長(zhǎng)時(shí)間的加載過程。您可以制作一個(gè)啟動(dòng)畫面,在獲知加載過程的同時(shí)讓您的用戶知道您的程序已經(jīng)成功啟動(dòng)了。通過利用前面板透明度和居中開機(jī)畫面,LabVIEW只需對(duì)少數(shù)屬性稍作修改,就可以十分方便地完成一個(gè)專業(yè)的產(chǎn)品。

圖3. 您可以輕松創(chuàng)建和使用啟動(dòng)畫面以實(shí)現(xiàn)在緩慢加載時(shí)通知用戶的功能

本站聲明: 本文章由作者或相關(guān)機(jī)構(gòu)授權(quán)發(fā)布,目的在于傳遞更多信息,并不代表本站贊同其觀點(diǎn),本站亦不保證或承諾內(nèi)容真實(shí)性等。需要轉(zhuǎn)載請(qǐng)聯(lián)系該專欄作者,如若文章內(nèi)容侵犯您的權(quán)益,請(qǐng)及時(shí)聯(lián)系本站刪除。
換一批
延伸閱讀

9月2日消息,不造車的華為或?qū)⒋呱龈蟮莫?dú)角獸公司,隨著阿維塔和賽力斯的入局,華為引望愈發(fā)顯得引人矚目。

關(guān)鍵字: 阿維塔 塞力斯 華為

倫敦2024年8月29日 /美通社/ -- 英國(guó)汽車技術(shù)公司SODA.Auto推出其旗艦產(chǎn)品SODA V,這是全球首款涵蓋汽車工程師從創(chuàng)意到認(rèn)證的所有需求的工具,可用于創(chuàng)建軟件定義汽車。 SODA V工具的開發(fā)耗時(shí)1.5...

關(guān)鍵字: 汽車 人工智能 智能驅(qū)動(dòng) BSP

北京2024年8月28日 /美通社/ -- 越來越多用戶希望企業(yè)業(yè)務(wù)能7×24不間斷運(yùn)行,同時(shí)企業(yè)卻面臨越來越多業(yè)務(wù)中斷的風(fēng)險(xiǎn),如企業(yè)系統(tǒng)復(fù)雜性的增加,頻繁的功能更新和發(fā)布等。如何確保業(yè)務(wù)連續(xù)性,提升韌性,成...

關(guān)鍵字: 亞馬遜 解密 控制平面 BSP

8月30日消息,據(jù)媒體報(bào)道,騰訊和網(wǎng)易近期正在縮減他們對(duì)日本游戲市場(chǎng)的投資。

關(guān)鍵字: 騰訊 編碼器 CPU

8月28日消息,今天上午,2024中國(guó)國(guó)際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)開幕式在貴陽舉行,華為董事、質(zhì)量流程IT總裁陶景文發(fā)表了演講。

關(guān)鍵字: 華為 12nm EDA 半導(dǎo)體

8月28日消息,在2024中國(guó)國(guó)際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)上,華為常務(wù)董事、華為云CEO張平安發(fā)表演講稱,數(shù)字世界的話語權(quán)最終是由生態(tài)的繁榮決定的。

關(guān)鍵字: 華為 12nm 手機(jī) 衛(wèi)星通信

要點(diǎn): 有效應(yīng)對(duì)環(huán)境變化,經(jīng)營(yíng)業(yè)績(jī)穩(wěn)中有升 落實(shí)提質(zhì)增效舉措,毛利潤(rùn)率延續(xù)升勢(shì) 戰(zhàn)略布局成效顯著,戰(zhàn)新業(yè)務(wù)引領(lǐng)增長(zhǎng) 以科技創(chuàng)新為引領(lǐng),提升企業(yè)核心競(jìng)爭(zhēng)力 堅(jiān)持高質(zhì)量發(fā)展策略,塑強(qiáng)核心競(jìng)爭(zhēng)優(yōu)勢(shì)...

關(guān)鍵字: 通信 BSP 電信運(yùn)營(yíng)商 數(shù)字經(jīng)濟(jì)

北京2024年8月27日 /美通社/ -- 8月21日,由中央廣播電視總臺(tái)與中國(guó)電影電視技術(shù)學(xué)會(huì)聯(lián)合牽頭組建的NVI技術(shù)創(chuàng)新聯(lián)盟在BIRTV2024超高清全產(chǎn)業(yè)鏈發(fā)展研討會(huì)上宣布正式成立。 活動(dòng)現(xiàn)場(chǎng) NVI技術(shù)創(chuàng)新聯(lián)...

關(guān)鍵字: VI 傳輸協(xié)議 音頻 BSP

北京2024年8月27日 /美通社/ -- 在8月23日舉辦的2024年長(zhǎng)三角生態(tài)綠色一體化發(fā)展示范區(qū)聯(lián)合招商會(huì)上,軟通動(dòng)力信息技術(shù)(集團(tuán))股份有限公司(以下簡(jiǎn)稱"軟通動(dòng)力")與長(zhǎng)三角投資(上海)有限...

關(guān)鍵字: BSP 信息技術(shù)
關(guān)閉
關(guān)閉