DevExpress ASP.NET iOS 主題可將ASP.NET控件以原生iOS進行顯示，然而它畢竟還是ASP.NET控件，不是原生應用。如果你想用HTML5創建原生應用，推薦使用DevExpress的另一款工具——DevExtreme。

CheckBox & iOS 開關

在iOS上，復選框是以開關的形式進行顯示的，這樣可以更方便用戶進行觸摸操作。傳統的復選框和iOS的復選框圖示：

自定義文本對齊

接下來就具體講解一下如何自定義iOS主題下的復選框。

• 設置ASPxCheckBox/ASPxCheckBoxList TextAlign屬性為Right，也就是讓開關移動到右邊。
• 設置Web.config -> devExpress -> themes -> styleSheetTheme屬性（不是 "theme"屬性）以保存markup樣式設置。
• 定義一個特別的CSS選擇器以避免文本換行。

頁面：

<style type="text/css">
.SwitchNoWrap label { white-space: nowrap !important; }
</style>

ASPxCheckBox:

<dx:ASPxCheckBox ID="ASPxCheckBox1" runat="server" Text="Switch Demo"
TextAlign="Right" SkinID="Switch">
</dx:ASPxCheckBox>

ASPxCheckBoxList:

<dx:ASPxCheckBoxList ID="ASPxCheckBoxList1" runat="server" CssClass="SwitchNoWrap"
TextAlign="Right" RepeatDirection="Horizontal" RepeatColumns="2">
<Items>
<dx:ListEditItem Text="Item 1" />
<dx:ListEditItem Text="Item 2" />
<dx:ListEditItem Text="Item 3" />
<dx:ListEditItem Text="Item 4" />
</Items>
</dx:ASPxCheckBoxList>

Web.config:

<configuration>
...
<devExpress>
<themes ... styleSheetTheme="iOS" theme="" />
</devExpress>
</configuration>

總結

之前有人提到，把開關的標題放在右邊是不符合iOS規范的。這里特此說明一下，既然這是一個ASP.NET網站而非原生應用，所以也不必過分拘泥于Apple APP Store的規則。而DevExpress ASP.NET開發團隊在制作這個iOS主題的時候，也是盡量遵循了iOS規則的。