VB介面一點美化技巧

2021-04-19 20:56:33 字數 2571 閱讀 1720

vb介面技巧(一)

用了2年的vb,面對著越來越多的介面漂亮的程式,我問自己:為什麼我開發的程式的介面沒有那麼漂亮?不能老是說:「程式的重點是功能,而不是介面」,那是欺騙自己的做法。為了進一步掌握vb的介面設計技巧,我進行了分析和實驗,並將結果總結出來,以利於大家參考。(本文重點放在介面上,不是說程式的功能不重要,不要引起誤解。)

一、了解介面所涉及到的元素

當我們驚嘆於乙個漂亮的程式介面時,吸引我們眼球的,到底時什麼?不過是:色調和形狀。色調,主要指各種顏色的搭配,可以利用背景和漸變填充效果獲的更豐富的視覺效果。形狀,主要指窗體的位置控制和外部輪廓控制,經常涉及到不外乎:磁性窗體,異形窗體,可變窗體,自動隱藏。在vb中,主要體現在乙個物件的外觀、位置、字型這幾類屬性上。下面,我們針對以上元素,充分挖掘vb的潛力,看看如何利用vb設計漂亮的介面。同時,我們還要考慮如何使這種方法程式化,以便於日後的運用。

在做進一步分析之前,我們要遵從乙個約定,即:盡可能利用vb本身提供的功能。

好了,我們開始吧。

二、程式介面設計思路

這一點很重要,不管是開發較大的工程專案,還是做很小的實用工具,我們往往習慣於忽略掉程式介面設計這個環節,在經過軟體分析和設計(主要是資料結構)後,便匆忙開始編寫各各功能模組,當然,相應的介面元素也就隨手建立了。等各部分**都除錯通過了,要發布軟體時,我們才會發現:自己的姑娘雖然內秀,卻面貌醜陋。於是,趕緊做做美容。這樣出來的程式,介面一般都很普通,是windows的標準風格。物以稀為貴,天天見到windows標準風格的程式,就不稀罕了。要做出漂亮的程式介面,首先,我們得重視它,要把程式的介面設計當做乙個必要環節來執行。好了,這一點很容易,拿起photoshop或者3dmax吧,做好程式的介面設計。(如何利用photoshop或者3dmax等工具設計程式介面的細節就省略了。)

三、如何將設計好的程式介面和程式結合起來?

首先,要熟悉vb常用控制項的介面屬性,也就是每個物件的外觀屬性,在vb6的屬性欄中,選擇按分類排序,可以看到該物件所支援的外觀屬性。下面以十分常用的幾個控制項為例,逐個考慮其介面相關的屬性。

1、form物件。

外觀:2)backcolor:返回或設定物件的背景顏色。可以選擇使用系統外觀顏色和調色盤顏色。

4)borderstyle:返回或設定物件的邊框樣式。對 form 物件和 textbox 控制項在執行時是唯讀的。 其中,設定為0,即無邊框,則整個窗體可由我們來從新規劃設計其布局。注意:將窗體物件的caption設定為空,並將controlbox屬性設定為false,也可以去掉標題欄。

5)fillstyle:如果 fillstyle 設定為 1(透明),則忽略 fillcolor 屬性,但是 form 物件除外

6)返回或設定用於填充形狀的顏色:fillcolor 也可以用來填充由 circle 和 line 圖形方法生成的圓和方框。

位置:1)width,height:窗體的外部高度和寬度,包括邊框和標題欄,以緹來度量。通過twipsperpixelx、twipsperpixely ,我們可以用熟悉的畫素單位來控制窗體的大小。比如:form.width=800*twipsperpixelx,將窗體的寬度設定成800畫素。

2)left:返回或設定物件內部的左邊與它的容器的左邊之間的距離。

3)top:返回或設定物件的內頂部和它的容器的頂邊之間的距離。

4)startupposition:返回或設定乙個值,指定物件首次出現時的位置,執行時不能使用。

總結:通過控制窗體以及窗體上的控制項,可以縮放窗體。

字型:1)通過漂亮的字型,也可輕易獲得一些特殊效果。

總結:窗體的字型設定好以後,後來在該窗體上建立的一些控制項會自動繼承其字型屬性,利用這一點,可以提高我們的開發效率。

2、lable物件,

基本上和form物件的介面屬性類似,關鍵是backstyle比較重要,其透明屬性對於製作漂亮的介面很方便。

3、commandbutton物件,

基本上和form物件的介面屬性類似,關鍵是style比較重要,將style設定為:graphical,便可以支援圖形,有利於製作漂亮的介面。

4、image和picture物件,

顧名思義,這兩各對像本身就很適合於製作漂亮的圖形介面。

5、frame物件,

通過將其borderstyle設定為:none,可以去掉邊框,然後,結合image控制項,可以實現圖形化。

6、checkbox和option對像,  

都可通過其style屬性,將其設定為支援圖形的方式,從而適合於美化介面。

7、其他物件:

除了上面提到的幾個常用物件之外,還有許多其他的物件,我們也可充分利用其外觀屬性,使其更漂亮,但你很快就會發現,很多物件是不支援圖形的,甚至有些物件的某些部分連背景顏色也不可以改變。比如:filelistbox的垂直滾動條,預設的顏色就是灰色,無法直接改變。

8、vb本聲提供的microsoft forms 2.0 libarary 控制項,也對介面美化提供了強有力的支援。

設想:有沒有乙個**控制項?它可以遮蓋住所有放在它下面的控制項,但又不搶先獲得焦點?當然,即使沒有這樣的控制項,我們也可以通過imgage控制項實現這種想法。我們可以用image控制項來將使用者的操作傳遞給被image控制項覆蓋的部分。

知道了這些,我們應該可以全面地設計vb的介面了。下面是我利用以上特點,用vb製作的程式介面

一點學習技巧

學習乙個新東西或者說要掌握乙個東西,要先理清他的脈絡,結構,做到心中有數,然後再就揪細節。就像高中時候寫作文一樣,我的文章 都是議 結構基本是一成不變的。總分總,分的中間,又是排比段落,總結,排比段落,總結。確認好主題,就是忘裡面填東西,所以只要有素材,寫作文特別快。同樣的,到了乙個新城市,你想要快...

索引使用 一點技巧

user info 表中 欄位user no 建立了索引,而且索引的區分度很高,一直報慢查詢,檢視執行計畫發現一直不走索引。原因 user info 表中的user no 為varchar型別,但是查詢條件中是數值型,這種情況下會導致索引失效,將語句修改為 select from user info...

又一點字型美化

serif的意思是,在字的筆畫開始及結束的地方有額外的裝飾,而且筆畫的粗細會因直橫的不同而不同。sans serif則沒有這些額外的裝飾,筆畫的粗細大致差不多。monospace的意思就是等寬字型了。我們平時所用的georgia times new roman等就屬於serif字型,而arial t...