物聯(lián)網(wǎng)應(yīng)用綜合實(shí)訓(xùn)課件項(xiàng)目7NET開發(fā)

1、延時(shí)文字項(xiàng)目七： .NET開發(fā)物 聯(lián) 網(wǎng) 應(yīng) 用 綜 合 實(shí) 訓(xùn)延時(shí)文字項(xiàng)目七： .NET開發(fā)物 聯(lián) 網(wǎng) 應(yīng) 用 綜 合 實(shí)項(xiàng)目概述小方慢慢掌握了智能社區(qū)系統(tǒng)，現(xiàn)在令他更加好奇的是如何遠(yuǎn)程控制路燈、風(fēng)扇，甚至遠(yuǎn)程看監(jiān)控視頻。帶著這樣的問題，小方找到了自己的計(jì)算機(jī)老師，請(qǐng)教了以上這些問題。計(jì)算機(jī)老師告訴他，其實(shí)這些并不難，難得就是靜下心來敲代碼。就這樣，小方開始了代碼之旅。項(xiàng)目概述小方慢慢掌握了智能社區(qū)系統(tǒng)，現(xiàn)在令他更加好奇的是如何學(xué)習(xí)目標(biāo)延時(shí)符熟悉C#,WPF基本概念熟悉XAML基本概念熟悉串口通信原理掌握串口通信代碼掌握XAML基本代碼編寫掌握控制代碼設(shè)計(jì)掌握與Zigbee端口通信原理掌握W

2、PF控件使用學(xué)習(xí)目標(biāo)延時(shí)符熟悉C#,WPF基本概念掌握XAML基本代碼編延時(shí)符任務(wù)一：獲取溫度傳感器數(shù)據(jù)延時(shí)符任務(wù)一：獲取溫度傳感器數(shù)據(jù)延時(shí)符任務(wù)描述 通過Microsoft Visual Studio軟件，創(chuàng)建項(xiàng)目，可獲取溫度。在軟件中，應(yīng)設(shè)計(jì)簡(jiǎn)單界面，根據(jù)傳輸協(xié)議編寫相應(yīng)代碼，最后通過按鈕成功獲取傳感器數(shù)據(jù)。延時(shí)符任務(wù)描述 通過Microsoft Vi任務(wù)實(shí)施 1.首先讓我們先建一個(gè)項(xiàng)目,點(diǎn)擊“文件新建項(xiàng)目”一項(xiàng)，如圖7-1和圖7-2，再選擇C#語(yǔ)言，WPF應(yīng)用程序，項(xiàng)目名稱為GetData。 圖7-1 項(xiàng)目菜單選擇圖7-2 應(yīng)用程序創(chuàng)建任務(wù)實(shí)施 1.首先讓我們先建一個(gè)項(xiàng)目,點(diǎn)擊“文件新建

3、項(xiàng)目任務(wù)實(shí)施2.創(chuàng)建WPF工程項(xiàng)目后，進(jìn)入如圖7-3所示的C#平臺(tái)開發(fā)平臺(tái)。在該平臺(tái)上，可以看到有常用的工具箱、界面布局編輯區(qū)、解決方案資源管理窗口、屬性窗口、布局文件代碼視圖窗口等視圖。圖7-3 開發(fā)平臺(tái)任務(wù)實(shí)施2.創(chuàng)建WPF工程項(xiàng)目后，進(jìn)入如圖7-3所示的C#平任務(wù)實(shí)施 3.打開MainWindow.xaml,可通過拖放組件或者代碼，添加組件。在這里通過在XMAL添加代碼，從而設(shè)計(jì)UI。4.可通過工具箱直接將文本框拖進(jìn)界面內(nèi)，放置合適的位置；或者在xaml里與之間加入下列代碼： 知識(shí)鏈接:Name表示每個(gè)組件的名稱，HorizontalAlignment表示水平對(duì)齊方式，Height表示高

4、度，Margin表示組件與放置它容器的邊距，分別是上, 右, 下, 左的順時(shí)針規(guī)則。TextWrapping參數(shù)設(shè)置為Wrap表示當(dāng)文本超過容器會(huì)自動(dòng)換行。VerticalAlignment表示垂直對(duì)齊，Width表示組件寬度。任務(wù)實(shí)施 3.打開MainWindow.xaml,可通過拖放任務(wù)實(shí)施5.可通過工具箱直接將按鈕拖進(jìn)界面內(nèi)，放置合適的位置；或者在xaml里與之間，文本框代碼后加入下列代碼： 任務(wù)實(shí)施5.可通過工具箱直接將按鈕拖進(jìn)界面內(nèi)，放置合適的位置任務(wù)實(shí)施6.選中按鈕組件，即可在右下角看到按鈕的屬性，在名稱位置可對(duì)按鈕設(shè)置名稱（默認(rèn)無(wú)名稱）。點(diǎn)擊右邊閃電標(biāo)志，如圖7-4看到各樣的事件

5、，在這里只需要設(shè)置Click事件，即點(diǎn)擊按鈕就有相應(yīng)的響應(yīng)，設(shè)置Click事件名稱為get，按回車編輯具體事件代碼。 圖7-4 按鈕名稱設(shè)置小貼士：設(shè)置按鈕屬性，亦可雙擊按鈕之后，直接轉(zhuǎn)入代碼編輯區(qū)域，事件名稱為系統(tǒng)默認(rèn)名稱。任務(wù)實(shí)施6.選中按鈕組件，即可在右下角看到按鈕的屬性，在名稱任務(wù)實(shí)施7.get函數(shù)里添加獲取傳感器參數(shù)代碼； private void get(object sender, RoutedEventArgs e) ADAM4117Data adamData = adam.ReadADAM4117Data(); double dValue = ConvertHelper.Te

6、mperature(adamData.Value5); temp.Text = dValue.ToString(f2); 想一想：如此就可以讀取傳感器的數(shù)據(jù)了嘛，還需要添加什么內(nèi)容？任務(wù)實(shí)施7.get函數(shù)里添加獲取傳感器參數(shù)代碼；任務(wù)實(shí)施8.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)傳輸為COM3。在MainWindow.xaml.cs的MainWindow里添加兩個(gè)數(shù)據(jù)定義。 public partial class MainWindow : Window ADAM adam = new ADAM(COM2); ZigBee zigBee = new ZigBee(COM3);任務(wù)實(shí)施

7、8.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)任務(wù)實(shí)施9.在界面啟動(dòng)時(shí)需要初始化對(duì)象，在 window添加初始化和結(jié)束函數(shù)：10.在初始化函數(shù)中添加數(shù)模轉(zhuǎn)化和zigbee連接代碼： private void Window_Loaded(object sender, RoutedEventArgs e) adam.Connect(); zigBee.Connect(); 任務(wù)實(shí)施9.在界面啟動(dòng)時(shí)需要初始化對(duì)象，在 window添加任務(wù)實(shí)施11.需要注意的是當(dāng)界面被關(guān)閉的時(shí)候需要關(guān)閉傳感器和電腦的連接； private void Window_Closing(object sender, S

8、ystem.ComponentModel.CancelEventArgs e) adam.Close(); zigBee.Close(); 小貼士：編譯之前需在MainWindow.xaml.cs添加using SerialPortProvider，方可只使用串口應(yīng)用。任務(wù)實(shí)施11.需要注意的是當(dāng)界面被關(guān)閉的時(shí)候需要關(guān)閉傳感器和任務(wù)實(shí)施12.完成代碼設(shè)置后，可點(diǎn)擊“調(diào)試” “開始調(diào)試”進(jìn)行代碼調(diào)試（圖7-5）。 圖7-5 代碼調(diào)試任務(wù)實(shí)施12.完成代碼設(shè)置后，可點(diǎn)擊“調(diào)試” “開始調(diào)試任務(wù)實(shí)施11.需要注意的是當(dāng)界面被關(guān)閉的時(shí)候需要關(guān)閉傳感器和電腦的連接； private void Windo

9、w_Closing(object sender, System.ComponentModel.CancelEventArgs e) adam.Close(); zigBee.Close(); 小貼士：編譯之前需在MainWindow.xaml.cs添加using SerialPortProvider，方可只使用串口應(yīng)用。任務(wù)實(shí)施11.需要注意的是當(dāng)界面被關(guān)閉的時(shí)候需要關(guān)閉傳感器和相關(guān)知識(shí)C#是一種全新的、面向?qū)ο蟮木幊陶Z(yǔ)言。它依附于.NET Framework架構(gòu)，它高效的運(yùn)行效率、簡(jiǎn)單易于理解的語(yǔ)法，加之強(qiáng)大的編譯器支持，使得程序的開發(fā)變得異常迅速。WPF 為Windows Presenta

10、tion Foundation的首字母縮寫 ，中文譯為“Windows呈現(xiàn)基礎(chǔ)”。是基于DirectX的新一代開發(fā)技術(shù)，利用XAML（應(yīng)用程序擴(kuò)展語(yǔ)言）做界面描述，后臺(tái)采用各種.Net語(yǔ)言作為業(yè)務(wù)邏輯開發(fā)。為什么使用WPF,因?yàn)閃PF提供了超豐富的.NET用戶界面框架，集成了矢量圖形，豐富的流動(dòng)文字支持，3D視覺效果和強(qiáng)大無(wú)比的控件模型框架。相關(guān)知識(shí)C#是一種全新的、面向?qū)ο蟮木幊陶Z(yǔ)言。它依附于.NE相關(guān)知識(shí)可擴(kuò)展應(yīng)用程序標(biāo)記語(yǔ)言（Extensible Application Markup Language，縮寫為XAML） 是微軟公司為構(gòu)建應(yīng)用程序界面而設(shè)立的一種新的描述性語(yǔ)言。XAML提供

11、了一種便于拓展和定位的語(yǔ)法來定義和程序邏輯分離的用戶界面，而這種實(shí)現(xiàn)方式和ASP.NET中的“代碼后置”的模型非常類似。XAML是一種解析性的語(yǔ)言，盡管它也可以被編譯。它的優(yōu)點(diǎn)是簡(jiǎn)化編程式上的用戶創(chuàng)建過程，應(yīng)用時(shí)要添加代碼等。 WPF借助XAML來利用標(biāo)記而不是編程語(yǔ)言來構(gòu)造精美逼真的用戶界面，可以通過定義控件，文本，圖像，形狀，動(dòng)畫等各種元素，完全采用XAML來制作詳細(xì)的用戶界面文檔。由于XAML是聲明性語(yǔ)言，因此如果需要響應(yīng)應(yīng)用程序中添加運(yùn)行時(shí)邏輯，則需要添加代碼。相關(guān)知識(shí)可擴(kuò)展應(yīng)用程序標(biāo)記語(yǔ)言（Extensible App延時(shí)符能力拓展請(qǐng)參考相關(guān)資料，找到至少兩種方法改變界面背景顏色。延

12、時(shí)符能力拓展請(qǐng)參考相關(guān)資料，找到至少兩種方法改變界面背景顏延時(shí)符任務(wù)二：控制風(fēng)扇延時(shí)符任務(wù)二：控制風(fēng)扇延時(shí)符任務(wù)描述Zigbee當(dāng)前廣泛用于物聯(lián)網(wǎng)設(shè)備，本次任務(wù)通過zigbee網(wǎng)絡(luò)控制風(fēng)扇。請(qǐng)根據(jù)Zigbee端口通信協(xié)議，通過Microsoft Visual Studio軟件創(chuàng)建項(xiàng)目，編寫相應(yīng)的代碼，從而通過按鈕成功設(shè)置風(fēng)扇的關(guān)閉。延時(shí)符任務(wù)描述Zigbee當(dāng)前廣泛用于物聯(lián)網(wǎng)設(shè)備，本次任務(wù)通任務(wù)實(shí)施1.首先讓我們先建一個(gè)項(xiàng)目,點(diǎn)擊“文件新建項(xiàng)目”一項(xiàng)，如圖7-6和圖7-7，再選擇C#語(yǔ)言，WPF應(yīng)用程序，項(xiàng)目名稱為ICS.Fan。 圖7-6 項(xiàng)目菜單選擇圖7-7 應(yīng)用程序創(chuàng)建任務(wù)實(shí)施1.首先讓

13、我們先建一個(gè)項(xiàng)目,點(diǎn)擊“文件新建項(xiàng)目”任務(wù)實(shí)施2.打開MainWindow.xaml，從工具箱里拖入兩個(gè)按鈕，分別為“開啟”“關(guān)閉”；或者添加代碼為 任務(wù)實(shí)施2.打開MainWindow.xaml，從工具箱里拖任務(wù)實(shí)施3.拖入一個(gè)文本框，設(shè)置名稱為state；或者添加代碼為 4.選中開啟按鈕組件，即可在右下角看到按鈕的屬性，在名稱位置可對(duì)按鈕設(shè)置名稱（默認(rèn)無(wú)名稱）。點(diǎn)擊右邊閃電標(biāo)志，如圖7-4看到各樣的事件，在這里只需要設(shè)置Click事件，即點(diǎn)擊按鈕就有相應(yīng)的響應(yīng)，設(shè)置Click事件名稱為Open，按回車編輯具體事件代碼；privatevoid Open(object sender, Rout

14、edEventArgs e) zigBee.Relay(true); state.Text =開啟; 任務(wù)實(shí)施3.拖入一個(gè)文本框，設(shè)置名稱為state；或者添加代任務(wù)實(shí)施5.與步驟4相似，選中關(guān)閉按鈕，添加Click事件，事件名稱為Close；privatevoid Close(object sender, RoutedEventArgs e) zigBee.Relay(false); state.Text =關(guān)閉; 6.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)傳輸為COM3。在MainWindow.xaml.cs的MainWindow里添加兩個(gè)數(shù)據(jù)定義。 public partial

15、 class MainWindow : Window ADAM adam = new ADAM(COM2); ZigBee zigBee = new ZigBee(COM3);任務(wù)實(shí)施5.與步驟4相似，選中關(guān)閉按鈕，添加Click事件，任務(wù)實(shí)施7.在界面啟動(dòng)時(shí)需要初始化對(duì)象，在 window添加初始化和結(jié)束函數(shù)：8.在初始化函數(shù)中添加數(shù)模轉(zhuǎn)化和zigbee連接代碼： private void Window_Loaded(object sender, RoutedEventArgs e) adam.Connect(); zigBee.Connect(); 任務(wù)實(shí)施7.在界面啟動(dòng)時(shí)需要初始化對(duì)象，

16、在 window添加任務(wù)實(shí)施。9.需要注意的是當(dāng)界面被關(guān)閉的時(shí)候需要關(guān)閉傳感器和電腦的連接； private void Window_Closing(object sender, System.ComponentModel.CancelEventArgs e) adam.Close(); zigBee.Close(); 小貼士：編譯之前在MainWindow.xaml.cs添加using SerialPortProvider，方可只相應(yīng)的串口應(yīng)用任務(wù)實(shí)施。9.需要注意的是當(dāng)界面被關(guān)閉的時(shí)候需要關(guān)閉傳感器和任務(wù)實(shí)施。10.完成代碼設(shè)置后，可點(diǎn)擊“調(diào)試” “開始調(diào)試”進(jìn)行代碼調(diào)試（圖7-8和圖7-

17、9）。圖7-8 關(guān)閉風(fēng)扇圖7-9 開啟風(fēng)扇任務(wù)實(shí)施。10.完成代碼設(shè)置后，可點(diǎn)擊“調(diào)試” “開始調(diào)相關(guān)知識(shí)現(xiàn)在大多數(shù)硬件設(shè)備均采用串口技術(shù)與計(jì)算機(jī)相連，因此串口的應(yīng)用程序開發(fā)越來越普遍。例如，在計(jì)算機(jī)沒有安裝網(wǎng)卡的情況下，將本機(jī)上的一些信息數(shù)據(jù) 傳輸?shù)搅硪慌_(tái)計(jì)算機(jī)上，那么利用串口通信就可以實(shí)現(xiàn)。串口通信的兩種基本方式是同步串行方式和異步串行通信方式。同步串行是指SPI（Serial Peripheral interface）的縮寫，顧名思義就是串行外圍設(shè)備接口。SPI總線系統(tǒng)是一種同步串行外設(shè)接口，它可以使MCU與各種外圍設(shè)備以串行方式進(jìn)行通信以交換信息。相關(guān)知識(shí)現(xiàn)在大多數(shù)硬件設(shè)備均采用串口技

18、術(shù)與計(jì)算機(jī)相連，因此串相關(guān)知識(shí)異步串行是指UART（Universal Asynchronous Receiver/Transmitter），通用異步接收/發(fā)送。UART是一個(gè)并行輸入成為串行輸出的芯片，通常集成在主板上。UART包含TTL電平的串口和RS232電平的串口。 TTL電平是3.3V的，而RS232是負(fù)邏輯電平。 在C#中無(wú)法直接使用串口通信，需設(shè)置相應(yīng)的串口號(hào)以及使用串口的名稱空間，方可使用串口通信函數(shù)。相關(guān)知識(shí)異步串行是指UART（Universal Async延時(shí)符能力拓展在本例中采用文字表示風(fēng)扇開啟狀態(tài)，請(qǐng)查考相關(guān)資料采用圖片顯示表示風(fēng)扇狀態(tài)；延時(shí)符能力拓展在本例中采用文字

19、表示風(fēng)扇開啟狀態(tài)，請(qǐng)查考相關(guān)資延時(shí)符任務(wù)三：溫度傳感器控制風(fēng)扇延時(shí)符任務(wù)三：溫度傳感器控制風(fēng)扇延時(shí)符任務(wù)描述創(chuàng)建智能化風(fēng)扇根據(jù)溫度自動(dòng)開閉風(fēng)扇，亦可通過軟件開關(guān)風(fēng)扇。通過Microsoft Visual Studio軟件創(chuàng)建項(xiàng)目，編寫代碼定期獲取溫度參數(shù)時(shí)，與閥值對(duì)比，自動(dòng)開閉風(fēng)扇，同時(shí)插入按鈕開關(guān)，可通過按鈕開關(guān)風(fēng)扇。延時(shí)符任務(wù)描述創(chuàng)建智能化風(fēng)扇根據(jù)溫度自動(dòng)開閉風(fēng)扇，亦可通過軟任務(wù)實(shí)施1.首先讓我們先建一個(gè)項(xiàng)目,點(diǎn)擊“文件新建項(xiàng)目”一項(xiàng)，如圖7-1和圖7-2，再選擇C#語(yǔ)言，WPF應(yīng)用程序，項(xiàng)目名稱為ICS.Shan。 圖7-10 項(xiàng)目菜單選擇圖7-11 應(yīng)用程序創(chuàng)建任務(wù)實(shí)施1.首先讓我們先

20、建一個(gè)項(xiàng)目,點(diǎn)擊“文件新建項(xiàng)目”任務(wù)實(shí)施2.創(chuàng)建WPF工程項(xiàng)目后，C#平臺(tái)開發(fā)平臺(tái)。在該平臺(tái)上，可以看到有常用的工具箱、界面布局編輯區(qū)、解決方案資源管理窗口、屬性窗口、布局文件代碼視圖窗口等視圖。3.打開MainWindow.xaml,可通過拖放組件或者代碼，添加組件。在這里通過在XMAL添加代碼，從而設(shè)計(jì)UI。任務(wù)實(shí)施2.創(chuàng)建WPF工程項(xiàng)目后，C#平臺(tái)開發(fā)平臺(tái)。在該平臺(tái)任務(wù)實(shí)施4.拖入兩個(gè)文本框和標(biāo)簽，設(shè)置響應(yīng)的參數(shù)；或添加下列代碼； 任務(wù)實(shí)施4.拖入兩個(gè)文本框和標(biāo)簽，設(shè)置響應(yīng)的參數(shù)；或添加下列任務(wù)實(shí)施5.從工具箱里拖入三個(gè)按鈕，分別為“獲取信息”“開啟”“關(guān)閉”；或者添加代碼為 任務(wù)實(shí)施5

21、.從工具箱里拖入三個(gè)按鈕，分別為“獲取信息”“開啟任務(wù)實(shí)施6.設(shè)置獲取信息的按鈕Click事件為get，get函數(shù)里添加獲取傳感器參數(shù)代碼，同時(shí)添加if判斷語(yǔ)句，如果溫度參數(shù)小于設(shè)定值，則關(guān)掉風(fēng)扇，否則開啟風(fēng)扇； private void get(object sender, RoutedEventArgs e) ADAM4117Data adamData = adam.ReadADAM4117Data(); double dValue = ConvertHelper.Temperature(adamData.Value5); temp.Text = dValue.ToString(f2);

22、if (dValue v1) zigBee.Relay(true); state.Text =開啟; else zigBee.Relay(false); state.Text =關(guān)閉; 任務(wù)實(shí)施6.設(shè)置獲取信息的按鈕Click事件為get，get任務(wù)實(shí)施7.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)傳輸為COM3。在MainWindow.xaml.cs的MainWindow里添加兩個(gè)數(shù)據(jù)定義。 public partial class MainWindow : Window ADAM adam = new ADAM(COM2); ZigBee zigBee = new ZigBee(COM3);任務(wù)實(shí)施7.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)任務(wù)實(shí)施8.在界面啟動(dòng)時(shí)需要初始化對(duì)象，在 window添加初始化和結(jié)束函數(shù)：9.在初始化函數(shù)中添加數(shù)模轉(zhuǎn)化和zigbee連接代碼： private void Window_Loaded(object sender, RoutedEventArgs e) a