控件:Image 图片

放置一个图片到 UI 上,一共有 6 种属性:控件类型 type、插入图片的路径 src、对齐方式 align、缩放比例 scale、控件宽度 width、控件是否换行 nowarap。

参数 类型 必填 说明 默认值
type string 控件类型,Image -
src string 图片路径,可以是本地路径或者网络路径 -
align string 对齐方式,在 default 模式下设置 image 控件的
对齐方式 left center right,仅支持 iOS,默认居中对齐
"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 以及以上版本。
-1
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 北京帮你玩科技有限公司 2020 all right reserved,powered by Gitbook该文章修订时间: 2020-09-27 12:37:30

results matching ""

    No results matching ""