Essential Studio for Xamarin是全面的Xamarin.iOS、Xamarin.Android和Xamarin.Forms組件套包，包含最快的圖表和網格。

點擊下載Essential Studio for Xamarin正式版

Google的Material Design概念徹底改變了Android應用程序的開發方式。通過遵循提供的有關如何設計UI的準則，應用程序變得超級交互，具有令人印象深刻且富有創意的設計。

Xamarin.Forms充分利用了該指南，并為其iOS和Android平臺中3.6中最常用的框架控件提供了Material Design支持。這種支持不僅為應用程序提供了漂亮的外觀，而且還為iOS和Android平臺提供了統一的外觀。在應用程序中啟用它時，所有受支持的視圖均以統一的外觀呈現。

盡管如此，僅僅擁有框架控件的新功能總是不夠的。我們了解這一點，并確保Syncfusion控件始終與Xamarin.Forms的這些新功能兼容。因此，我們在2019年第3版的組件中對此提供了內置支持。我們還對材料設計進行了很多改進。我將引導您逐步了解如何在應用程序中啟用此支持，并向您展示其在Xamarin.Forms和Syncfusion組件中進行的UI增強。

如何設置可視化屬性

在這篇文章中，我們將不再關注所需的配置以及Visual屬性的工作方式，因為本文已經對此進行了詳細討論。因此，讓我向您展示如何設置Visual。

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">    <StackLayout Spacing =“ 50” VerticalOptions =“ Center” HorizontalOptions =“ Center”></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <Button Text =“默認” /></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <Button Text =“ Material” Visual =“ Material” /></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    </ StackLayout></font></font><font></font>

您可以看到它對按鈕的影響。此外，Visual是可以設置為元素或其父元素或頁面本身的屬性。由于這個原因，你可以設置可視作為材料的根元素，并覆蓋其作為默認，如果需要一個特定的元素。

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">    <StackLayout Visual =“ Material” Spacing =“ 50” VerticalOptions =“ Center” HorizontalOptions =“ Center”></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <ProgressBar Progress =“ 0.5” ProgressColor =“ Black” WidthRequest =“ 200” /></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <ProgressBar Progress =“ 0.5” ProgressColor =“ Black” WidthRequest =“ 200” Visual =“ Default” /></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    </ StackLayout></font></font><font></font>

支持Syncfusion控件

材料設計的最重要方面之一是所有UI元素都應具有響應能力。因此，我們在適用的控件中添加了波紋和突出效果。如果要以任何視圖實現此效果，請使用我們的新的Effect View控件，該控件于2019年第3卷中引入。

注意：對于Calendar控件，我們已將默認外觀更改為此改進的Material設計，以使UI更具吸引力。

讓我向您展示為Syncfusion控件所做的Material設計改進。以下圖像是在iOS或Android平臺上拍攝的。但是，iOS和Android平臺都將具有統一的UI。

日歷和時間表

Accordion，ListView，Expander和TreeView

選擇器和彈出窗口

按鈕，單選按鈕，復選框和芯片

開關，范圍滑塊和選項卡式視圖

輸入組件

將Visual屬性設置為Material時，前面列出的控件將自動更改為Material design 。但是，以下輸入組件將被我們的“文本輸入布局”控件包裝，以在“材質”設計中進行渲染。

• 數據表

• 數值輸入

• Masked Entry

• 自動完成

• 組合框

• NumericUpDown（自2019 v3起）

除了現有控件外，我們還在2019 v3 發行版中添加了對NumericUpDown的支持。

結論

在此文章中，我們介紹了Xamarin.Forms引入的Material設計支持以及如何通過將Visual屬性設置為Material來實現它。此外，我們已經看到Syncfusion Xamarin控件對Material UI進行了改進，并且設計提供了在iOS和Android平臺上實現統一外觀的功能。我們將根據即將發布的版本中的要求繼續改進UI。

想要購買該產品正版授權，或了解更多產品信息請點擊