控件:Image 图片
放置一个图片到 UI 上,一共有 6 种属性:控件类型 type、插入图片的路径 src、对齐方式 align、缩放比例 scale、控件宽度 width、控件是否换行 nowarap。
返回值:无
参数 | 类型 | 必填 | 说明 | 默认值 |
---|---|---|---|---|
type | string | 是 | 控件类型,Image | - |
src | string | 是 | 图片路径,可以是本地路径或者网络路径 | - |
align | string | 否 | 对齐方式,在 default 模式下设置 image 控件的 对齐方式 left center right ,仅支持 iOS,默认居中对齐 |
"center" |
valign | string | 否 | 垂直对齐方式,顶端对齐 top, 垂直居中 center,底部对齐 bottom, 默认垂直居中,仅支持 Androidv3.2.0、iOSv3.1.5 以及以上版本 |
"center" |
scale | number | 否 | 缩放比例,在 default 模式下设置 image 控件的缩放比例,范围 0 - 1 | 1 |
width | number | 否 | 控件宽度,当 showUI 全局属性 style 为 default 时, 如需将多个控件放入同一行显示,可用此属性调整控件宽度。 仅支持引擎版本 iOS v2.2.6, Android v1.2.4 及其以上版本; -1 为自适应屏幕,0 为占用整行, 大于等于 1 按照数字设置宽度,不填默认占整行, -1、0、及大于等于 1 参数仅支持 Androidv3.2.0、iOSv3.1.5 以及以上版本。 |
0 |
nowrap | number | 否 | 控件是否换行,当此属性为 1 时, 将指定下一个控件不换行,用于将多个控件放入一行显示。 仅支持引擎版本 iOS v2.2.6, Android v1.2.5 及其以上版本。 |
0 |
函数用例
--本示例仅作演示作用,未对有返回值的控件做处理
local ts = require("ts")
local cjson = ts.json
w,h = getScreenSize();
MyTable = {
["style"] = "default",
["width"] = w,
["height"] = h,
["cancelname"] = "取消",
["okname"] = "开始",
["title"] = "居中自定义字号",
["titlealign"] = "center",
["align"] = "center",
["titlesize"] = 12,
["titles"] = "图片,第二页",
["pagetype"]= "multi",
["selpage"] = 1,
["orient"] = 0,
["btnbkcolor"] = "255,255,255",
["bgcolor"] = "255,255,255",
["pagenumtype"] = "tab",
["config"] = "showuiTest1.txt",
["timer"] = 99,
["rettype"] = "table",
pages =
{
{
{
["type"] = "Image",
["src"] = "http://helpdoc.touchsprite.com/ts_logo.png",
["scale"] = 0.5,
["align"] = "center",
["valign"] = "top",
},
{
["type"] = "Image",
["src"] = "http://helpdoc.touchsprite.com/ts_logo.png",
["scale"] = 1,
["align"] = "center",
["valign"] = "top",
},
{
["type"] = "Image",
["src"] = "http://helpdoc.touchsprite.com/ts_logo.png",
["scale"] = 3,
["align"] = "center",
["valign"] = "top",
},
{
["type"] = "Image",
["src"] = "http://helpdoc.touchsprite.com/ts_logo.png",
["scale"] = 5,
["align"] = "center",
["valign"] = "top",
},
}
}
}
local MyJsonString = cjson.encode(MyTable);
UIret,values = showUI(MyJsonString)
注意事项
图片路径的可以是本地路径或者网络路径,例如:\"type\":\"Image\",\"src\":\"http://www.baidu.com/img/bdlogo.png\" 或者\"src\":\"1.png\"