posts - 28, comments - 27, trackbacks - 0, articles - 0
            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理
          首先是一個(gè)效果圖:

          login.JPG

          為了不違反保密協(xié)議,偶在這里把logo和相關(guān)的東西都涂掉了,希望不會(huì)讓人覺得難看....

          ok,下面就開始講述偶的coding過程:

          首先捏,Dialog是分為三部分的,Window Title Bar,Content Area和Button Bar

          這里的Window Title Bar素很難改動(dòng)滴,偶也米改....而接下來的ContentArea和ButtonBar因?yàn)樗胤殖蓛山氐危跃鸵岩粡埍尘皥D片拆成兩截,分別設(shè)置成ContentArea和ButtonBar的背景圖片鳥~~~
          ????protected?Control?createDialogArea(Composite?parent)?{
          ??????? Composite?composite?=?(Composite)?super.createDialogArea(parent);
          ????????composite.setBackgroundImage(backgroundImage);
          ??????? .......
          ??? }

          ??? protected?Control?createButtonBar(Composite?parent)?{
          ??????? Control?composite?
          =?super.createButtonBar(parent);
          ????????composite.setBackgroundImage(backgroundBtmImage);
          ??????? .......
          ???????
          return?composite;
          ????}

          當(dāng)然,僅僅做到這些還是遠(yuǎn)遠(yuǎn)不夠滴,不信,你看~~~

          login2.JPG

          看到效果了咩....接下來偶們要做滴就是解決掉背景的問題,因?yàn)檫@個(gè)對(duì)話框里面沒有Table、Tree之類的控件,于是在createDialogArea()方法中加入一行:

          composite.setBackgroundMode(SWT.INHERIT_DEFAULT);

          我們?cè)賮砜纯锤淖兒蟮男Ч?br />
          login3.JPG

          如上圖所示,介個(gè)ContentArea的背景問題已經(jīng)解決鳥,下面就素重中之重滴ButtonArea鳥~~~讓我們打開Dialog的源代碼,看一下createButtonBar()的部分,就可以發(fā)現(xiàn)里面有兩行:

          ????????GridData?data?=?new?GridData(GridData.HORIZONTAL_ALIGN_END
          ????????????????
          |?GridData.VERTICAL_ALIGN_CENTER);
          ????????composite.setLayoutData(data);

          介樣子怎么能行捏,偶們需要讓介個(gè)Composite填滿整個(gè)DialogArea,這樣子才可以顯示出整個(gè)背景圖片,所以偶們就要在重寫后的方法中加入下面一行代碼:

          composite.setLayoutData(new?GridData(SWT.FILL,?SWT.TOP,?false,?false));

          現(xiàn)在讓偶們?cè)賮砜纯催\(yùn)行后的結(jié)果:

          login4.JPG

          為什么會(huì)素介個(gè)樣子捏?即使素把layout改成SWT.RIGHT,也不會(huì)改變介個(gè)結(jié)果...偶快要郁悶滴抓狂鳥.....

          經(jīng)過漫長(zhǎng)滴測(cè)試,偶終于發(fā)現(xiàn)鳥,如果控件滴layoutData不grabExcessSpace的話,那么現(xiàn)在滴DialogArea的Composite實(shí)際大小就素兩個(gè)Button加起來滴大小,所以無論如何也素不會(huì)居右對(duì)齊滴....介可怎么辦捏.....如果去重寫createButton方法滴話,那介個(gè)dialog滴代碼可就太丑陋鳥....

          在一個(gè)偶然滴機(jī)會(huì)下,偶終于發(fā)現(xiàn)鳥SWT.RIGHT_TO_LEFT !!!偶依稀見到鳥燦爛滴曙光!8過Composite的style素在創(chuàng)建時(shí)指定的,似乎米辦法在后面覆蓋,所以偶們只好整個(gè)滴把createButtonBar重寫掉鳥~~~

          ????protected?Control?createButtonBar(Composite?parent)?{
          ????????Composite?composite?
          =?new?Composite(parent,?SWT.RIGHT_TO_LEFT
          ????????????????
          |?SWT.NONE);
          ????????
          //?create?a?layout?with?spacing?and?margins?appropriate?for?the?font
          ????????
          //?size.
          ????????GridLayout?layout?=?new?GridLayout();
          ????????layout.makeColumnsEqualWidth?
          =?true;
          ????????layout.marginWidth?
          =?convertHorizontalDLUsToPixels(IDialogConstants.HORIZONTAL_MARGIN);
          ????????layout.marginHeight?
          =?convertVerticalDLUsToPixels(IDialogConstants.VERTICAL_MARGIN);
          ????????layout.horizontalSpacing?
          =?convertHorizontalDLUsToPixels(IDialogConstants.HORIZONTAL_SPACING);
          ????????layout.verticalSpacing?
          =?convertVerticalDLUsToPixels(IDialogConstants.VERTICAL_SPACING);
          ????????layout.marginLeft?
          =?10;
          ????????composite.setLayout(layout);
          ????????GridData?data?
          =?new?GridData(SWT.FILL,?SWT.TOP,?false,?false);
          ????????composite.setLayoutData(data);
          ????????composite.setFont(parent.getFont());

          ????????
          //?Add?the?buttons?to?the?button?bar.
          ????????createButtonsForButtonBar(composite);
          ??????? composite.setBackgroundImage(backgroundBtmImage);
          ????????
          return?composite;
          ????}

          在上面的代碼中,偶除了對(duì)偶所提到的地方進(jìn)行了修改以外,還加上鳥一行: layout.marginLeft?=?10;

          介個(gè)素因?yàn)槿绻疫吘噙^小滴話,背景圖片就會(huì)被覆蓋掉一些,而因?yàn)榕紓冇玫进B
          SWT.RIGHT_TO_LEFT,所以應(yīng)當(dāng)設(shè)置marginLeft滴值 :-)

          還有一點(diǎn)素8能忘記滴,就素要重寫一下setButtonLayoutData(Button button)方法,因?yàn)榕紓円袯utton改成居右對(duì)齊:

          ????protected?void?setButtonLayoutData(Button?button)?{
          ????????GridData?data?
          =?new?GridData(SWT.RIGHT,?SWT.CENTER,?false,?false);
          ????????
          int?widthHint?=?convertHorizontalDLUsToPixels(IDialogConstants.BUTTON_WIDTH);
          ????????Point?minSize?
          =?button.computeSize(SWT.DEFAULT,?SWT.DEFAULT,?true);
          ????????data.widthHint?
          =?Math.max(widthHint,?minSize.x);
          ????????button.setLayoutData(data);
          ????}

          然后再在createButtonsForButtonBar()方法中,把創(chuàng)建按鈕的順序改變一下,偶們就可以看到最開始滴那張美麗滴對(duì)話框鳥~~~雖然被偶涂改滴有些不美麗鳥~~~

          現(xiàn)在還有個(gè)小小滴問題就素按鈕距離底端滴黑框太近鳥~~介個(gè)素因?yàn)椋閭€(gè)Composite只有一行,所以要改變按鈕距離底端滴距離,那么DialogArea滴大小就要跟著改變,而現(xiàn)在偶們滴DialogArea所需要滴背景圖片還米改好,于是只有這樣鳥~~~大家應(yīng)該知道在哪里設(shè)置底邊的邊距吧?就素createButtonBar方法中滴那個(gè)layout.marginHeight =xxx :)

          最后別忘了,整個(gè)對(duì)話框的高度,應(yīng)該是Window Title Bar,Content Area和Button Bar三部分滴和。

          偶已經(jīng)說完鳥,如果覺得偶滴介篇文章對(duì)你有些幫助的朋友,請(qǐng)去支持一下偶們美麗可愛滴靚穎同學(xué)滴新專輯The One吧:)多謝!

          評(píng)論

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2006-10-17 10:05 by wolfsquare
          這是在寫技術(shù)文章,還是小學(xué)生作文?

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2006-10-17 11:43 by 小小涼粉
          偶只素想寫滴淺顯易懂一些.....

          wolfsquare對(duì)什么地方不滿意?

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2006-10-17 11:45 by 小小涼粉
          偶介個(gè)米深度咩?

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2006-10-17 14:53 by nickey
          能不能說中文?

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2006-10-17 20:05 by 慈悲魚
          覺得作者說話怪,是不是我太老了

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2006-10-17 21:45 by 小小涼粉
          作技術(shù)的人,也要關(guān)注一下流行好不好...

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2006-10-18 14:54 by 123bingbing
          增開7群,號(hào)碼 30440732
          8群 30756649
          9群 30178567
          10群 28694497

          我們的qq群:15096318 學(xué)習(xí)程序的都可以來

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框[未登錄]  回復(fù)  更多評(píng)論   

          2008-05-05 09:52 by an
          不知所云~

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2008-05-16 17:44 by WHAPPLEKING
          實(shí)在太感謝了,要不我死也弄不出來啊

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框[未登錄]  回復(fù)  更多評(píng)論   

          2008-08-21 16:49 by 路人乙
          不錯(cuò) 贊

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2008-09-28 23:02 by 桃花島主
          你的文章還是不錯(cuò)的,但通俗易懂也不是這樣寫呀,請(qǐng)把 捏鳥 之類的去掉啊,我看著頭疼,真的.我都是煞眉頭看的.因?yàn)檫@并不是網(wǎng)絡(luò)語言,根本就是你們地方土話啊!

          # re: [rcp系列]用RCP做出漂亮的對(duì)話框  回復(fù)  更多評(píng)論   

          2011-11-25 11:41 by shenfx
          看完我整個(gè)人都鳥了~

          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 绩溪县| 齐齐哈尔市| 曲阳县| 宜章县| SHOW| 昌都县| 长乐市| 利川市| 高要市| 宁远县| 兰考县| 林口县| 镇安县| 淮滨县| 山西省| 梓潼县| 蚌埠市| 黔西| 岳阳县| 池州市| 白玉县| 安远县| 陕西省| 龙山县| 永平县| 河津市| 莱阳市| 定日县| 博客| 西盟| 沈阳市| 乐亭县| 交城县| 安达市| 永泰县| 刚察县| 丽江市| 德格县| 灌南县| 棋牌| 三台县|