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

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

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

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

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

5、，在這里只需要設置Click事件，即點擊按鈕就有相應的響應，設置Click事件名稱為get，按回車編輯具體事件代碼。 圖7-4 按鈕名稱設置小貼士：設置按鈕屬性，亦可雙擊按鈕之后，直接轉(zhuǎn)入代碼編輯區(qū)域，事件名稱為系統(tǒng)默認名稱。任務實施6.選中按鈕組件，即可在右下角看到按鈕的屬性，在名稱任務實施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)容？任務實施7.get函數(shù)里添加獲取傳感器參數(shù)代碼；任務實施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);任務實施

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

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

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

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

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

14、edEventArgs e) zigBee.Relay(true); state.Text =開啟; 任務實施3.拖入一個文本框，設置名稱為state；或者添加代任務實施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);任務實施5.與步驟4相似，選中關(guān)閉按鈕，添加Click事件，任務實施7.在界面啟動時需要初始化對象，在 window添加初始化和結(jié)束函數(shù)：8.在初始化函數(shù)中添加數(shù)模轉(zhuǎn)化和zigbee連接代碼： private void Window_Loaded(object sender, RoutedEventArgs e) adam.Connect(); zigBee.Connect(); 任務實施7.在界面啟動時需要初始化對象，

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

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

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

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

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

21、.從工具箱里拖入三個按鈕，分別為“獲取信息”“開啟任務實施6.設置獲取信息的按鈕Click事件為get，get函數(shù)里添加獲取傳感器參數(shù)代碼，同時添加if判斷語句，如果溫度參數(shù)小于設定值，則關(guān)掉風扇，否則開啟風扇； 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)閉; 任務實施6.設置獲取信息的按鈕Click事件為get，get任務實施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);任務實施7.綁定端口，數(shù)模轉(zhuǎn)換口為COM2,zigbee數(shù)據(jù)任務實施8.在界面啟動時需要初始化對象，在 window添加初始化和結(jié)束函數(shù)：9.在初始化函數(shù)中添加數(shù)模轉(zhuǎn)化和zigbee連接代碼： private void Window_Loaded(object sender, RoutedEventArgs e) a