UWP 在XAML設計器中使用設計時資料

2022-01-15 16:19:44 字數 2371 閱讀 4868

1. 功能解釋

有些布局沒有資料很難進行視覺化。 在本文件中,我們將審查從事桌面專案的開發人員可在 xaml 設計器中模擬資料的一種方法。 此方法是使用現有可忽略的「d:」命名空間來實現的。 利用這種方法,可快速將設計時資料新增到頁面或控制項中,而無需建立完整的模擬檢視模型,或者只需測試屬性更改會如何影響應用程式,而無需擔心這些更改會影響你的發布版本。 所有 d: 資料僅由 xaml 設計器使用,無可忽略的命名空間值編譯到應用程式中。

2. 使用此功能的前置條件

3. 設計時資料基本資訊

設計時資料是你設定的模擬資料,使控制項更易於在 xaml 設計器中進行視覺化。 首先,將以下**行新增到 xaml 文件的標頭(如果這些**行尚不存在):

xmlns:d="

"xmlns:mc="

"mc:ignorable="

d"

新增命名空間後,可將d:置於任何屬性之前,使其僅在 xaml 設計器中顯示,而不在執行時顯示。

例如,可將文字新增到通常繫結了資料的 textblock。

在此示例中,如果沒有d:text,則 xaml 設計器對於 textblock 不顯示任何內容。 而是顯示「name!」, 在此情況下,textblock 在執行時將具有實際資料。

除了將d:與控制項的屬性結合之外,你也可將d:與任何 uwp 或 wpf .net core 控制項結合使用。 即將其新增到控制項本身。

text="

20 - 起床 (1/1)

在此示例中,按鈕僅在設計時顯示。 使用此方法可為自定義控制項放置佔位符,或者可試用不同的控制項。 在執行時期間,所有d:特性和控制項都將被忽略。

4. 在設計時預覽圖象

可為繫結到頁面或動態載入的影象設定設計時源。 將要在 xaml 設計器中顯示的影象新增到專案中。 然後,可在設計時在 xaml 設計器中顯示該影象:

5. listview的設計時資料listview 是一種在桌面應用中顯示資料的常用方法。 但是,如果沒有任何資料,listview 就難以進行視覺化。 可使用此功能建立內聯設計時資料 itemsource。 xaml 設計器在設計時在 listview 中顯示該陣列中的內容。 

上乙個示例顯示了在 xaml 設計器中具有三個 textblock 的 listview。

你也可以建立乙個資料物件陣列。 例如,可將city資料物件的公共屬性構建為設計時資料。

這樣做的好處是,你可將控制項繫結到模型的設計時靜態版本。

本專案演示用的xbox示例,已經託管到github,

參考:

UWP 在UWP平台中使用Lottie動畫

是的,你沒看錯,qq影音主介面上這個動畫效果是使用lottie動畫實現的!那就趁這個機會,來分享點關於lottie動畫的東西吧!lottie是airbnb開源的乙個面向ios android react native的動畫庫,它可以解析儲存為json格式的由bodymovin匯出的使用ae製作的動畫...

在React中使用CSS Modules設定樣式

最近,一直在看react。那真的是乙個一直在學的過程啊,從配置環境webpack,到基礎知識jsx,babel,es6,沒有乙個不是之前沒有接觸的。其實,我內心是興奮的啊,畢竟,活著就是要接觸一些新的東西啊,那樣才有意思啊。反正多學點,肯定是沒錯的。哈哈。進入正題啦 我一看到css modules這...

在WPF設計器中使用示例資料

在wpf程式中,當我們給繫結的資料來源編寫datatemplate時,往往想在設計器中看到效果,這時就需要在設計器中新增一些示例資料。如果實現這一功能呢?一種簡單的做法是在 中手動新增,publicmainwindow 關於這種方式的示例可以參看這篇文章 custom listbox itemtem...