我們先用VB來編下面這個簡單的小程序，看看在VB環境下是怎麼製作的。

首先，我們按照界面的內容和風格，把控件放到窗體上

當然這個位置擺放可以按照自己的需求和喜好進行設計，設計的好不好看，要看你有沒有美感細胞了。大家不難看出，這裡面一共放了三類控件，它們分別是label控件、commandbutton控件和textbox控件，這三類控件可以實現不同的功能，大家可以慢慢積累各個控件的使用特點和方法，時間久了就可以按照需求，進行選擇相應合適的控件啦。有時有的需求不同控件也能實現相同的功能，這時選擇喜歡的風格方式即可。這三類控件分別對應下面的圖標：

再來介紹一下這三個控件的基本功能

label控件：這個控件主要是顯示信息用的，能夠顯示靜態文本信息，一般可用於提示信息，或者是標題信息。

commandbutton控件：這是個按鈕控件，主要為觸發程序用的，也就是點擊事件可以觸發執行我們編寫的程序代碼。

textbox控件：這個控件一般用來進行與用戶交互，用戶可以在文本框輸入信息，但也可以通過該控件進行顯示信息。

接下來看一下如何設置各個控件的屬性

label控件屬性：

點擊該控件事，在窗口右下角出現了label控件的屬性窗口，可以看到有很多個不同的屬性，可以對它的位置、字體、大小、文本顯示方式和顯示內容等進行相應設置，這裡面我們只是對它的caption屬性進行了設置，就是顯示的文本內容信息。大家也可以試著去改變其它屬性，看看控件會有哪些變化，就知道具體屬性都代表啥了。

commandbutton控件屬性：

從該控件的屬性窗口能夠看出與label控件大同小異，都是些最基本和常用的設置。這裡面也只是對它的caption屬性進行了設置，讓它顯示提示用戶的內容信息。

textbox控件屬性：

同樣這個控件也有它自己的屬性設置，但是這裡面顯示的信息內容就不是caption屬性了，而是text屬性，這裡面我們讓text屬性為空，讓它不顯初始信息內容。

再來看一下窗體上各個控件佈局的設置

在工具欄空白的位置右鍵選擇窗體編輯器，這樣工具欄上就出現了設置佈局的一些小圖標，可以利用這些圖標對窗體上的各個控件進行佈局的設計，可以同時選擇多個控件，統一設定它們擺放的位置和對齊方式，一頓操作猛如虎之後，整個佈局就可以設計成最開始我們展現的那個佈局風格了。

一切都準備妥當，就差編代碼了，這也是最重要的一個環節

編代碼之前，首先要明確我們的目的，我們最終是為了計算形和矩形的面積，也就是點擊不同的按鈕實現不同的操作。觸發程序運行需要按鈕控件，雙擊"計算圓面積"按鈕控件後，添加如下代碼：

這裡面的Dim r, pi, s是對變量進行定義，所有的變量定義基本都有Dim，當然，這裡面我們沒有定義變量的類型，而是系統自動根據其值進行分配，我們暫時先這樣做，日後再接觸變量的類型（如字符型、數字型等）。這裡面的r = Text1.Text，是把輸入的圓的半徑送到變量r中存儲，pi為計算圓面積的常數，可以直接進行賦值。s = pi * r * r表示圓面積的計算，這個我們在上學的時候就已經學過了。Label6.Caption = "圓的面積是：" & s，是將結果顯示給我們，當然，除了用到Label控件，我們還可以用textbox控件，都能實現顯示結果信息內容的目的，這裡面前面固定文本信息加上變量s，顯示的時候s是什麼值就會顯示什麼值。

再來看看計算矩形面積：

從代碼可以看出，它們很相似，只是公式表達試不一樣，這裡面矩形面積是a*b。

此時，這兩個控件中的代碼都加上了，可以看出代碼並不多，很簡單。

再來看一下關閉按鈕控件。

這個更簡單，雙擊關閉按鈕後，在程序中加入代碼即可，可以看到加了一個"end"代碼，它所實現的功能就是關閉窗口。

代碼搞定後，瞧瞧運行效果

首先輸入圓的半徑2.65後，點擊"計算圓面積"按鈕，則在label控件顯示了圓形面積的計算結果。

再來輸入矩形的長和寬，點擊"計算矩形面積"按鈕，則在label控件顯示了矩形面積的計算結果。

最後對界面做一個簡單的美化

將文本框的backcolor屬性改一下顏色，再將label控件的backcolor屬性改一下顏色，最後將窗體的caption屬性改一下標題。

最後變成這個樣子了下面這個樣子。

通過這個基本的小程序，大家是不是對VB編程更有信心了呢？沒錯，它就是這麼簡單，在實戰中學習，由簡單到複雜，讓你愛不釋手。

再來看一下用Visual C#怎麼來實現

先來設計界面佈局，基本和VB思路一樣，只不過控件略有不同而已，屬性的設置略有不同，但基本思路是一樣的。和VB不同的是，Visual C#的界面佈局調整要比VB靈活的多，在這方面VB是遠不如Visual C#的，一切鼠標操作即可完成界面的設計。看Visual C#的控件也很好找，可以雙擊直接將控件放上，或者用鼠標拖過來也可。

我們看一下屬性窗口的設置，可以看到有一個比較靈活的分類，也便於我們去找相應的屬性位置，設置起來也是比VB要靈活的。

實際，我們主要想要說的是代碼的區別，看看代碼有啥不同吧，雙擊按鈕進入到代碼窗口。

在變量聲明上有不同，區別很明顯，Visual C#需要聲明具體的變量類型，這裡面用到了double類型，雙精度型的，精度比較高，每一語句結尾要加上";"，否則就會報錯。這裡面還用到了文本轉數字的轉換Convert.ToDouble(文本)，將我們輸入到文本框中的文本轉換成數字類型後才能參與計算。還有label6.Text = "圓形的面積是：" + s，直接可以採用加號變量的寫法，但這種在VB中是行不通的，在VB要用到"&"符號連接。還有，VB當中的label6顯示要用到caption屬性，而Visual C#則用text屬性即可，大家在學習的過程中，可以慢慢體會其中的奧妙。

看看運行的結果吧，基本是和VB功能一樣的。

差點忘記，還有一個結束的代碼是不一樣的，這裡面用到的是Application.Exit()，點擊結束程序的運行啦。

閱讀更多 懶豬學編程 的文章

關鍵字: 控件 懶豬 BASIC語言