如何使用Swing動態(tài)界面設(shè)計技術(shù)

小編給大家分享一下如何使用Swing動態(tài)界面設(shè)計技術(shù),相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu),我們在業(yè)內(nèi)良好的客戶口碑。成都創(chuàng)新互聯(lián)公司提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計、網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運(yùn)營等一系列服務(wù),幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價值。

Swing 工具包提供各種用于創(chuàng)建用戶界面的工具和幾乎令人眼花繚亂的選項(xiàng),這些選項(xiàng)用于在程序生存期間修改界面。小心地使用這些功能可以導(dǎo)致界面能夠適應(yīng)用戶的需要并簡化交互過程。粗心地使用同樣的功能可以導(dǎo)致非?;靵y或徹底不可用的程序。本文介紹Swng動態(tài)界面設(shè)計的技術(shù)和體系,并提供有關(guān)構(gòu)建有效的界面的幫助。您將修改隨 Sun JDK 一起提供的基于 SwingSet2 示例應(yīng)用程序的源代碼;此應(yīng)用程序的 UI 使用許多動態(tài)的特性并且可以作為理解它們的極好的起點(diǎn)。

禁用小部件

Swing動態(tài)界面設(shè)計的最簡單形式是使不可用的菜單項(xiàng)或按鈕變灰的 UI。禁用 UI 小部件與禁用所有小部件的方法都是相同的。setEnabled() 函數(shù)是 Component 類的一個功能。清單 1 顯示了禁用按鈕的代碼:

清單 1. 禁用按鈕

1 button.setEnabled(false);

正如您看到的,十分簡單。關(guān)鍵問題是何時應(yīng)該 啟用或禁用一個按鈕。通常的設(shè)計決策是當(dāng)按鈕不可用時禁用它。例如,當(dāng)一個文件從上一次保存以來還沒有被修改時,很多程序禁用 Save 按鈕(以及任何相應(yīng)的菜單項(xiàng))。

關(guān)于禁用按鈕的重要警告是要記住在適當(dāng)?shù)臅r候重新啟用它們。例如,如果在單擊按鈕和按鈕的動作完成之間有一個確認(rèn)步驟,即使確認(rèn)失敗也應(yīng)該重新啟用按鈕。

調(diào)整范圍

有時,應(yīng)用程序需要動態(tài)地調(diào)整數(shù)值小部件的范圍,例如 Spinner 或者 Slider。這可能比它看起來要復(fù)雜許多。特別是 Slider 有二級功能 —— 刻度、刻度間隔和標(biāo)簽 —— 這些可能需要隨著范圍的調(diào)整而加以調(diào)整以避免災(zāi)難發(fā)生。

SwingSet2 示例沒有進(jìn)行任何一項(xiàng)調(diào)整,所以您需要通過把 ChangeListener 連接到一個可以修改其他滑塊的滑塊來修改它。輸入新的 SliderChangeListener 類, 如清單 2 所示:

清單 2. 更改滑塊的范圍

1 class SliderChangeListener implements ChangeListener {  2        JSlider h;  3   4        SliderChangeListener(JSlider h) {  5               this.h = h;  6        }  7   8        public void stateChanged(ChangeEvent e) {  9            JSlider js = (JSlider) e.getSource();  10            int i = js.getValue();  11            h.setMaximum(i);  12            h.repaint();  13        }  14 }

當(dāng)創(chuàng)建第三個水平滑塊時(最初示例中的滑塊在每個單位處帶有標(biāo)記,在 5、10 和 11 等處帶有標(biāo)簽), 另外還創(chuàng)建了一個新的 SliderChangeListener,它把滑塊作為構(gòu)造器參數(shù)傳遞。當(dāng)創(chuàng)建第三個垂直的滑塊(范圍從 0 到 100)時,新的 SliderChangeListener 作為變更監(jiān)聽器添加到它。這大致按預(yù)期的那樣工作:調(diào)整垂直滑塊改變了水平滑塊的范圍。

不幸的是,刻度和標(biāo)簽根本不能很好地工作。當(dāng)范圍變得不是太大時,每五個刻度處的標(biāo)簽?zāi)苷_地工作,但是刻度 11 處的額外標(biāo)簽很快成為一個可用性問題,如圖 1 所示:

圖 1. 一起運(yùn)行的標(biāo)簽

如何使用Swing動態(tài)界面設(shè)計技術(shù)

更新刻度和標(biāo)簽

在Swing動態(tài)界面設(shè)計時,明顯的解決方案是,只要滑塊的***值被更新,就在水平滑塊上簡單地設(shè)置刻度間隔,如清單 3 所示:

清單 3. 設(shè)置刻度間隔

1 // DOES NOT WORK 2 int tickMajor, tickMinor;  3 tickMajor = (i > 5) ? (i / 5) : 1;  4 tickMinor = (tickMajor > 2) ?  (tickMajor / 2) : tickMajor;  5 h.setMajorTickSpacing(tickMajor);  6 h.setMinorTickSpacing(tickMinor);  7 h.repaint();

目前清單 3 是正確的,但是它沒有引起畫在屏幕上的標(biāo)簽的任何變化。必須使用 setLabelTable() 分別設(shè)置標(biāo)簽。 添加額外一行修復(fù)它:

1 h.setLabelTable(h.createStandardLabels(tickMajor));

這仍然出現(xiàn)在刻度 11 處存在最初設(shè)置的標(biāo)簽這樣的錯誤。當(dāng)然本來的意圖是想在滑塊的最右端始終有一個標(biāo)簽??梢酝ㄟ^刪除舊的標(biāo)簽(在設(shè)置新的***值之前)然后添加一個新的標(biāo)簽達(dá)到這一目的。此代碼 “幾乎” 可以工作:

清單 4. 替換標(biāo)簽

1 public void stateChanged(ChangeEvent e) {  2        JSlider js = (JSlider) e.getSource();  3        int i = js.getValue();  4   5        // clear old label for top value  6        h.getLabelTable().remove(h.getMaximum());  7   8        h.setMaximum(i);  9   10        int tickMajor, tickMinor;  11        tickMajor = (i > 5) ? (i / 5) : 1;  12        tickMinor = (tickMajor > 2) ? (tickMajor / 2) : tickMajor;  13        h.setMajorTickSpacing(tickMajor);  14        h.setMinorTickSpacing(tickMinor);  15        h.setLabelTable(h.createStandardLabels(tickMajor));  16        h.getLabelTable().put(new Integer(i),  17        new JLabel(new Integer(i).toString(), JLabel.CENTER));  18        h.repaint();  19 }

如果我已經(jīng)告訴過您一次,那么我就已經(jīng)告訴您兩次了。

我使用幾乎 的意思是,雖然清單 4 中的代碼刪除了刻度 11 處的標(biāo)簽,但是它沒有在刻度 i 處添加新標(biāo)簽;相反,只能看到間隔為 tickMajor 的標(biāo)簽。首先此解決方法相當(dāng)令人討厭:

清單 5. 強(qiáng)迫顯示更新

1 h.setLabelTable(h.getLabelTable());

這個看起來無意義的操作實(shí)際上有重大的作用。每當(dāng)設(shè)置標(biāo)簽表時就生成滑塊的標(biāo)簽。沒有為了修改對表進(jìn)行特殊回調(diào),所以添加到表中的新值不必產(chǎn)生效果;很顯然,清單 5 中的空操作具有使 Swing 知道它必須更新顯示的副作用。(以免您認(rèn)為這是我自己發(fā)明的,請注意最初的 SwingSet 代碼包括這樣一個調(diào)用。)

這只留下了一個問題。標(biāo)簽出現(xiàn)在滑塊的末端這個非常合理的期望有時使兩個標(biāo)簽互相直接相鄰,乃至重疊,如圖 2 所示:

圖 2. 滑塊末端的重疊標(biāo)簽

如何使用Swing動態(tài)界面設(shè)計技術(shù)

很多解決此問題的方法都是可行的。編寫自己的代碼以使用值來填充標(biāo)簽表并停止以前的序列以便序列中的***標(biāo)簽與滑塊的末端有一些隔離。我將把這個作為作業(yè)留給您。

在許多情況下,為了啟用和禁用菜單項(xiàng)而限制菜單修改是很實(shí)際的。此方法容易受到用于禁用項(xiàng)的常規(guī)警告的影響:避免由于偶然地禁用重要項(xiàng)而使程序處于不可用狀態(tài)。

添加或刪除菜單項(xiàng)或子菜單也是可能的。修改 JMenuBar 沒有這么容易;沒有從工具欄上刪除和替換單個菜單的接口。如果您想修改工具欄(而不是向最右端添加菜單),需要制作一個新的工具欄并用它替換舊的工具欄。

修改單個菜單會立即生效;您不必在將菜單連接到工具欄或另一個菜單之前構(gòu)建一個菜單。當(dāng)需要修改菜單選項(xiàng)的選擇時,最容易的方法是修改選定的菜單。您可能仍然想添加或刪除完整的菜單,并且這么做并不是特別難。清單 6 顯示一個將菜單插入到菜單條中給定索引前的方法的簡單示例。此示例假定要替換的 JMenuBar 連接到 JFrame 對象,但是任何能使您獲得和設(shè)置菜單條的東西的工作方式都是一樣的:

清單 6. 把一個菜單插入到菜單條中

1 public void insertMenu(JFrame frame, JMenu menu, int index) {  2        JMenuBar newBar = new JMenuBar();  3        JMenuBar oldBar = frame.getJMenuBar();  4        MenuElement[] oldMenus = oldBar.getSubElements();  5        int count = oldBar.getMenuCount();  6        int i;  7   8        for (i = 0; i < count; ++i) {  9               if (i == index)  10                      newBar.add(menu);  11               newBar.add((JMenu) oldMenus[i]);  12        }  13        frame.setJMenuBar(newBar);  14 }

上面的代碼我不是開始時就試圖編成這樣;這是最終的版本,已經(jīng)很好地修復(fù)過了所以它能夠運(yùn)行并反映一些有趣的怪事。初看起來,實(shí)現(xiàn)此功能的明顯方法似乎應(yīng)該是使用 getComponentAtIndex(),但是這種方法已經(jīng)受到了反對。幸運(yùn)的是,getSubElements() 已經(jīng)足夠好。為 newBar.add() 而進(jìn)行到 JMenu 的強(qiáng)制類型轉(zhuǎn)換可能是安全的,但是我不喜歡這樣。getSubElements() 接口不僅對菜單條而且對菜單進(jìn)行操作,菜單可能具有幾種類型的子元素,JMenu 是可以添加到 JMenuBar 的惟一元素。所以必須把元素強(qiáng)制轉(zhuǎn)換為 JMenu 以把它傳遞到 JMenuBar.add() 方法。不幸的是,如果將來的 API 修訂版允許將除 JMenu 類型之外的元素添加到 JMenuBar,就不再需要把返回的元素強(qiáng)制轉(zhuǎn)換 JMenu了。

清單 6 中的代碼反映了另外一個相當(dāng)微妙的界面怪事;菜單數(shù)必須提前緩存起來。當(dāng)把菜單添加到新的菜單條時,它們從舊的菜單條中被刪除。雖然看起來相似,但是清單 7 中的代碼不能工作,因?yàn)檠h(huán)提前結(jié)束了:

清單 7. 循環(huán)結(jié)束太早

1 // DOES NOT WORK 2 for (i = 0; i < oldBar.getMenuCount(); ++i) {  3        if (i == index)  4               newBar.add(menu);  5        newBar.add((JMenu) oldMenus[i]);  6 }

清單 7 中的循環(huán)只復(fù)制一半數(shù)量的菜單。例如,如果開始菜單條上有 4 個 菜單,它復(fù)制前面的兩個菜單。復(fù)制完***個菜單以后, i 的值為 1 并且 getMenuCount() 返回 3;在復(fù)制完第二個菜單以后,i 的值為 2 并且 getMenuCount() 返回 2,因此循環(huán)結(jié)束。我沒有找到任何介紹通過向菜單條添加菜單從而從另一個菜單條刪除菜單這樣的特性的文檔,因此可能不是有意這樣。但是,它很容易達(dá)到這個目的。

從菜單條刪除菜單稍微容易一些;只是把所有其他的菜單從舊的菜單條復(fù)制到新的菜單條,就完成了刪除菜單。很容易!

如果界面使用了很多動態(tài)菜單更新,創(chuàng)建一組菜單條并在它們之間切換而不是一直動態(tài)地更新它們也許會更好一些。但是,如果如此快地改變菜單,可能會使用戶完全發(fā)瘋。

勘誤:在本文的草稿階段,我忽略了 JMenuBar 類的繼承方法的列表。其實(shí),它有 remove 和 add 方法可以用來在指定的索引處進(jìn)行刪除和插入。另外一個教訓(xùn)是:查看繼承的方法而不僅僅是特定于類的方法。

調(diào)整窗口大小

所幸的是對于大多數(shù)情況,窗口大小調(diào)整是自動進(jìn)行的。但是需要考慮調(diào)整大小產(chǎn)生的一些影響。在非常小的窗口中,按鈕條、菜單條和類似功能可能變成有問題的。管理程序自身的圖形面板需要響應(yīng)調(diào)整大小事件。讓 Swing 處理對 UI 元素的包裝,但是要密切注視組件的大小;不要獲取一次組件的尺寸然后就一直使用這些值。

更微妙的地方是,一些設(shè)計決策(例如滑塊上刻度的密度)可能被適度地更新以響應(yīng)窗口大小調(diào)整事件。100 像素寬度的滑塊不能具有像 400 像素寬度的滑塊那樣多的可讀標(biāo)簽。您可能想通過添加全新的有用功能來讓 UI 更進(jìn)一步用在大型顯示器上。

但是,在多數(shù)情況下,可以忽略窗口大小調(diào)整。您不應(yīng)該做的是不必要地阻止或重寫它。布局代碼中的窗口一側(cè)的便捷工具不是必需的。最小的窗口大小可能是無可厚非的,但是要讓人們能把窗口調(diào)整到他們所需要的大小。

一般原則

Swing 工具包在Swing動態(tài)界面設(shè)計方面提供了很大的靈活性。如果小心地使用,動態(tài)更新界面的選項(xiàng)能夠極大地簡化該界面;例如,只有應(yīng)用菜單的選項(xiàng)時,用戶才能容易地顯示菜單。不幸的是,一些 API 的特性可能使此方法產(chǎn)生一些離奇的行為,并且副作用和相互影響并不總是像您期望的那樣記錄下來。如果您有使用動態(tài)界面的想法,就要準(zhǔn)備在調(diào)試上花費(fèi)一些額外的時間。您可能從 Swing 庫的困境中走出來并發(fā)現(xiàn)自己需要處理出人意料的行為和/或 bug。

不要讓缺乏明顯的實(shí)現(xiàn)讓您氣餒。像本文的 JMenuBar 示例所顯示的,即使當(dāng) API 不支持某個任務(wù)時,您也能自己實(shí)現(xiàn)它,雖然有一點(diǎn)間接。盡量不要走極端。當(dāng)動態(tài) UI 讓用戶清楚它們的固有限制時,它們才能***地發(fā)揮作用。理想的情況是,用戶甚至可能不會注意到界面變化。如果他們能夠使用程序的 Object 菜單的惟一時刻是當(dāng)他們使某個對象被選擇時,那么其余的時間他們將不會介意不存在該菜單。

另一方面,如果存在這種可能性:用戶不能猜測出一個選項(xiàng)不可用的原因,這時讓用戶嘗試操作并獲得包含信息的消息也許會更好。這對于一些操作尤其重要。如果保存選項(xiàng)被禁用,而我想保存數(shù)據(jù),那么這不會發(fā)生作用。程序可能認(rèn)為已經(jīng)保存了數(shù)據(jù),但是為什么不讓我無論如何都保存它呢?如果存在不能保存文件的特殊原因,我可能想知道是什么原因。

盡管研究了很多年,界面設(shè)計在很多方面仍舊是一個較新的領(lǐng)域,只進(jìn)行了很少的試驗(yàn)。Swing動態(tài)界面設(shè)計是一個很好的特性,能夠使 UI 更清晰、更簡單和反應(yīng)更迅速。添加動態(tài)特性需要從幾分鐘的工作到大量時間的花費(fèi)不等。

以上是“如何使用Swing動態(tài)界面設(shè)計技術(shù)”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

本文標(biāo)題:如何使用Swing動態(tài)界面設(shè)計技術(shù)
文章來源:http://muchs.cn/article16/jpdcgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化商城網(wǎng)站、網(wǎng)站設(shè)計、定制開發(fā)微信公眾號、建站公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)