成人中文网,国产成人精品,国产精品尤物视频

用DevExpress ASP.NET控件創(chuàng)建iOS Web應用程序

原創(chuàng)|其它|編輯：郝浩|2012-05-16 01:10:23.000|閱讀 585 次

概述：本文通過示例和視頻介紹了如何使用DevExpress ASP.NET控件建立一個iOS ASP.NET Web應用程序，使它看起來和用起來就像一個本地的IOS應用程序一樣。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

為iOS建立一個ASP.NET Web應用程序，是指確保它看起來和用起來就像一個本地的IOS應用程序一樣。

讓我告訴你如何使用控件建立一個iOS ASP.NET Web應用程序。

項目準備

首先，我們要創(chuàng)建一個新的空的ASP.NET Web應用。

然后復制IOS主題文件到App_Themes文件夾。（注意：IOS主題文件都在示例項目中附著在底部）

然后將iOS主題導入到項目中，將它應用到你的Default.aspx頁。

我們的應用程序的核心是TabBar。我們將使用ASPxPageControl模仿它。

從工具箱拖動出ASPxPageControl后，設置它的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>

并指派兩個客戶端事件：

Init: 控件初始化時，將被激活。
ActiveTabChanged: 當標簽頁改變時，將被激活。

我們需要這樣做，以確保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)建應用程序界面

通過添加新的標簽頁來添加應用程序界面。

設置每個標簽的寬為79像素、高為42像素。

現(xiàn)在一切都準備好了！

標簽：DevExpress web iOS ASP.NET

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

文章轉載自：

上一篇：保險業(yè)使用BPM方案的五大優(yōu)勢下一篇：DevExpress（DXperience）漢化方法詳解