控件: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\"

Copyright 北京帮你玩科技有限公司 2023 all right reserved,powered by Gitbook该文章修订时间: 2024-03-06 17:50:18

results matching ""

    No results matching ""