按键精灵手机版教程第二十三课:UI界面控件

国际惯例(先讲好处):
1、实现基本的UI界面展示与功能设置。
2、目前暂时只支持几个基本控件应用。(文字框、输入框、多选框(勾选)、下拉框以及水平布局)


界面预览:


文字框:显示字符信息,可以用作说明介绍描述使用。

  1. 界面1:
  2. {
  3. 文字框:
  4. {
  5. 注释:”文字大小、高度、宽度是可选属性,如需使用默认值,可保持值为0或直接删除此属性”,
  6. 名称:”文字框1″,
  7. 显示内容:”显示内容”,
  8. 文字大小:0,
  9. 高度:0,
  10. 宽度:0
  11. },
  12. }

复制代码

重点:UI通用属性介绍
1、“界面1”:默认名称,目前版本(1.3)请大家不要去改动
2、“注释”:就是一个注释功能,没什么特别,不懂什么是注释的请百度学习。
3、“名称”:控件名称,重要,获取UI控件的设置信息必须通过名称来区分获取。(控件名称之间不可重复,如创建多个控件时,必须分开名称命名)
4、“文字大小”:默认0指文字默认大小,如果大家觉得预览效果字体不够大气!可以自行修改大于0的值,进行预览,觉得适当即可。
5、“高度”:默认0指文字多大就多高,作用自定义该控件的高度,一般没什么修改必要,闲得慌的同学可以自行修改预览看效果。
6、“宽度”:默认0指文字多长就多宽,作用自定义该控件的宽度,一般没什么修改必要,同上。


ReadUIConfig命令:UI信息读取与默认值设置
命令功能:读取UI界面控件属性设置信息
参数1:(必填)控件名称
参数2:(选填)默认值,根据对应控件属性介绍填写。(如:输入框写入默认字符信息,多选框写入true或false,这里true与false必须小写,下拉框写入0~最大下拉选项。

  1. Dim txt_srk,val_dxk1,val_dxk2,lis_xlk1,lis_xlk2
  2. txt_srk=ReadUIConfig(“输入框1″,”默认值可写字符信息”)
  3. TracePrint “输入框1:” & txt_srk
  4. val_dxk1=ReadUIConfig(“多选框1”,true)
  5. TracePrint val_dxk1
  6. val_dxk2=ReadUIConfig(“多选框2”,false)
  7. TracePrint val_dxk2
  8. lis_xlk1=ReadUIConfig(“下拉框1”,0)
  9. TracePrint “下拉框1:” & lis_xlk1
  10. lis_xlk2=ReadUIConfig(“下拉框2”,1)
  11. TracePrint “下拉框2:” & lis_xlk2

复制代码

文字框:UI属性介绍
1、“名称”:文字框控件功能单一,脚本中无法获取其设定文字内容,其实也没这个必要。
2、“显示内容”:写入字符信息,可显示在界面中,具体效果请自行预览。


输入框:输入字符信息,可以由脚本执行 ReadUIConfig(名称,默认值) 命令获取设置信息。

  1. 界面1:
  2. {
  3. 输入框:
  4. {
  5. 注释:”文字大小、最大输入长度、高度、宽度是可选属性,如需使用默认值,可保持值为0或直接删除此属性”,
  6. 名称:”输入框1″,
  7. 提示内容:”提示用户应该输入什么内容”,
  8. 仅输入数字:false,
  9. 文字大小:0,
  10. 最大输入长度:0,
  11. 高度:0,
  12. 宽度:0
  13. },
  14. }

复制代码

输入框:UI属性介绍
1、“名称”:控件名称,重要,获取UI控件的设置信息必须通过名称来区分获取。(控件名称之间不可重复,如创建多个控件时,必须分开名称命名)
2、“提示内容”:写入字符信息将会暂时显示在输入框中,当点击输入框时隐藏提示。
3、“仅输入数字”:默认false为关闭,true为开启。(记得必须为小写英文格式,不支持大写)
4、“最大输入长度”:默认0不限,非0则限制输入框输入字符个数。


调用范例:

语法 范例
1.3.1以上
  1. Dim txt_srk
  2. txt_srk=ReadUIConfig(“输入框1”)
  3. TracePrint txt_srk

复制代码

1.3
  1. Dim txt_srk
  2. txt_srk=ReadConfig(“输入框1”)
  3. TracePrint txt_srk

复制代码

返回值:字符串型,返回写入的字符信息内容。


多选框:选择勾选选项,可以由脚本执行 ReadUIConfig(名称,默认值) 命令获取设置信息。

  1. 界面1:
  2. {
  3. 多选框:
  4. {
  5. 注释:”文字大小、高度、宽度是可选属性,如需使用默认值,可保持值为0或直接删除此属性”,
  6. 名称:”多选框1″,
  7. 提示内容:”提示用户的文字内容”,
  8. 选中:false,
  9. 文字大小:0,
  10. 高度:0,
  11. 宽度:0
  12. },
  13. }

复制代码

多选框:UI属性介绍
1、“名称”:控件名称,重要,获取UI控件的设置信息必须通过名称来区分获取。(控件名称之间不可重复,如创建多个控件时,必须分开名称命名)
2、“提示内容”:写入字符信息,可显示在多选框后面描述,具体效果请自行预览。
3、“选中”:默认false为不勾起,true为勾起。
(记得必须为小写英文格式,不支持大写)


调用范例:

语法 范例
1.3.1以上
  1. Dim val_dxk
  2. val_dxk=ReadUIConfig(“多选框1”)

复制代码

1.3
  1. Dim val_dxk
  2. val_dxk=ReadConfig(“多选框1”)
  3. TracePrint val_dxk

复制代码

返回值:布尔型,勾起为true,没勾起为false。


下拉框:下拉功能选项,可以由脚本执行 ReadUIConfig(名称,默认值) 命令获取设置信息。

  1. 界面1:
  2. {
  3. 下拉框:
  4. {
  5. 注释:”模版中设置了三个选项,您可以根据需要增加或减少,注意各选项之间用逗号分隔。”,
  6. 名称:”下拉框1″,
  7. 选项:
  8. [
  9. “选项1”,
  10. “选项2”,
  11. “选项3”,
  12. ]
  13. },
  14. }

复制代码

下拉框:UI属性介绍
1、“名称”:控件名称,重要,获取UI控件的设置信息必须通过名称来区分获取。(控件名称之间不可重复,如创建多个控件时,必须分开名称命名)
2、“选项”:写入选项信息,按照以上格式书写。

语法 范例
1.3.1以上
  1. Dim lis_xlk
  2. lis_xlk=ReadUIConfig(“下拉框1”)
  3. TracePrint lis_xlk

复制代码

1.3
  1. Dim lis_xlk
  2. lis_xlk=ReadConfig(“下拉框1”)
  3. TracePrint lis_xlk

复制代码

返回值:整数型,默认选项第一个值为0,第二个值为1,以此类推。


水平布局:可以把多个控件圈起并排展示,效果参照图片或自行预览。

  1. 界面1:
  2. {
  3. 水平布局:
  4. {
  5. 注释:”用于将多个控件放在同一行”,
  6. 多选框:
  7. {
  8. 注释:”文字大小、高度、宽度是可选属性,如需使用默认值,可保持值为0或直接删除此属性”,
  9. 名称:”多选框1″,
  10. 提示内容:”提示用户的文字内容”,
  11. 选中:false,
  12. 文字大小:0,
  13. 高度:0,
  14. 宽度:0
  15. },
  16. 下拉框:
  17. {
  18. 注释:”模版中设置了三个选项,您可以根据需要增加或减少,注意各选项之间用逗号分隔。”,
  19. 名称:”下拉框1″,
  20. 选项:
  21. [
  22. “选项1”,
  23. “选项2”,
  24. “选项3”,
  25. ]
  26. },
  27. },
  28. }

复制代码


注意:UI源码是写在UI界面设计选项中,新同学们别写错地方了!

总结:关于近期1.3抢鲜版的UI功能介绍与代码范例暂时介绍到此,后期版本还会不断对需求做优化,教程也讲继续更新,有疑问请在手机按键群里给我留言。


小技巧:
输入框例子中的变量名称:txt_srk

txt_ 表示文本类型
srk 表示输入框拼音缩写,这个只是变量名称命名的一种规范或者说习惯,统一变量名称命名,可以提高自身代码的可读性。
val_ 表示勾选
lis_ 表示下拉选项

 

●本文来源互联网及网友投稿,如有侵权请及时联系本站进行删除。
●转载原创文章请保留地址及版权信息,否则侵权必究。
●分享目的仅供大家学习和交流,请不要用于商业用途。
●该资源版权归原著作者所有,请于下载后24小时内删除。
●如有链接无法下载、失效或广告,请联系右侧点击QQ咨询处理。
●本站资源售价只是赞助,收取费用仅维持本站的日常运营所需。
●如遇到加密压缩包,默认解压密码为"fdeer.com",如遇到无法解压的请联系管理员。

飞鹿日志 » 按键精灵手机版教程第二十三课:UI界面控件

发表回复