UWP-開發一個具備鬧鐘，天氣預報，翻譯,語音功能的Demo

時間 2019-11-10

標籤 uwp 開發一個具備鬧鐘天氣預報翻譯語音功能 demo 简体版

原文原文鏈接

UWP即Windows 10中的Universal Windows Platform簡稱。即Windows通用應用平臺，在Windows 10 Mobile/Surface（Windows平板電腦）/PC/Xbox/HoloLens等平臺上運行，uwp不一樣於傳統pc上的exe應用，也跟只適用於手機端的app有本質區別。它並非爲某一個終端而設計，而是能夠在全部windows10設備上運行。很早以前就安裝了uwp開發模塊，一直沒怎麼寫。暑假期間寫了一個智能鬧鐘的Demo,偶然看到決定寫寫博客記錄記錄。json

一佈局

UWP的程序佈局採用了豎條工具欄式，這種樣式也應用在一些微軟官方的UWP應用。主界面圖以下所示。windows

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　程序運行主界面app

UWP 程序的界面設計語音是XAML,語言與WPF 是相似的，不過具體還有有區別，在WPF中的有些控件在UWP中並不存在，因此並不能將WPF 設計好的界面直接用於UWP程序。因爲本身自己對這個XAML(不多寫WPF ,UWP)不精通，界面只能這麼湊合着（.....）工具

第一步：搭建左側工具欄頁面：佈局

　　　　　　界面一：左側工具欄主界面　　　界面二 Home 頁面字體

程序工具欄左側工具欄圖標爲 Segoe MDL2 圖標，改變TextBlock的Text的值便可顯示不一樣的圖標，具體可參見（https://docs.microsoft.com/zh-cn/windows/uwp/design/style/segoe-ui-symbol-font），界面二爲程序啓動初始界面，中心爲當前時間，右邊爲城市的信息以及天氣信息。右下腳字體爲 Vladimir Script，（用來作藝術字很是不錯）（當時程序開發，時間，地點之類所有設置爲英文格式）ui

界面三：翻譯界面界面四：天氣界面spa

翻譯界面以前從一個WPF 的程序搬過來了（進行簡單修改），天氣界面之保留了3天的天氣情況查詢，以及一個查詢按鈕操作系統

界面五鬧鐘界面　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　界面五用戶控件（本身弄的一個鬧鐘管理）線程

主要界面就這些，語音識別部分的界面不在這部分。界面設計很是簡陋。。

二關鍵技術

1 ,天氣部分：

　　　　天氣部分是採用OpenWeather API ，向OpenWeater 發送城市的信息，返回json文件，利用Newtonsoft.Json類庫處理Json

2, 翻譯部分：

　　　　翻譯部分是採用Azure 雲翻譯，這個參考了一個WPF程序代碼。UWP的Http請求與原來Netframework 模塊不一樣，花了一點時間去修改。

3,鬧鐘部分：

　　　　鬧鐘部分最開始採用線程，發現線程實現有問題，到了時間沒法觸發，最後採用了消息通知功能（設置鬧鐘後，添加一個任務通知給程序）鬧鐘部分作了一個用戶控件，在主界面的左上角有一個按鈕，能夠查看以前設置的鬧鐘，本來計劃能夠實現鬧鐘的刪除，不過因爲採用了消息通知沒找到刪除的辦法

4 語音部分：

語音部分在另外2程序中有體現，另外兩份程序是功能相似不過沒有語音功能，語音功能主要包括：朗讀，識別聲音爲文字，識別聲音作選項，識別聲音作設置。。。該部分功能所有是Windows 10應用開發實戰（第2版）中內容，由興趣的能夠從文章後的連接下載。想體驗語音功能的能夠下載後2份程序。不過微軟的語音識別功能技術並不強，或許是麥克風問題，我進行語音識別時總有識別不出的問題。並且中文操做系統中，朗讀部分是女性聲音，英文操做系統是男性聲音。