logo

iMAG移动应用开发指南

Header

顶部控件

标签

标签名 描述 说明
header 顶部标签 header的内容始终显示在屏幕顶部,紧挨着title

属性

属性名 取值 描述
id 文本 id编码
style 样式
header样式,包括:

方法

方法名 参数 返回值 描述
css(name:String) name:样式名称 String 根据样式名称得到样式的值
css(name:String, value:String)
name:样式名称
value:样式值
None 设置单个样式
css(style:String) style:样式文本,多个样式用分号分隔 None 设置多个样式
css(style:Object) style:样式对象,键值对形式 None 设置多个样式
add(widget:Object) widget:Widget对象 None 为header添加一个widget控件
remove(widget:Object) widget:Widget对象 None 移除header的一个widget控件
clear() None None 移除header中所有的widget控件
contains(widget:Object) widget:Widget对象 Boolean 判断header中是否包含某一widget控件

控件详解

● 顶部内容

<?xml version="1.0" encoding="utf-8"?>
<imag>
    <page>
       <title>
            <center>
                <label>顶部</label>
            </center>
        </title>
        <header>
            <row style="background:#444444;padding:5"><label style="align:center;color:white">顶部内容</label></row>
        </header>
        <content draggable="true">
           <list type="group" style="height:1000;background:#444444;">
               <item>
               </item>
           </list>
        </content>
    </page>
</imag>

效果:

● 添加控件

$('test_header').add($C('<button id="test_button" style="width:100">按钮</button>'));

● 移除控件

$('test_header').remove($('test_button'));

● 清空控件

$('test_header').clear();

● 判断是否包含控件

$('test_header').contains($('test_button'));

示例下载

点此下载header相关的示例代码:imag-header.zip