C# 自適應(yīng)顯示

    自適應(yīng)顯示指顯示的內(nèi)容能響應(yīng)用戶行為的變化，如手機(jī)翻到一側(cè)，或者窗口改變大小。當(dāng)用戶翻轉(zhuǎn)手機(jī)時(shí)，應(yīng)用程序應(yīng)能夠優(yōu)雅地從縱向模式切換到橫向模式，應(yīng)用程序在所有設(shè)備上都能很好地工作。

    創(chuàng)建新的Windows通用應(yīng)用程序項(xiàng)目時(shí)，首先會(huì)注意到，在設(shè)計(jì)器中顯示的頁(yè)面看起來(lái)很小。這是因?yàn)檫@個(gè)項(xiàng)目默認(rèn)使用為13.5英寸Surface Book顯示屏優(yōu)化過(guò)的視圖?？梢允褂肈evice Preview面板改變這個(gè)設(shè)置。還可使用這個(gè)面板將縱向布局改為橫向。

    行為良好的應(yīng)用程序能在Device Preview面板列出的許多(但不是所有)窗體元素中顯示出來(lái)?？紤]到這個(gè)列表的范圍是從一個(gè)4英寸的物聯(lián)網(wǎng)(Internet of Things, IoT)設(shè)備到一個(gè)84英寸的Surface Hub,這是一個(gè)艱巨的任務(wù)。幸好，Visual Studio和通用Windows平臺(tái)框架會(huì)提供幫助。從下拉框中改變分辨率(或屏幕大小)時(shí)，Visual Studio將調(diào)整應(yīng)用程序的大小，用戶馬上就能看到頁(yè)面是什么樣子。此外，輔助應(yīng)用程序創(chuàng)建自適應(yīng)設(shè)計(jì)的控件都包含在工具箱中，可以利用它們輕松創(chuàng)建易于變換的UI。

1.相對(duì)面板

    使用Grid和StackPanel控件創(chuàng)建一個(gè)UI，它能提供很好的靜態(tài)顯示效果。但在這個(gè)世界上，必須面對(duì)很多顯示屏尺寸，所以必須有某種東西可以更好地移動(dòng)控件。這就是RelativePand控件。

2.自適應(yīng)觸發(fā)器

    自適應(yīng)觸發(fā)器是Visual State Manager的新增功能。使用這些觸發(fā)器可以基于顯示屏的大小更改應(yīng)用程序的布局。與相對(duì)面板一起使用時(shí)，這是一個(gè)非常強(qiáng)大的功能，可以用相當(dāng)簡(jiǎn)單的方式構(gòu)建網(wǎng)絡(luò)世界所謂的響應(yīng)性UI，Microsoft稱(chēng)之為自適應(yīng)顯示。

3.FlipView

    Hip View是個(gè)不錯(cuò)的小控件，非常適合于手持設(shè)備。它允許用戶向左或向右滑動(dòng)屏幕，來(lái)顯示一些內(nèi)容。它通常用于一次顯示一張圖像，允許用戶使用滑動(dòng)手勢(shì)在圖像之間移動(dòng)。

    默認(rèn)情況下，F(xiàn)HpView允許用戶向左或向右移動(dòng)視圖中的內(nèi)容，但也可以改為向上或向下移動(dòng)。使用鼠標(biāo)時(shí)，滾動(dòng)按鈕也有效。