国产盗撮视频在线观看,日韩视频一区二区三区,国产一区二区免费

如何自定義DevExpress ASP.NET iOS主題下的復(fù)選框

原創(chuàng)|使用教程|編輯：我只采一朵|2013-12-19 10:07:06.000|閱讀 681 次

概述：本文講解了如何自定義DevExpress ASP.NET iOS主題下的復(fù)選框和文本對齊。

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

CheckBox & iOS 開關(guān)

在iOS上，復(fù)選框是以開關(guān)的形式進(jìn)行顯示的，這樣可以更方便用戶進(jìn)行觸摸操作。傳統(tǒng)的復(fù)選框和iOS的復(fù)選框圖示：

DevExpress ASP.NET,CheckBox & iOS開關(guān),復(fù)選框

自定義文本對齊

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

設(shè)置ASPxCheckBox/ASPxCheckBoxList TextAlign屬性為Right，也就是讓開關(guān)移動到右邊。
設(shè)置Web.config -> devExpress -> themes -> styleSheetTheme屬性（不是 "theme"屬性）以保存markup樣式設(shè)置。
定義一個特別的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>

總結(jié)

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

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都控件

上一篇：Aspose.Pdf for .NET如何改進(jìn)PDF to HTML轉(zhuǎn)換下一篇：.Net圖表開發(fā)工具JDash.Net使用教程：展現(xiàn)及設(shè)計Dashboard