點(diǎn)擊藍(lán)字“大白技術(shù)控”關(guān)注我喲

加個(gè)“星標(biāo)★”，每日 19:30，好文必達(dá)！

前言

Windows10X 和 Windows10 有什么區(qū)別？當(dāng)這個(gè)問題擺在我面前的時(shí)候，我就脫口而出：區(qū)別？雙屏了唄！

這個(gè)答案有點(diǎn)低能，也有點(diǎn)膚淺。Windows10X 的出現(xiàn)，意味著Windows可能要進(jìn)行的一些改變，我只是一個(gè)小小的開發(fā)者，也不想做過度解讀，就帶著大家來看看 Windows10X 有哪些新的變化，并稍加分析。

開始菜單與圓角化

從 Windows8 時(shí)代開始，以磁貼為代表的直角設(shè)計(jì)便充斥在 Windows 界面的各個(gè)角落。但是在 Windows10X 中，界面全面轉(zhuǎn)向了圓角，注意哈，我說的是全面。

這個(gè)圓角包括了很多方面：控件、圖標(biāo)、乃至窗口。

你可能會(huì)說，不就是變一個(gè)圓角嗎，有什么稀奇的？

有。

圓角本身只是一種設(shè)計(jì)，但它卻會(huì)對(duì)UI造成直接的影響，進(jìn)而影響到系統(tǒng)功能。最直觀的后果就是陪伴了我們兩個(gè)大版本的磁貼被取消了。圓角矩形堆疊時(shí)必然會(huì)產(chǎn)生一個(gè)個(gè)無法填充的死角，多了就會(huì)形成一個(gè)個(gè)空洞，這是很難看的。

當(dāng)然，磁貼取消有視覺原因也有功能原因，只說視覺有些牽強(qiáng)。

原來的磁貼都是放在開始菜單中，理論上它可以顯示很多的信息，并有一些有趣的動(dòng)畫效果。但在桌面系統(tǒng)中，我們打開開始就意味著結(jié)束，磁貼占據(jù)面積大，又沒有多少軟件適配，理想很美好，現(xiàn)實(shí)很骨感，不如砍了吧。

于是就砍了。

這個(gè)重新處理過的開始菜單和我們以前見識(shí)過的開始菜單截然不同。

雖然中間出過 Windows8 這個(gè)異類，但總體來說，Windows 的開始菜單都是一脈相承的，除了樣式外，內(nèi)部的邏輯沒有太大的變化。我們可以簡單地理解為是一種樹狀視圖，有些時(shí)候你還能在開始菜單里看到文件夾并打開它。

而 Windows10X 的開始菜單則是一種更為綜合的東西。

上半部分顯示應(yīng)用列表，這里的應(yīng)用沒有完全顯示，推測會(huì)根據(jù)用戶的使用頻率進(jìn)行順序調(diào)整，就像現(xiàn)在開始菜單中的最常用標(biāo)簽。這里的顯示方式就是平鋪圖標(biāo)，這更符合我們?cè)谝苿?dòng)端的使用體驗(yàn)。

注意到區(qū)別了嗎？在過去的樹狀圖中，圖標(biāo)的優(yōu)先級(jí)并不高，我們往往會(huì)通過程序名字來識(shí)別程序，這樣做的好處是，同等高度下，舊開始菜單的信息密度是新開始菜單信息密度的數(shù)倍。現(xiàn)在要變了，通過信息密度的下降帶來用戶體驗(yàn)的上升，你不會(huì)在這里看到什么文件夾或者文件，有的只是放大幾倍的應(yīng)用（還有PWA），以后開發(fā)應(yīng)用時(shí)需要開發(fā)者對(duì)應(yīng)用圖標(biāo)多上上心了。這是一個(gè)設(shè)計(jì)的轉(zhuǎn)變，暗示著微軟開始從工程師思維逐步向設(shè)計(jì)師思維和產(chǎn)品經(jīng)理思維過渡。

下半部分顯示的是最近的文件列表，這個(gè)記錄應(yīng)該是跨設(shè)備同步的，和OneDrive緊密結(jié)合。這個(gè)是 Windows 跟 Azure 進(jìn)行聯(lián)合之后的必然產(chǎn)物，要說能分析出什么的話，可能以后這種雙屏的便攜設(shè)備會(huì)更傾向于云服務(wù)吧。經(jīng)歷過現(xiàn)在這樣一次疫情的洗禮，國內(nèi)應(yīng)該會(huì)更加關(guān)注遠(yuǎn)程辦公，那么與之緊密相連的云服務(wù)也會(huì)迎來一次爆發(fā)式增長，所以這里沒什么好說的。

Dock 欄與 Action Center

底部的這個(gè)東西，你可能注意到了。和 iOS 以及部分全面屏安卓手機(jī)一樣，Windows10X 底部也有一個(gè)小橫條。鼠標(biāo)移入或者手指上滑就能喚出這個(gè)稱之為 Dock 欄的東西。

顯然，他就是我們桌面系統(tǒng)的任務(wù)欄了。你打開的應(yīng)用會(huì)顯示在這里，經(jīng)過測試，目前在這個(gè)模擬器上，豎屏?xí)r最多顯示5個(gè)應(yīng)用，橫屏?xí)r是8個(gè)，所以下面的 Dock 欄圖標(biāo)個(gè)數(shù)是會(huì)隨著屏幕寬度而變化的。

被擠在后面的應(yīng)用將通過?Task View，也就是任務(wù)視圖按鈕查看，這套操作還是很有點(diǎn)和移動(dòng)設(shè)備取經(jīng)的味道的，只是目前系統(tǒng)并不完善，只是個(gè)模擬器我也不會(huì)要求太高，希望以后能有更多的手勢(shì)操作吧。

接下來我們往右邊看。

盡管右邊也是個(gè) Dock 欄，但是右下角顯示時(shí)間的地方可以觸發(fā)?Action Center。

這里我們以往都叫通知中心，但事實(shí)上，通知只是其中一個(gè)模塊。這一點(diǎn)在Windows10X上更為明顯。在 Action Center 中，快捷設(shè)置顯然占據(jù)了更大的比重。而且整體的設(shè)計(jì)都轉(zhuǎn)為了模塊化設(shè)計(jì)，從視覺上進(jìn)行了分割。

這里的設(shè)置模塊顯然經(jīng)過了重新設(shè)計(jì)，在一些模塊下提供了二級(jí)目錄進(jìn)行設(shè)置，這一點(diǎn)還是比較人性化的。

如果你打開了音樂軟件的話，與系統(tǒng)集成的MTSC，中文叫媒體傳輸控件，也會(huì)出現(xiàn)在 Action Center 中。所以這里可以做一些推斷，也許微軟會(huì)發(fā)布一些新的 API，用于創(chuàng)建一些小插件，就像手機(jī)上的負(fù)一屏一樣。這只是猜測，如果以后能實(shí)現(xiàn)的話，那還是很棒的，雖然感覺希望不大。

應(yīng)用體驗(yàn)

應(yīng)用是系統(tǒng)體驗(yàn)中最為重要的一環(huán)。Windows10X 聲稱支持大多數(shù)Win32應(yīng)用，我這里條件有限，就不去做這個(gè)測試了，等系統(tǒng)正式版出來后自會(huì)有人去測試。但是我們還是可以簡單地看看這個(gè) Win32 在這個(gè)系統(tǒng)中是怎么運(yùn)行的。

微軟在發(fā)布模擬器的時(shí)候提到了 Win32 應(yīng)用的運(yùn)行模式，是在一個(gè)容器（Container）內(nèi)運(yùn)行的。我以為這是一個(gè)形象的說法，但我是真的沒想到，TN的竟然是字面意思！

當(dāng)我們打開記事本時(shí)，倏忽間全屏，然后就是一個(gè)標(biāo)題欄孤懸，稍等片刻，一個(gè)窗口化的筆記本應(yīng)用出現(xiàn)，背景上了一層遮罩，孤懸的標(biāo)題欄消失。

WDNMD，真就是開個(gè)模擬器跑 Win32 應(yīng)用唄？

而且這個(gè)筆記本應(yīng)用在進(jìn)行窗口拖拽的操作時(shí)極為卡頓，我承認(rèn)我電腦配置不高，但這種卡頓是很明顯的，在我這樣的低配電腦上更是放大了數(shù)倍。

然而這只是個(gè)模擬器，我倒不會(huì)太較真，只希望正式版出來之后能好一些吧。

說回來，作為一款雙屏設(shè)備，配置肯定不會(huì)太高，受機(jī)能限制，Windows10X運(yùn)行的主流軟件應(yīng)該是 UWP 和 PWA 應(yīng)用，PWA 暫不考慮，這里我們測試一下 UWP 應(yīng)用的實(shí)際表現(xiàn)。

普通應(yīng)用

以我自己寫的應(yīng)用做反面教材，可以看到，在單屏上表現(xiàn)還行，但是一旦拉到雙屏上，隔斷感就會(huì)非常明顯。

這就要求應(yīng)用必須做出針對(duì)性的適配，目前微軟提供了兩種方式，一種是使用控件?TwoPaneView，另一種是檢測?ApplicationView.ViewMode?，目前多出來一種新的狀態(tài)，叫?Spanning，是一種跨屏狀態(tài)（使用該狀態(tài)的SDK版本要求是19559以上）。

var isSpanned = ApplicationView.GetForCurrentView().ViewMode == ApplicationViewMode.Spanning; if (isSpanned) {// do something... } else {// do something... }

適配應(yīng)用

以發(fā)布會(huì)上的 Demo 為例（由 Justin Liu 制作，鏈接在文末），我們看看適配后的應(yīng)用表現(xiàn)。

可以看到，經(jīng)過適配后，雙屏的優(yōu)勢(shì)會(huì)得到顯現(xiàn)。由于屏幕增多，可以幫助設(shè)計(jì)師更好地整理信息，也可以更大膽地使用空白。

對(duì)于雙屏設(shè)備來說，沒有明顯的主屏-副屏的區(qū)別。所以當(dāng)應(yīng)用進(jìn)行擴(kuò)展后，可以有更多的交互操作與信息展示空間

---

再以 Microsoft Edge 為例，或許可以更為直觀地看到雙屏設(shè)備的好處。

這是一個(gè)調(diào)試的界面，左側(cè)顯示網(wǎng)頁，右側(cè)可以顯示調(diào)試窗口，對(duì)于網(wǎng)頁開發(fā)者來說，這種視覺觀感還是很棒的。

使用感受

• 應(yīng)用默認(rèn)是以全屏狀態(tài)運(yùn)行（不可更改），所以理論上最多同時(shí)運(yùn)行兩個(gè)應(yīng)用。

• 在點(diǎn)擊開始菜單時(shí)，圖標(biāo)會(huì)有動(dòng)畫（四個(gè)方塊輪流變色縮放），目前根據(jù)一些信息，這是 Windows10X 的新特性，開發(fā)者也可以使用。

• 使用哪個(gè)屏幕的開始菜單打開應(yīng)用，應(yīng)用就會(huì)出現(xiàn)在哪個(gè)屏幕上。這樣一來，當(dāng)打開多個(gè)應(yīng)用時(shí)，應(yīng)用窗口就會(huì)堆疊。我很好奇當(dāng)堆疊時(shí)，下層的應(yīng)用是否還會(huì)繼續(xù)運(yùn)行，經(jīng)詢問之后，給出的答案是否定的。這應(yīng)該是出于省電的考慮。

很顯然，要想發(fā)揮出雙屏設(shè)備的潛力，應(yīng)用必須要進(jìn)行適配，并適當(dāng)改變當(dāng)前的操作模式，以適應(yīng)新設(shè)備的特性。

---

這次模擬器還有一個(gè)Compose模式，需要在Action Center中打開。不過目前還沒有足夠的文檔支撐我對(duì)其進(jìn)行把玩，所以只能留到以后體驗(yàn)了。

其它想法

經(jīng)過把玩，目前我對(duì)于 Windows10X 的定位有了一個(gè)大概的概念。它要挑戰(zhàn)的并不是桌面端 Windows10，而是 iPad OS。

老實(shí)說，iPad 作為手機(jī)與桌面的中間產(chǎn)品，定位是比較模糊的。說生產(chǎn)力吧，有限；作為娛樂設(shè)備，又不太便攜。不過也得虧 iPad 能堅(jiān)持下來，在收獲了一堆擁躉的同時(shí)，也開拓了這個(gè)中間市場。

但即便是對(duì)應(yīng)用有著強(qiáng)大掌控力的蘋果而言，iPad的應(yīng)用生態(tài)也不能說很好。那么對(duì)微軟而言，這一情況只會(huì)更加艱難。Win32 應(yīng)用占據(jù)了整個(gè)微軟應(yīng)用生態(tài)的絕大部分，無論如何不能舍棄，但是微軟又缺乏對(duì)整個(gè)應(yīng)用生態(tài)的控制力。雙屏設(shè)備的最終潛力還是要交由應(yīng)用來決定，開發(fā)商能不能給面子，愿不愿意嘗試新平臺(tái)，遷移的難度有多大，這些都是需要實(shí)際考慮的問題。

以微軟的一貫做法，雙屏設(shè)備的推出必然與生產(chǎn)力直接掛鉤（這樣一個(gè)中間有著大黑條的設(shè)備好像也不能拿來玩游戲），一旦非要往工作這個(gè)方向上湊，就意味著要放棄 iPad 打下來的臥室生態(tài)位（躺在床上回郵件寫文檔？放過我吧）。

同時(shí)，如果 Winows10X 真的對(duì)標(biāo) iPad OS，意味著微軟要同時(shí)維護(hù)桌面端和平板端兩套操作系統(tǒng)，上一次這么干還是 WP 時(shí)代。對(duì)于是否會(huì)因?yàn)閮?nèi)部資源問題最終放棄開發(fā)，我持相對(duì)樂觀態(tài)度。因?yàn)闁|西畢竟是發(fā)布出來了，微軟內(nèi)部也進(jìn)行了組織調(diào)整，加之兩套操作系統(tǒng)還是有一些相似之處的，可以相互借鑒。雖然最終會(huì)因?yàn)椴僮鞣绞胶褪褂昧?xí)慣而各自發(fā)展，不過以UWP作為溝通橋梁，還是能夠保證有相對(duì)一致的體驗(yàn)的。

我是個(gè)小白，就不多指手畫腳了，一些粗陋淺見，說出來博諸位一笑。

身處疫區(qū)，就給自己和家鄉(xiāng)加油吧。

祝大家身體健康~

雙屏 Demo 下載地址：

Github鏈接：

https://github.com/microsoft/DevDay2020KeynoteDemoUWP

（請(qǐng)將鏈接復(fù)制在瀏覽器中預(yù)覽）

關(guān)于作者

云之幻，一個(gè)UWP開發(fā)者，喜歡UI設(shè)計(jì)，開發(fā)過Warframe Alerting Prime，干凈閱讀等應(yīng)用。

End

歡迎各位讀者加入?.NET技術(shù)交流群，在公眾號(hào)后臺(tái)回復(fù)“加群”或者“學(xué)習(xí)”即可。

發(fā)至朋友圈，是對(duì)我最大的支持。

朕已閱?

總結(jié)

以上是生活随笔為你收集整理的大白技术控 | Windows10X 模拟器简单上手体验的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。