vb.net 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/vb/ppt/part 1/01...
TRANSCRIPT
![Page 1: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/1.jpg)
VB.NET 視窗程式設計 VB.NET 簡介
NTU CSIE
講師:張傑帆
![Page 2: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/2.jpg)
Visual Basic簡介
VB.NET 是Visual Basic.NET的簡寫,Visual
Basic是以BASIC程式語言為基礎,再加上視覺化(Visual)程式開發環境的一種程式語言開發工具。
BASIC程式語言(初學者通用符號指令碼) (Beginners‘ All-purpose Symbolic Instruction Code)
誕生於1964年,由美國 Dartmouth學院的
John Kemeny 和 Thomas Kurtz 設計
1975~1988 年微軟開發出 DOS 作業系統的 BASIC 程式語言
Quick BASIC (簡稱QB)
程式碼具結構化、模組化
可編譯成可執行檔等特性
![Page 3: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/3.jpg)
Basic 程式語言的演進
1991年 微軟發表 Visual Basic 1.0
以視窗(Windows)為平台
提供一個設計程式軟體的開發環境。
Visual Basic簡稱VB 經歷
1.0版、2.0版、3.0版、4.0版、5.0版、6.0
版的改版。
VB 6.0 已具備
資料庫、多媒體、物件導向、開發
ActiveX元件功能。
![Page 4: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/4.jpg)
Visual Basic簡介
自從電腦的作業系統從DOS的命令畫面轉變為視窗畫面之後,微軟公司也開發了整合性的視覺化程式開發工具Visual Basic。
在Visual Basic的開發環境中,程式設計師可以輕鬆、快速的建立視窗人機介面,接著進行程式編譯及程式庫連結的處理;最後,當然也可以在這個開發環境中執行或測試程式。
![Page 5: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/5.jpg)
Basic 程式語言的演進
微軟於 2002/04/03,推出 VB 2002
建構下世代 XML Web Services 最佳的工具
與平台。
Visual Studio® .NET中文版(簡稱VS .NET)
將Visual Basic .NET(即VB 7.0或稱VB 2002)、
Visual C# .NET、Visual C++ .NET 等開發
軟體一起置入Visual Studio .NET整合開發
環境中。
![Page 6: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/6.jpg)
Basic 程式語言的演進
VB 新語言的誕生
徹底改寫傳統 Basic 語言的觀念
造成舊版無法完全升級與相容
VB 地位提升到與各高階語言平起平坐
VB導入類別(Class)觀念
採用「事件驅動」的方式來編寫程式。
2003年推出VB 2003(VB 7.1)
輕易建立豐富的視窗桌面應用程式和強大的 Web 應用程式
針對無線裝置、網際網路啟用裝置及 Pocket PC 建立應用程式的完整支援。
2006年 推出VB 2005(VB 8.0)
新增物件導向泛型機制(類似C++ Templete)
程式設計師可藉由ActiveX、XML Web Services技術,進行 Internet 的程式設計。
![Page 7: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/7.jpg)
Basic 程式語言的演進
2008年 推出VS 2008(VB 9.0),在VB 2008中新增
- LINQ 功能
- 物件關聯式的設計工具
- WPF應用程式的專案設計工具支援、
- 建立ClickOnce部署…等功能。
2010年6月 推出VS 2010(VB 10.0),可快速開發
- Windows Form應用程式
- WPF應用程式
- ASP .NET Web應用程式
- Silverlight應用程式
- 手機及智慧型裝置應用程式(Windows Phone)
及雲端服務
實現微軟「三螢一雲」loud)的開發願景。
![Page 8: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/8.jpg)
2012年6月推出 VS 2012
- 是唯一可開發 Windows 市集應用程式Windows
Store App專案
- 安裝 VS 2012 同時會安裝「Blend for Visual
Studio 2012」視覺化開發工具
- 透過 Blend for VS 2012 可讓你以視覺化方式建立
Windows 市集應用程式與 Windows Phone行動
裝置控制項、版面配置、筆刷資源、各類型動畫等,
以提高開發的速度。
- 此版本提供功能強大的 HTML5 開發環境,可開發
跨平台 jQuery Mobile 行動裝置網站。
![Page 9: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/9.jpg)
2013年10月推出VS 2013
此版支援 Windows 8.1 的 Windows 市集應用程式開
發加入許多工具、控制項與範本。
在Windows 市集應用程式的UI設計Blend for XAML中
提供新功能,如新增尺規和自訂輔助線讓開發人員能更
精確的進行內容配置。
提供 Blend for HTML,讓開發人員也可用 HTML 來建
置 Windows 市集應用程式,或使用 CSS 來調整時間
軸的動畫設定。
在 Web 應用程式開發方面,VS 2013整合 Web 專案
體驗,讓您輕鬆地建立包含ASP.NET WebForms、
MVC 或 Web API各版本的混合式應用程式。
![Page 10: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/10.jpg)
微軟.NET Framework 架構
.NET Framework 1.0架構是微軟公司在2002年提出類似Java 語言的跨平台技術。之後,微軟公司不斷改進此架構,目前已經在2012年底推出最新的.NET Framework
4.5 架構。
.NET Framework架構主要是由:
共通語言規範(CLS)
NET Framework 基底類別庫
共通語言執行時期環境(CLR)
等三個部分所組成。
![Page 11: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/11.jpg)
.NET Framework
![Page 12: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/12.jpg)
共通語言規範(CLS)
目前.NET Framework支援的程式語言有: VB、C#、C++、以及J#等多種語言,其中VB與C# 是專為.NET量身訂作的程式語言。
由於.NET Framework容許一個.NET應用程式專案可以採用多種程式語言撰寫,因此需要一個「共通語言規範」讓程式開發人員可以先將程式碼編譯成中間碼後,再和其他.NET Framework類別庫結合成組件,即可在共通語言執行時期環境(CLR)上編譯成機器碼(如圖)供使用者在不同的作業系統平台上執行。
![Page 13: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/13.jpg)
共通語言執行時期環境
(Common Language Runtime,CLR)
「共通語言執行時期環境」(CLR) 是.NET
Framework中最底層的部份,CLR提供所有.NET 程式語言執行程式時的服務:包含
跨語言的呼叫及繼承
自動記憶體管理
跨語言例外事件處理
資料型別檢查
安全性控管
COM 元件互通能力
多執行緖執行能力等服務
![Page 14: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/14.jpg)
VS.NET 2013
微軟公司除了提出.NET Framework跨平台技術之外,也同時提出了Visual
Studio.NET (簡稱VS.NET)。
以視覺化方式提供程式開發人員一個有效率的整合性開發環境
(Integrated Development Environment,簡稱IDE)。
將編輯器、編譯器、連結器、除錯器的功能整合為一體,可大幅提昇程式設計師在開發程式時的生產力。
![Page 15: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/15.jpg)
VS 2013 for Desktop 整合開發環境
一般開發程式都經 編輯、編譯、執行、偵錯 四階段。
早期程式語言四階段都獨立分開處理 不方便。
Windows 開發平台
視窗應用程式已將編輯、編譯、執行、偵錯四階段整合在一個環境操作稱為整合開發環境。
整合開發環境
Integreted Development Environment 簡稱 : IDE
提供統一的圖形化操作介面。
透過 IDE 提供工具,讓程式設計者不用寫程式碼便能建立輸出入介面。
程式設計人員只要專注於程式主體撰寫,節省程式開發時間。
![Page 16: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/16.jpg)
認識Visual Studio 2013
Visual Studio 2013針對不同的使用需求區分成多種版本
Visual Studio Express 版
其它版本,包括Professional 版本、Premium
版本、Ultimate版本等,適合商業程式開發,依開發團隊的規模適用不同的版本。
![Page 17: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/17.jpg)
如何取得?
線上安裝:
可以選擇只安裝Visual Basic、Visual C++
或其它個別成員,但是無法存成檔案或燒錄成光碟。
All-in One ISO: 這是All-in-one版本,包含了所有Express版本成員,但是會下載成iso檔,必須再使用可燒錄ISO格式的軟體,如Nero等燒錄成DVD光碟。
![Page 18: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/18.jpg)
VS.NET 2013 Express 下載
Visual Studio Express 2012
關鍵字:vs net 2012 express download
https://www.microsoft.com/zh-
tw/download/details.aspx?id=34673
Visual Studio Express 2013
http://www.microsoft.com/zh-
tw/download/details.aspx?id=44917
![Page 19: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/19.jpg)
VS.NET 2013 Express 安裝
![Page 20: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/20.jpg)
安裝Visual Studio Express
2013 for Windows Desktop 點選「立即安裝」連結或放入安裝光碟,等待第一個安裝畫面出現。
![Page 21: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/21.jpg)
選取您要下載的版本
![Page 22: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/22.jpg)
點選執行左下角的下載程式。
![Page 23: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/23.jpg)
![Page 24: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/24.jpg)
接下來,與一般程式安裝沒什麼差別,就是等待了。
註:有點模糊了嗎?VS2013和VB2013的差別?
VS2013含VB2013、VC++2013、VC#2013等多種程式語言工具。實際上我們用的是VS Express 2013 for Desktop中的VB2013。
![Page 25: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/25.jpg)
第一個程式 主控台應用程式
![Page 26: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/26.jpg)
開啟VB 2013
起始頁
![Page 27: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/27.jpg)
建立主控台應用程式
![Page 28: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/28.jpg)
主控台應用程式
文字介面的執行方式。
類似Windows XP的「命令提示字元」。
沒有漂亮的介面,不需要任何控制項,也因此不必設計表單。
程式內容和結果都會變得比較單純,很適合在初學階段用來學習迴圈、選擇等基本程式結構。
![Page 29: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/29.jpg)
主控台應用程式的基本指令
Console.WriteLine(“顯示文字”)
Console.Write(“顯示文字”)
將雙引號內的文字完整的顯示在螢幕上,二者的差別在於Console.WriteLine顯示後會自動換行,而Console.Write不會。
變數=Console.ReadLine()
等待從鍵盤輸入一串文字(字串),輸入的字串會存入指定的變數,輸入後須按Enter。
變數=Console.Read()
等待從鍵盤輸入一個字元,不須按Enter,常被用在按任意鍵繼續。
![Page 30: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/30.jpg)
第一個主控台應用程式-Ex11
![Page 31: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/31.jpg)
自動完成文字
列出
成員
![Page 32: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/32.jpg)
執行結果(Ctrl+F5)
![Page 33: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/33.jpg)
進入整合開發環境-視窗程式
![Page 34: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/34.jpg)
![Page 35: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/35.jpg)
VS 2013 整合開發環境(IDE)
主功能表
視窗程式編輯區
視窗元件工具箱
屬性視窗
方案總管
![Page 36: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/36.jpg)
A. 工具箱:在工具箱中的每一個項目稱為控制項,如Button、CheckBox或Label等等,設計表單時可以依表單的需求將對應的控制項拉到表單中(或是點二下)來使用,例如要設計下面這個表單,就可能需要從工具箱中拉進二個按鈕(Button)、二個文字方塊(TextBox)及二個標籤(Label),拉進表單之後稱為控制項物件。
B. 視窗程式編輯區:就是在上圖中央,標題為Form1的小視窗,表單就是程式的工作區,在表單中主要設計二件事:
介面:你要在表單中加上各種控制項,做為你與使用者互動之用。
撰寫程式碼
![Page 37: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/37.jpg)
工具箱的設定
一、彈跳式工具箱
![Page 38: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/38.jpg)
二、固定式工具箱
![Page 39: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/39.jpg)
C. 功能表及工具列:功能表和工具列的操作和主要功能大都和微軟其它軟體,如Word、Excel等類似,包括檔案、編輯、檢視、專案、建置、偵錯…等功能選項。
D. 屬性視窗:在屬性視窗裡可以調整專案中各個物件的屬性,包括:控制項的外觀屬性,如文字(text)、顏色(forecolor)、字型(font) 、尺寸(size)等;以及其他行為、配置、及焦點等屬性,最常調整的就是表單及放在表單中的控制項陣列。
點擊表單中任一個物件(包括表單本身),屬性視窗呈現的就是這個物件的屬性名稱及屬性值。
方案總管:在這裡可以顯示整個專案的檔案目錄,方便使用者管理專案程式的檔案,其功能有如檔案管理員一樣具有檔案的新增、刪除、複製等功能。
![Page 40: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/40.jpg)
物件與屬性
![Page 41: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/41.jpg)
![Page 42: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/42.jpg)
偵錯專案
在 VS 2013 for Desktop 整合開發環境
偵錯專案的方法有三種:
![Page 43: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/43.jpg)
瀏覽專案資料夾
![Page 44: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/44.jpg)
瀏覽專案資料夾
![Page 45: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/45.jpg)
開啟已建立的專案
1. 由起始頁畫面 開啟
![Page 46: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/46.jpg)
開啟已建立的專案
2. 執行功能表的【檔案(F)/開啟專案(P)…】指令
![Page 47: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/47.jpg)
![Page 48: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/48.jpg)
課堂練習-Ex12
VB.NET初體驗:
請試著新增一個新的專案名為HelloVB
加入一個Label,將其屬性Text 更改為Hello
VB.NET
![Page 49: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/49.jpg)
事件驅動
觸發事件來源很多
- 在按鈕上按滑鼠左鍵一下
- 文字方塊上輸入文字
- 清單上選取某項目
- 鍵盤上按一下等都會觸動事件
事件驅動機制已由系統事先設計好
程式設計人員不必費心如何觸發
只專注於編寫在該事件處理程序內程式碼,
縮短程式開發時間
![Page 50: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/50.jpg)
延續上節
在表單上建立 Button1 按鈕控制項
在該按鈕按一下產生 Click 事件
將TextBox1 文字方塊控制項的背景色設為黃色。
![Page 51: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/51.jpg)
建立按鈕的 Click 事件
![Page 52: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/52.jpg)
將文字方塊的背景色設為淺藍色
![Page 53: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/53.jpg)
新手上路
開發一個視窗應用程式四階段
1. 新增專案
設定新專案的存放路徑和名稱。
2. 表單設計階段
在表單上建立輸入和輸出介面和相關屬性設定。
3. 程式碼設計階段
設計相關的程式碼。
4. 專案偵錯階段
驗證程式執行是否正確。
![Page 54: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/54.jpg)
課堂練習-Ex13
簡單加法器:
輸入兩個數字,當按下計算時會出現這兩數相加的結果。
修改後: Dim a, b, c As Integer a = Val(TextBox1.Text) b = Val(TextBox2.Text) c = a + b Label4.Text = c.ToString()
小小實驗: Dim a, b, c As Integer a = TextBox1.Text b = TextBox2.Text c = a + b Label4.Text = c.ToString()
![Page 55: VB.NET 視窗程式設計 - homepage.ntu.edu.twhomepage.ntu.edu.tw/~d02922022/VB/ppt/Part 1/01 VB.Net.pdf · VB.NET 是Visual Basic.NET的簡寫,Visual Basic是以BASIC程式語言為基礎,再加上視覺化](https://reader031.vdocuments.site/reader031/viewer/2022021811/5c8813d309d3f2df188d222d/html5/thumbnails/55.jpg)
本章結束 Take a Break …..