用DevExpress ASP.NET控件创建iOS Web应用程序-控件新闻-慧都网

用DevExpress ASP.NET控件创建iOS Web应用程序

原创|其它|编辑：郝浩|2012-05-16 01:10:23.000|阅读 546 次

概述：本文通过示例和视频介绍了如何使用DevExpress ASP.NET控件建立一个iOS ASP.NET Web应用程序，使它看起来和用起来就像一个本地的IOS应用程序一样。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

为iOS建立一个ASP.NET Web应用程序，是指确保它看起来和用起来就像一个本地的IOS应用程序一样。

让我告诉你如何使用控件建立一个iOS ASP.NET Web应用程序。

项目准备

首先，我们要创建一个新的空的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>

创建应用程序界面

通过添加新的标签页来添加应用程序界面。

设置每个标签的宽为79像素、高为42像素。

现在一切都准备好了！

标签：DevExpress web iOS ASP.NET

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自：

上一篇：保险业使用BPM方案的五大优势下一篇：DevExpress（DXperience）汉化方法详解