1. 首页
  2. 全部文档
  3. 移动端开发手册
  4. 移动端开发常用元件(5个)
  5. Page移动端主页面

Page移动端主页面

Page—移动端的显示主页面

主页面添加及默认子元件说明

  • “Page”页面是移动设备在屏幕中要显示的对象(包括手机和平板两类),一般移动端显示块中会有多个页面元件,可以在多个页面间跳转显示
  • 页面中含有一个Exclude from Navigation Bar的数据类型元件,这个元件如果传入Yes布尔值,则运行时导航栏中就不会出现此页面按钮
  • 开发者可以在页面元件中自由开发添加更多元件来设计显示和逻辑内容,主页面中默认已有开发者需要的一些子元件:
    • Header: 显示屏的头部显示栏,默认中间是一个标题显示元件,两边有已设计好可使用也可以删除的左侧按钮和右侧按钮
    • Content:是页面内容开发一个显示块容器元件,实际开发中页面显示和处理逻辑都在此元件中开发设计,默认在此元件中是一个“List”列表显示元件
    • Exclude from Navigation Bar的数据类型元件,这个元件如果传入Yes布尔值,则运行时导航栏中就不会出现此页面按钮
    • Caption:是标题变量,页面中如果有此标题,就会在页面下部导航栏中显示此页面标题,导航栏中的标题变量和Header中的标题变量是同一元件,可以修改标题元件中的逻辑来自定义页面显示标题
    • Icon Path:控制在导航栏页面按钮中是否显示一个页面图标,一般是将项目文件夹下WEB文件夹中的图标传入,以下案例中就是用一个字符常量元件将一个图标传入;也可以将jQuery按钮图标传入作为显示图标
      · 正常情况下,在此设定图标来源,在导航栏Footer—Navigation Bar—Nav Item—Nav Link中有个Icon图片显示元件,图标实际显示样式,如图标大小、显示在标题之下或之上可以对此图片显示元件进行样式设定来定义

主页面元件说明

  • <Mobile View>移动端和<Tablet View>平板端主页面元件默认有很多常用的子元件

页面中的Header头部栏

  • 这个头部栏是所有页面中默认都有的设计,用于放置标题和一些按钮,标题显示中有自动以页面名称来作业标题名称的逻辑
  • 开发都可以在头部栏进行自定义设计,一般一个页面都会有标题,还有左右按钮,按钮可以用图片和样式属性及为图片添加<On Click>固定名称的行为处理元件
  • 页面头部栏中默认的设计内容:
    • Title:是一个显示标题的字符标签元件;头部栏中的<Init>行为处理元件中有将页面名称传为显示标题的逻辑,开发者也可以修改此逻辑来自定义不同标题传入方式
    • ButtonPrev:都是按钮元件,一个有靠右显示的样式属性,一个有靠右显示的样式属性,可以中文重命名以显示新的名称,由上提到的,可以用属性来设定jQuery按钮图标改变按钮显示效果,也可以删除按钮添加图片作为按钮(图片传入请参考本节页面导航栏图标Icon Path的设定方式)


以下移动端主页面运行时的标题Page1就是页面元件的名称

页面中的Content页面内容设计容器元件

  • Content:是页面内容开发一个显示块容器元件,页面中要显示的内容都可以在其中进行开发,可以放置列表(默认)、表格、显示图片、显示文字、输入框等元件,以及按钮、提交逻辑、按钮中的后台服务器端处理逻辑等
  • 移动端的默认主页面内容区设计和平板端默认主页面内容区设计不同

移动端主页面内容开发

平板端主页面内容开发