永利最大(官方)网站

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规则的。