小明玩转叉叉开发--UI设计(三)
2017-09-27 00:00:00

小明带你玩转叉叉开发-UI设计第三讲

作者:小明是我的


Hi亲爱的开发者,欢迎来到小明带你玩转叉叉开发!无论你是我们的老朋友还是萌新,通过阅读小明的教程,都能帮你更快地熟悉脚本开发的相关内容~

第四节 UI设计第二节

这一节 我们来继续介绍脚本开发时的UI设计

1.那么天才第一步 打开IDE

我们继续上一节的内容

第一节:IDE介绍

第二节:UI第一节

第三节:UI第二节





如果萌新没有看前几节可以在上面传送门观看

那么测试UI第一步 连接手机 

 


上节我们说了标签和单选框两个组件

那么这节我们来说下两个组件

编辑框和多选框





第三个 编辑框

{
          "id" : "Edit1",
          "align" : "left",
          "color" : "0,0,0",
          "kbtype" : "number",
          "prompt" : "这是提示文本",
          "size" : "25",
          "text" : "这是预输入文本",
          "type" : "Edit"
  }

这是一段编辑框代码

那么第一个是id 也就是我们的组件标识

第二个align依然是对齐方式 第三个是颜色 这几个在前几节都有讲过 没看过的萌新可以往前看
第四个kbtype 设置点击编辑框弹出的键盘类型 number  ascii  default 


第五个prompt 则是编辑框留空时提示文字


第六个size也就是我们的文字大小 留空默认15


第七个text则是我们默认留一条文字在编辑框里 这样提示文字将会不可见


编辑框 Edit 一共有七种属性: 
文本/ID/id 
必填,全局唯一,用来标示控件 
文本/编辑框提示文本/prompt 
编辑框提示文本prompt为编辑框中无任何内容时显示的底色文本。 
文本/编辑框默认内容/text 
界面载入时已经存在于编辑框中的文本。 
文本/对齐方式/align 
文本/字体颜色/color 
文本/键盘类型/kbtype 
设置获取焦点时弹出的键盘类型,number ascii default 
数值/字体大小/size 
如果不指定该属性,则默认值为15         转自开发手册





第四个 多选框


{
         "id" : "CheckBoxGroup1",
         "list" : "多选框1,多选框2,多选框3",
         "select" : "0@2",
         "size" : "30",
         "type" : "CheckBoxGroup",
         "orientation" : "horizontal"
  }




这是一段多选框的代码

那么第一个id就不用说了

第二个list 则是我们所可以选的内容 多个文本用,分割 也可以采用一行一个多选框 那么list就只用填一个 但我们要创建多个多选框组件


第三个select 则是默认选中项编号只允许填写一个 但我们要选中多个时可用符号@ 比如上代码中选中第一项和第三项

第四个size也就是文字的意思了


第五个type和第六个orientation也不用说了 前面几节中有说到




下拉框 ComboBox,一共有四种属性: 
文本/ID/id 
必填,全局唯一,用来标示控件 
文本/可选项目标题[img]file:///C:\Users\admin\AppData\Local\Temp\)A[Y)I~](ZC9Z[3Y)IDK7LK.gif[/img]st 多个项目标题之间以” ,”分割 
数值/字体大小/size 
如果不指定该属性,则默认值为 30。 
文本/默认选中项编号file:///C:\Users\admin\AppData\Local\Temp\V7(XMWRN]{G8~CI}BCCR3QC.giflect 
默认选中项编号 select 只允许填写一个,序号从 0 开始   转自开发手册




好的 那么这节就到这里 我是小明 我们下节再见  


官方论坛原贴地址:http://bbs.xxzhushou.cn/thread-88891233-1-1.html