原創(chuàng)|其它|編輯:郝浩|2012-05-16 01:10:23.000|閱讀 578 次
概述:本文通過示例和視頻介紹了如何使用DevExpress ASP.NET控件建立一個iOS ASP.NET Web應(yīng)用程序,使它看起來和用起來就像一個本地的IOS應(yīng)用程序一樣。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
為iOS建立一個ASP.NET Web應(yīng)用程序,是指確保它看起來和用起來就像一個本地的IOS應(yīng)用程序一樣。
讓我告訴你如何使用控件建立一個iOS ASP.NET Web應(yīng)用程序。
項(xiàng)目準(zhǔn)備
首先,我們要創(chuàng)建一個新的空的ASP.NET Web應(yīng)用。
然后復(fù)制IOS主題文件到App_Themes文件夾。(注意:IOS主題文件都在示例項(xiàng)目中附著在底部)
然后將iOS主題導(dǎo)入到項(xiàng)目中,將它應(yīng)用到你的Default.aspx頁。
我們的應(yīng)用程序的核心是TabBar。我們將使用ASPxPageControl模仿它。
從工具箱拖動出ASPxPageControl后,設(shè)置它的SkinID為TabBar。
<body> <form id="form1" runat="server"> <dx:ASPxPageControl runat="server" ID="TabBar" SkinID="TabBar" ActiveTabIndex="0"> <TabPages> <dx:TabPage> <ContentCollection> <dx:ContentControl runat="server" SupportsDisabledAttribute="True"> </dx:ContentControl> </ContentCollection> </dx:TabPage> </TabPages> <ClientSideEvents Init="OnTabBarInit" ActiveTabChanged="function(){ Adjust(); }"/> </dx:ASPxPageControl> </form> </body>
并指派兩個客戶端事件:
我們需要這樣做,以確保TabBar是在頁面的底部。
<script type="text/javascript"> function Adjust() { TabBar.SetHeight(ASPxClientUtils.GetDocumentClientHeight()); } function OnTabBarInit() { ASPxClientUtils.AttachEventToElement(window, "orientationchange", function () { Adjust(); }, false); if (!ASPxClientUtils.touchUI) { ASPxClientUtils.AttachEventToElement(window, "resize", function () { Adjust(); }, false); } Adjust(); } </script>
創(chuàng)建應(yīng)用程序界面
通過添加新的標(biāo)簽頁來添加應(yīng)用程序界面。
設(shè)置每個標(biāo)簽的寬為79像素、高為42像素。
現(xiàn)在一切都準(zhǔn)備好了!
(慧都控件網(wǎng)版權(quán)所有,轉(zhuǎn)載請注明出處,否則追究法律責(zé)任)
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: