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

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

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

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

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

5、，在這里只需要設(shè)置Click事件，即點擊按鈕就有相應(yīng)的響應(yīng)，設(shè)置Click事件名稱為get，按回車編輯具體事件代碼。 圖7-4 按鈕名稱設(shè)置小貼士：設(shè)置按鈕屬性，亦可雙擊按鈕之后，直接轉(zhuǎn)入代碼編輯區(qū)域，事件名稱為系統(tǒng)默認(rèn)名稱。任務(wù)實施6.選中按鈕組件，即可在右下角看到按鈕的屬性，在名稱任務(wù)實施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ù)實施7.get函數(shù)里添加獲取傳感器參數(shù)代碼；任務(wù)實施8.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)傳輸為COM3。在MainWindow.xaml.cs的MainWindow里添加兩個數(shù)據(jù)定義。 public partial class MainWindow : Window ADAM adam = new ADAM(COM2); ZigBee zigBee = new ZigBee(COM3);任務(wù)實施

7、8.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)任務(wù)實施9.在界面啟動時需要初始化對象，在 window添加初始化和結(jié)束函數(shù)：10.在初始化函數(shù)中添加數(shù)模轉(zhuǎn)化和zigbee連接代碼： private void Window_Loaded(object sender, RoutedEventArgs e) adam.Connect(); zigBee.Connect(); 任務(wù)實施9.在界面啟動時需要初始化對象，在 window添加任務(wù)實施11.需要注意的是當(dāng)界面被關(guān)閉的時候需要關(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ù)實施11.需要注意的是當(dāng)界面被關(guān)閉的時候需要關(guān)閉傳感器和任務(wù)實施12.完成代碼設(shè)置后，可點擊“調(diào)試” “開始調(diào)試”進(jìn)行代碼調(diào)試（圖7-5）。 圖7-5 代碼調(diào)試任務(wù)實施12.完成代碼設(shè)置后，可點擊“調(diào)試” “開始調(diào)試任務(wù)實施11.需要注意的是當(dāng)界面被關(guān)閉的時候需要關(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ù)實施11.需要注意的是當(dāng)界面被關(guān)閉的時候需要關(guān)閉傳感器和相關(guān)知識C#是一種全新的、面向?qū)ο蟮木幊陶Z言。它依附于.NET Framework架構(gòu)，它高效的運行效率、簡單易于理解的語法，加之強大的編譯器支持，使得程序的開發(fā)變得異常迅速。WPF 為Windows Presenta

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

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

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

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

14、edEventArgs e) zigBee.Relay(true); state.Text =開啟; 任務(wù)實施3.拖入一個文本框，設(shè)置名稱為state；或者添加代任務(wù)實施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里添加兩個數(shù)據(jù)定義。 public partial

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

16、在 window添加任務(wù)實施。9.需要注意的是當(dāng)界面被關(guān)閉的時候需要關(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ù)實施。9.需要注意的是當(dāng)界面被關(guān)閉的時候需要關(guān)閉傳感器和任務(wù)實施。10.完成代碼設(shè)置后，可點擊“調(diào)試” “開始調(diào)試”進(jìn)行代碼調(diào)試（圖7-8和圖7-

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

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

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

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

21、.從工具箱里拖入三個按鈕，分別為“獲取信息”“開啟任務(wù)實施6.設(shè)置獲取信息的按鈕Click事件為get，get函數(shù)里添加獲取傳感器參數(shù)代碼，同時添加if判斷語句，如果溫度參數(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ù)實施6.設(shè)置獲取信息的按鈕Click事件為get，get任務(wù)實施7.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)傳輸為COM3。在MainWindow.xaml.cs的MainWindow里添加兩個數(shù)據(jù)定義。 public partial class MainWindow : Window ADAM adam = new ADAM(COM2); ZigBee zigBee = new ZigBee(COM3);任務(wù)實施7.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)任務(wù)實施8.在界面啟動時需要初始化對象，在 window添加初始化和結(jié)束函數(shù)：9.在初始化函數(shù)中添加數(shù)模轉(zhuǎn)化和zigbee連接代碼： private void Window_Loaded(object sender, RoutedEventArgs e) a