Java界面設(shè)計(jì)應(yīng)該是一項(xiàng)充滿(mǎn)創(chuàng)造性、富有樂(lè)趣的工作，但是卻往往被認(rèn)為非常的枯燥和繁瑣。究其原因，是因?yàn)榻缑娌季诸I(lǐng)域所采用的描述概念和具體的實(shí)現(xiàn)語(yǔ)言之間存在很大的語(yǔ)義隔閡。而一般的界面開(kāi)發(fā)工具提供的所見(jiàn)即所得以及界面布局管理器等方案也無(wú)法很好地解決這個(gè)問(wèn)題。
　   在本文中，我們會(huì)給出一種更好的解決方案，我們不是去試圖把界面設(shè)計(jì)者頭腦中的設(shè)計(jì)概念和樣式逐步降級(jí)、分解成所使用的實(shí)現(xiàn)語(yǔ)言能夠理解的低層概念，也不是提供一些已經(jīng)完成的、確定的但難以擴(kuò)充和更改的布局樣式庫(kù)供界面設(shè)計(jì)者使用。我們所提供的是一種專(zhuān)門(mén)用于描述高層界面設(shè)計(jì)樣式的語(yǔ)言。通過(guò)這種語(yǔ)言，界面設(shè)計(jì)者可以直接、明確地描述出他們頭腦中的布局設(shè)計(jì)樣式；通過(guò)這種語(yǔ)言，界面設(shè)計(jì)者可以自己方便地、靈活地制定自己需要的布局樣式。此外，本文中給出的設(shè)計(jì)思想對(duì)于其他領(lǐng)域的設(shè)計(jì)也有很好的借鑒作用。
　　創(chuàng)造性，還是乏味？
　　界面設(shè)計(jì)是一項(xiàng)非常有創(chuàng)造性，甚至富有藝術(shù)性的工作，一個(gè)簡(jiǎn)潔、易用、漂亮的界面在帶給使用者方便的同時(shí)，也會(huì)給界面設(shè)計(jì)者帶來(lái)極大的成就感。但是，在現(xiàn)實(shí)中，情況似乎并非如此，很多人都認(rèn)為做界面是一項(xiàng)非常繁瑣、機(jī)械、乏味的工作，并千方百計(jì)地去逃避界面相關(guān)的工作。這是為什么呢？
　　原因很簡(jiǎn)單，因?yàn)樽鼋缑嫫鋵?shí)涉及兩項(xiàng)工作，一項(xiàng)是界面的一些設(shè)計(jì)創(chuàng)意，包括界面的布局樣式以及和使用者的交互方式，這項(xiàng)工作充滿(mǎn)挑戰(zhàn)和樂(lè)趣。但是，這些設(shè)計(jì)創(chuàng)意最終是要落實(shí)到實(shí)現(xiàn)上的，這就是第二項(xiàng)工作。此時(shí)，你頭腦中那些清晰、完整的設(shè)計(jì)概念開(kāi)始變得瑣碎，你不得不和那些低層次的坐標(biāo)位置打交道。更糟糕的是，當(dāng)你好不容易做好了一個(gè)界面，但是發(fā)現(xiàn)其中某些元素的布局需要一些調(diào)整時(shí)，這個(gè)你本應(yīng)認(rèn)為是一個(gè)很簡(jiǎn)單的改變卻造成大量重復(fù)的低層次坐標(biāo)位置更改時(shí)，你肯定會(huì)認(rèn)為做界面是多么的機(jī)械和乏味呀！
　　其實(shí)，造成這種認(rèn)識(shí)的根源在于界面設(shè)計(jì)創(chuàng)意和實(shí)現(xiàn)這些創(chuàng)意概念的語(yǔ)言之間存在很大的斷層。這樣，在具體實(shí)現(xiàn)時(shí)，你就必須得把這些清晰、完整的布局樣式降級(jí)成一些瑣碎、沒(méi)有什么意義的低層次的坐標(biāo)值，使得實(shí)現(xiàn)語(yǔ)言能夠理解。這項(xiàng)工作不僅乏味，而且最終的實(shí)現(xiàn)也非常的脆弱 —— 一個(gè)在布局樣式層面非常簡(jiǎn)單的更改，就會(huì)造成實(shí)現(xiàn)層面的巨大變動(dòng)。比如：我們可以說(shuō)把一組元素同時(shí)按比例縮小 10%，做過(guò)界面的朋友肯定知道這個(gè)更改意味著什么。
　　為了應(yīng)對(duì)這個(gè)斷層的問(wèn)題，目前幾乎所有的涉及界面制作的開(kāi)發(fā)工具都提供了相同的解決方法：可視化的界面設(shè)計(jì)工具以及布局管理器。但是這兩種方法都沒(méi)有從根本上解決這個(gè)問(wèn)題。
　　可視化界面設(shè)計(jì)工具確實(shí)避免了不少繁瑣的界面元素?cái)[放工作，但是對(duì)于專(zhuān)業(yè)的界面設(shè)計(jì)來(lái)說(shuō)，通過(guò)拖放設(shè)計(jì)出來(lái)的界面在準(zhǔn)確度和規(guī)范性上都有待提高，此外還有更為重要的一點(diǎn)，那就是存在于設(shè)計(jì)者頭腦中的布局樣式仍然沒(méi)有被明確地描述出來(lái)，而是被降級(jí)成一個(gè)個(gè)擺放在一起的零散的組件，雖然這些組件本身是可視的。這個(gè)語(yǔ)義斷層的存在同樣會(huì)使得通過(guò)可視化界面設(shè)計(jì)工具設(shè)計(jì)出來(lái)的界面非常脆弱。
　　布局管理器試圖通過(guò)提供一些常用的布局樣式來(lái)解決這個(gè)問(wèn)題。但是，這種做法非常僵化，也就是說(shuō)你只能使用現(xiàn)有的布局管理器，如果它們無(wú)法滿(mǎn)足你的要求，你也無(wú)法自己定制。此外，這些布局管理器僅僅適合于一些簡(jiǎn)單的情況。對(duì)于一些復(fù)雜的布局樣式來(lái)說(shuō)，它們的描述能力就顯得非常的不足。那些曾經(jīng)和 GridBagLayOut 斗爭(zhēng)過(guò)的朋友對(duì)此肯定深有體會(huì)。
　　在本文中，我們會(huì)給出一種更好的解決方案，我們不是去試圖把界面設(shè)計(jì)者頭腦中的設(shè)計(jì)概念和樣式逐步降級(jí)、分解成所使用的實(shí)現(xiàn)語(yǔ)言能夠理解的低層概念，也不是提供一些已經(jīng)完成的、確定的但難以擴(kuò)充和更改的布局樣式庫(kù)供界面設(shè)計(jì)者使用。我們所提供的是一種專(zhuān)門(mén)用于描述高層界面設(shè)計(jì)樣式的語(yǔ)言。通過(guò)這種語(yǔ)言，界面設(shè)計(jì)者可以直接、明確地描述出他們頭腦中的布局設(shè)計(jì)樣式，通過(guò)這種語(yǔ)言，界面設(shè)計(jì)者可以自己方便地、靈活地制定自己需要的布局樣式。也就是說(shuō)，本來(lái)僅存在于界面設(shè)計(jì)者頭腦中的抽象布局樣式，現(xiàn)在也變得可描述，可編程了。
　　界面布局語(yǔ)言介紹
　　在學(xué)習(xí)界面布局語(yǔ)言的設(shè)計(jì)之前，先來(lái)了解一下該語(yǔ)言的使用是非常有幫助的。我們的界面布局語(yǔ)言非常簡(jiǎn)單，簡(jiǎn)單到只有一種原子：Component。Component 是一種基本的布局元素，可以對(duì) Component 進(jìn)行平移和伸縮，使其和給定的一個(gè)布局空間 Rectangle 匹配。比如對(duì)于 Button 這個(gè) Component 來(lái)講，它具有傳統(tǒng)按鈕的外觀，但是它在布局上所占的實(shí)際空間則是由為其指定的 Rectangle 決定的。此外，Component 要最終在界面上顯示出來(lái)，就必須有一個(gè)物理上的 Container。也就是說(shuō)，界面設(shè)計(jì)應(yīng)該是一項(xiàng)充滿(mǎn)創(chuàng)造性、富有樂(lè)趣的工作，但是卻往往被認(rèn)為非常的枯燥和繁瑣。究其原因，是因?yàn)榻缑娌季诸I(lǐng)域所采用的描述概念和具體的實(shí)現(xiàn)語(yǔ)言之間存在很大的語(yǔ)義隔閡。而一般的界面開(kāi)發(fā)工具提供的所見(jiàn)即所得以及界面布局管理器等方案也無(wú)法很好地解決這個(gè)問(wèn)題。
　　在本文中，我們會(huì)給出一種更好的解決方案，我們不是去試圖把界面設(shè)計(jì)者頭腦中的設(shè)計(jì)概念和樣式逐步降級(jí)、分解成所使用的實(shí)現(xiàn)語(yǔ)言能夠理解的低層概念，也不是提供一些已經(jīng)完成的、確定的但難以擴(kuò)充和更改的布局樣式庫(kù)供界面設(shè)計(jì)者使用。我們所提供的是一種專(zhuān)門(mén)用于描述高層界面設(shè)計(jì)樣式的語(yǔ)言。通過(guò)這種語(yǔ)言，界面設(shè)計(jì)者可以直接、明確地描述出他們頭腦中的布局設(shè)計(jì)樣式；通過(guò)這種語(yǔ)言，界面設(shè)計(jì)者可以自己方便地、靈活地制定自己需要的布局樣式。此外，本文中給出的設(shè)計(jì)思想對(duì)于其他領(lǐng)域的設(shè)計(jì)也有很好的借鑒作用。
　　創(chuàng)造性，還是乏味？
　　界面設(shè)計(jì)是一項(xiàng)非常有創(chuàng)造性，甚至富有藝術(shù)性的工作，一個(gè)簡(jiǎn)潔、易用、漂亮的界面在帶給使用者方便的同時(shí)，也會(huì)給界面設(shè)計(jì)者帶來(lái)極大的成就感。但是，在現(xiàn)實(shí)中，情況似乎并非如此，很多人都認(rèn)為做界面是一項(xiàng)非常繁瑣、機(jī)械、乏味的工作，并千方百計(jì)地去逃避界面相關(guān)的工作。這是為什么呢？
　　原因很簡(jiǎn)單，因?yàn)樽鼋缑嫫鋵?shí)涉及兩項(xiàng)工作，一項(xiàng)是界面的一些設(shè)計(jì)創(chuàng)意，包括界面的布局樣式以及和使用者的交互方式，這項(xiàng)工作充滿(mǎn)挑戰(zhàn)和樂(lè)趣。但是，這些設(shè)計(jì)創(chuàng)意最終是要落實(shí)到實(shí)現(xiàn)上的，這就是第二項(xiàng)工作。此時(shí)，你頭腦中那些清晰、完整的設(shè)計(jì)概念開(kāi)始變得瑣碎，你不得不和那些低層次的坐標(biāo)位置打交道。更糟糕的是，當(dāng)你好不容易做好了一個(gè)界面，但是發(fā)現(xiàn)其中某些元素的布局需要一些調(diào)整時(shí)，這個(gè)你本應(yīng)認(rèn)為是一個(gè)很簡(jiǎn)單的改變卻造成大量重復(fù)的低層次坐標(biāo)位置更改時(shí)，你肯定會(huì)認(rèn)為做界面是多么的機(jī)械和乏味呀！
　　其實(shí)，造成這種認(rèn)識(shí)的根源在于界面設(shè)計(jì)創(chuàng)意和實(shí)現(xiàn)這些創(chuàng)意概念的語(yǔ)言之間存在很大的斷層。這樣，在具體實(shí)現(xiàn)時(shí)，你就必須得把這些清晰、完整的布局樣式降級(jí)成一些瑣碎、沒(méi)有什么意義的低層次的坐標(biāo)值，使得實(shí)現(xiàn)語(yǔ)言能夠理解。這項(xiàng)工作不僅乏味，而且最終的實(shí)現(xiàn)也非常的脆弱 —— 一個(gè)在布局樣式層面非常簡(jiǎn)單的更改，就會(huì)造成實(shí)現(xiàn)層面的巨大變動(dòng)。比如：我們可以說(shuō)把一組元素同時(shí)按比例縮小 10%，做過(guò)界面的朋友肯定知道這個(gè)更改意味著什么。
　　為了應(yīng)對(duì)這個(gè)斷層的問(wèn)題，目前幾乎所有的涉及界面制作的開(kāi)發(fā)工具都提供了相同的解決方法：可視化的界面設(shè)計(jì)工具以及布局管理器。但是這兩種方法都沒(méi)有從根本上解決這個(gè)問(wèn)題。
　　可視化界面設(shè)計(jì)工具確實(shí)避免了不少繁瑣的界面元素?cái)[放工作，但是對(duì)于專(zhuān)業(yè)的界面設(shè)計(jì)來(lái)說(shuō)，通過(guò)拖放設(shè)計(jì)出來(lái)的界面在準(zhǔn)確度和規(guī)范性上都有待提高，此外還有更為重要的一點(diǎn)，那就是存在于設(shè)計(jì)者頭腦中的布局樣式仍然沒(méi)有被明確地描述出來(lái)，而是被降級(jí)成一個(gè)個(gè)擺放在一起的零散的組件，雖然這些組件本身是可視的。這個(gè)語(yǔ)義斷層的存在同樣會(huì)使得通過(guò)可視化界面設(shè)計(jì)工具設(shè)計(jì)出來(lái)的界面非常脆弱。
　　布局管理器試圖通過(guò)提供一些常用的布局樣式來(lái)解決這個(gè)問(wèn)題。但是，這種做法非常僵化，也就是說(shuō)你只能使用現(xiàn)有的布局管理器，如果它們無(wú)法滿(mǎn)足你的要求，你也無(wú)法自己定制。此外，這些布局管理器僅僅適合于一些簡(jiǎn)單的情況。對(duì)于一些復(fù)雜的布局只要給定了一個(gè) Rectangle 和一個(gè) Container，一個(gè) Component 就可以在界面上指定的布局位置呈現(xiàn)出來(lái)。
安徽新華電腦學(xué)校專(zhuān)業(yè)職業(yè)規(guī)劃師為你提供更多幫助【在線(xiàn)咨詢(xún)】