第2章 可視化開發(fā)

VisualStudio開發(fā)工具的使用可視化編程技術福建工程學院軟件學院主講：張正柱郵箱：zh.zz@VisualStudio.NET集成開發(fā)環(huán)境簡介第一個VS應用程序可視化開發(fā)的初步認識本部分學習要點1.

VisualStudio.NET

開發(fā)人員可以使用Windows自帶的“記事本”來進行程序的開發(fā)。但是，如果所有的代碼都要手動添加和輸入，然后手動編譯程序，使用命令調試程序等，那么工作效率是很低的。

為了解決上述問題，集成開發(fā)環(huán)境(IDE)應運而生。集成開發(fā)環(huán)境集成了方便程序開發(fā)的各種工具和功能，如防止程序員犯低級錯誤或者筆誤的自動語法檢查、方便的圖形化調試功能等，大大減少了編碼的語法錯誤并降低了代價，使得程序的運行更簡單。微軟在推出C#這種開發(fā)語言的同時，也推出了對應的集成開發(fā)環(huán)境VisualStudio系列產品。

VisualStudio.NET是一套完整的開發(fā)工具，用于生成ASP.NETWeb應用程序、XMLWebServices、桌面應用程序和移動應用程序。VisualBasic.NET、VisualC++.NET、VisualC#.NET和VisualJ#.NET使用統(tǒng)一的集成開發(fā)環(huán)境，該環(huán)境允許它們共享工并創(chuàng)建混合語言解決方案；這些語言都利用.NET框架（.NETFramework）的功能，它提供了對簡化桌面應用程序、ASP.NETWeb應用程序和XMLWebServices開發(fā)關鍵技術的訪問。1.VisualStudio.NETVisualStudio.NETWindows窗體開發(fā)工具Web窗體開發(fā)工具錯誤處理數(shù)據訪問多語言支持Web服務開發(fā)工具開發(fā)調試部署設計1.VisualStudio.NET1.安裝VisualStudio.NET在安裝前需要準備：硬件1VisualStudio.NET安裝程序3運行環(huán)境（操作系統(tǒng)）21.VisualStudio.NET1.安裝VisualStudio.NET1.VisualStudio.NET2.瀏覽VisualStudio.NET起始頁1.VisualStudio.NET2.瀏覽VisualStudio.NET工具箱選項卡式文檔菜單欄解決方案資源管理器屬性窗口6.VisualStudio.NET使用起始頁“選項”對話框解決方案資源管理器類視圖“屬性”窗口工具箱智能感知使用幫助

2.集成開發(fā)環(huán)境簡介打開起始頁：2.集成開發(fā)環(huán)境簡介2.1使用起始頁起始頁4部分功能說明：項說明最近的項目顯示最近更新的項目的列表，使你可以創(chuàng)建新項目和打開現(xiàn)有的項目入門/開始顯示一個列表，其中包括幫助主題、網站、技術文章以及旨在提高工作效率和強調產品功能的其他資源。該主題列表根據應用的設置的不同而變化。有關更多信息，請參見使用設置VisualStudio標題新聞顯示微軟公司的產品和事件信息的鏈接MSDN中文網站默認情況下，顯示應用的設置指定的RSS源中的文章列表?？梢酝ㄟ^“選項”對話框→“環(huán)境”→“啟動”選項指定自定義的RSS源2.集成開發(fā)環(huán)境簡介2.1使用起始頁2.2解決方案資源管理器2.集成開發(fā)環(huán)境簡介樹視圖

使用粗體字顯示的項目使用粗體字顯示的解決方案

命令

選擇

多重選擇工具欄

2.2解決方案資源管理器2.集成開發(fā)環(huán)境簡介2.3類視圖2.集成開發(fā)環(huán)境簡介通過“類視圖”添加新項2.3類視圖2.集成開發(fā)環(huán)境簡介在“類視圖”中管理項目可以從“類視圖”中獲得通常可用于“解決方案資源管理器”中符號的所有命令通過類視圖可以時方便快捷地查找某個類，某個功能模塊的位置2.3類視圖2.集成開發(fā)環(huán)境簡介2.4“屬性”窗口2.集成開發(fā)環(huán)境簡介對象名工具欄

“屬性集”窗格“說明”窗格“屬性”窗口從上至下總共分為4個部分：

2.4“屬性”窗口2.集成開發(fā)環(huán)境簡介2.集成開發(fā)環(huán)境簡介2.5工具箱“工具箱”是一個浮動的樹控件，它與Windows資源管理器的工作方式非常相似，但沒有網格或連接線。

“工具箱”顯示可以添加到項目中的項的圖標。每次返回編輯器或設計器時，“工具箱”都會自動滾動到最近選擇過的選項卡和項

2.集成開發(fā)環(huán)境簡介2.5工具箱在代碼編寫過程中，VisualStudio.NET提供了智能感知（IntelliSense）功能，它是由集成開發(fā)環(huán)境提供的一種即時自動提示功能2.集成開發(fā)環(huán)境簡介2.6智能感知VisualStudio的本地幫助文件和聯(lián)機幫助文件設置幫助系統(tǒng)選項

維護幫助收藏夾

2.集成開發(fā)環(huán)境簡介2.7使用幫助在安裝VisualStudio時隨之安裝的本地幫助文件（這個幫助就是我們在安裝時所選擇的MSDN）。VisualStudio幫助信息有兩個基本來源聯(lián)機幫助。聯(lián)機幫助是基于Internet的，如MSDNOnline、MSDN新聞組及.NETCodeWiseCommunity開發(fā)人員Web站點集等。2.集成開發(fā)環(huán)境簡介2.7使用幫助設置幫助系統(tǒng)選項：2.集成開發(fā)環(huán)境簡介2.7使用幫助維護幫助收藏夾：添加到幫助收藏夾搜索功能重命名收藏夾保存內容的名稱

刪除“幫助收藏夾”的內容

2.集成開發(fā)環(huán)境簡介2.7使用幫助3.第一個VS應用程序創(chuàng)建C#控制臺應用程序,打開VS.NET,點擊新建項目在新建項目模板中選擇控制臺應用程序指定項目的名稱HelloWorld以及存放路徑4)編輯Program.cs文件,紅色部分為自己添加的代碼3.第一個VS應用程序5)查看應用程序文件夾結構可以通過解決方案資源管理器管理項目文件HelloWorld.csprojAssemblyInfo.csProgram.cs“HelloWorld”應用程序文件3.第一個VS應用程序項目文件

.sln（solution）

解決方案

.csproj（project）

項目文件（啟動項目：加粗）

.cs 代碼文件

.designer.cs 設計器代碼文件

.resx(resource) 資源文件3.第一個VS應用程序5)查看應用程序文件夾結構VisualStudio.NET創(chuàng)建一個與項目同名的文件夾，此處為“HelloWorld”該文件夾包含項目文件“HelloWorld.csproj”和其他關聯(lián)文件每個新項目都創(chuàng)建了bin、obj和Properties

三個文件夾。bin和obj這兩個文件夾下都有一個Debug子目錄，其中包含可執(zhí)行文件HelloWorld.exe在“解決方案資源管理器”中啟用“顯示所有文件”選項，可查看“HelloWorld”項目的結構3.第一個VS應用程序6)生成解決方案從菜單中選擇“生成”“生成解決方案”該過程將編譯項目中包括的所有文件查看編譯生成結果,編譯結果顯示在“輸出”窗口中如果結果顯示“生成:1成功或最新，0失敗，0被跳過”，則說明已經成功生成，然后即可交付該應用程序3.第一個VS應用程序2)運行程序從菜單中選擇“調試”“開始執(zhí)行(不調試)”輸出結果顯示在VS.NET控制臺窗口中3.第一個VS應用程序4.可視化開發(fā)的初步認識

編程步驟創(chuàng)建用戶界面設置屬性運行Windows應用程序窗體和控件代碼視圖程序分析如何用VisualStudio.NET來進行一些簡單的開發(fā)，比如下面的界面：4.可視化開發(fā)的初步認識

創(chuàng)建“歡迎”應用程序的3個基本步驟：4.1編程步驟步驟一：創(chuàng)建用戶界面。步驟二：設置屬性。

步驟三：編譯、運行。4.可視化開發(fā)的初步認識

創(chuàng)建新項目創(chuàng)建界面4.2創(chuàng)建用戶界面4.可視化開發(fā)的初步認識

創(chuàng)建新項目：步驟操作啟動VisualStudio.NET。

在VisualStudio

“文件”菜單下，單擊“新建”→“項目”命令。在“項目類型”選項組中，選擇“VisualC#”。在“名稱”文本框中，鍵入“Welcome”，單擊“確定”按鈕。13424.2創(chuàng)建用戶界面4.可視化開發(fā)的初步認識

4.2創(chuàng)建用戶界面創(chuàng)建新項目：

4.可視化開發(fā)的初步認識

步驟操作改變窗體文件名。單擊標準工具欄的“工具箱”按鈕，顯示“工具箱”對話框。從“工具箱”中將Label控件拖放到窗體上，創(chuàng)建一個控件Label1。從“工具箱”中將PictureBox控件拖放到窗體上，創(chuàng)建一個控件PictureBox1。13424.2創(chuàng)建用戶界面創(chuàng)建界面：4.可視化開發(fā)的初步認識

4.2創(chuàng)建用戶界面創(chuàng)建界面：界面繪制完畢，結果如下圖所示4.可視化開發(fā)的初步認識

設置主窗體屬性設置Label1屬性

設置PictureBox1屬性

設置布局

4.3設置屬性4.可視化開發(fā)的初步認識

設置主窗體屬性的3個步驟：

步驟一：右鍵單擊窗體，選擇“屬性”。步驟二：在“屬性”窗口中，將Text屬性的值改為“歡迎”。步驟三：將Size屬性的值改為“400,200”。4.3設置屬性4.可視化開發(fā)的初步認識

步驟操作右鍵單擊Label1控件，選擇“屬性”

。在“屬性”窗口中，將Location屬性的值改為“13,13”。將Text屬性為的值改為“歡迎進入VisualC#.NET世界!”。

將Font屬性的值改為“ArialBlack,15.25pt,style=Bold”。13424.3設置屬性設置Label1屬性:4.可視化開發(fā)的初步認識

右鍵單擊PictureBox1控件，從快捷菜單中選擇“屬性”命令。在“屬性”窗口中，將Location屬性的值改為“30,65”。在“屬性”窗口中，修改Image屬性。選中“本地資源”，單擊“導入”按鈕。單擊“確定”按鈕。

將SizeMode屬性的值改為“AutoSize”。4.3設置屬性設置PictureBox1屬性:4.可視化開發(fā)的初步認識

設置布局的3個步驟：

步驟一：在標準工具欄上單擊右鍵，從快捷菜單中選擇“布局”命令。步驟二：選中Label1，然后單擊布局工具欄中的“水平居中”按鈕。步驟三：選中PictureBox1，然后單擊布局工具欄中的“水平居中”按鈕。

4.3設置屬性4.可視化開發(fā)的初步認識

運行“Welcome”應用程序：4.4運行Windows應用程序4.可視化開發(fā)的初步認識

每個窗體和控件都有各自的屬性，它們一起構成了應用程序的可視化部分——圖形用戶界面（GraphicUserInterface，GUI）。4.5窗體和控件4.可視化開發(fā)的初步認識

代碼編輯模式：4.6