• 按键公众号 ：
按键精灵电脑版
立即下载

软件版本：2014.06
软件大小：22.9M
更新时间：2021-12-03

按键精灵安卓版
立即下载

软件版本：3.7.2
软件大小：46.2M
更新时间：2023-05-10

按键精灵iOS版
立即下载

软件版本：1.8.0
软件大小：29.2M
更新时间：2023-03-21

按键手机助手
立即下载

软件版本：3.8.0
软件大小：262M
更新时间：2023-05-30

快捷导航

请 登录 后使用快捷导航
没有帐号？ 注册

登录 注册
返回列表 1234
发新话题 回复该主题
查看: 214648|回复: 67

[按键精灵手机版2.5基础教程] 5.友好的交互----UI界面 [复制链接]

兄弟工程师13
头像

兄弟工程师13

  • 高中三年级
  • 3392724
  • 654
  • 0
  • 49 朵
  • 957 个
  • 64 个
  • 24700
  • 2015-07-27
按键剑侠客按键15周年庆纪念勋章过大年勋章猴年勋章双十一绝版纪念勋章抗战胜利70周年勋章天使勋章按键精灵开发者1级兔年勋章论坛GG小红帽
1#
t T
发表于 2015-09-29 14:29 | |只看楼主

按键精灵手机版2.5基础教程


5.友好的交互----UI界面



如果一个脚本只有一个功能，那么当我们功能一多的时候就要准备好多脚本，维护更新起来更是麻烦，那么我们需要在一个脚本中做出多个功能，并提供用户自主选择的界面。来看看按键精灵安卓版为我们提供了哪一些常用的UI界面控件。（下图中，点击界面即可进入），点击上面的控件名称，即可自动生成对应的控件，我们只需要修改属性的内容就可以了！

您所在的用户组无法下载或查看附件



1. 文字框

一个基本的文本框包含注释、名称、显示内容、文字大小、高度、宽度等属性，属性的内容都可以调节。其他的好理解，我们重点关注下名称和显示内容。
  1. 文字框:
  2. {
  3. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  4. 名称:"文字框1",
  5. 显示内容:"显示内容",
  6. 文字大小:0,
  7. 高度:0,
  8. 宽度:0
  9. },
复制代码
名称：名称是一个控件的唯一标识，相当重要，脚本中需要判断UI界面的元素状态都是根据名称来判断的，使用ReadUIConfig来获取
显示内容：文本默认显示的内容

2. 输入框（用户自定义内容，比如要做自动喊话，可以自定义喊的内容)
一个基本的输入框包括名称、提示内容、初始文本、仅输入数字、文字大小、最大输入长度、高度、宽度等属性。
  1. 输入框:
  2. {
  3. 注释:"初始文本、文字大小、最大输入长度、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  4. 名称:"输入框1",
  5. 提示内容:"提示用户应该输入什么内容",
  6. 初始文本:"用户首次输入之前，输入框中的文本",
  7. 仅输入数字:false,
  8. 文字大小:0,
  9. 最大输入长度:0,
  10. 高度:0,
  11. 宽度:0
  12. },
复制代码
提示内容：用来提示用户该往里面输入什么东西
初始文本：用户不输入的情况下默认使用的文本
仅输入数字：此输入框只能输入数字
最大输入长度：限制输入文本的长度

3. 多选框（一般用来勾选功能）
一个基本的多选框包括名称、提示内容、选中、文字大小、高度、宽度等属性。
  1. 多选框:
  2. {
  3. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  4. 名称:"多选框1",
  5. 提示内容:"提示用户的文字内容",
  6. 选中:false,
  7. 文字大小:0,
  8. 高度:0,
  9. 宽度:0
  10. },
复制代码
选中：用来标识此个多选框有没有被选中，只有真（true）或者假（false）两个情况


4. 下拉框 （一些互斥的功能使用下拉框做唯一选择，比如两个宝箱只能选一个）
一个基本的下拉框包括名称、选项、初始选项等属性。
  1. 下拉框:
  2. {
  3. 注释:"初始选项是可选属性，默认值为0。模版中设置了三个选项，您可以根据需要增加或减少，注意各选项之间用逗号分隔。",
  4. 名称:"下拉框1",
  5. 选项:
  6. [
  7. "选项1",
  8. "选项2",
  9. "选项3",
  10. ],
  11. 初始选项:0
  12. },
复制代码
选项：就是下拉框内所有的内容显示，在一个中括号[]内，多个选项使用“，”分隔，选项序号从0开始
初始选项：默认是哪个选项

5. 水平布局
我们的界面默认使用纵向布局，即每个控件占1行，但是这有一些不友好，例如我们做了一个下拉框，要在他的前面添加一个文本框作为说明，分行的话很不友好，那么我们可以使用水平布局将这两个控件包含在里面。
  1. 水平布局:
  2. {
  3. 文字框:
  4. {
  5. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  6. 名称:"文字框1",
  7. 显示内容:"请选择：",
  8. 文字大小:0,
  9. 高度:0,
  10. 宽度:0
  11. },
  12. 下拉框:
  13. {
  14. 注释:"初始选项是可选属性，默认值为0。模版中设置了三个选项，您可以根据需要增加或减少，注意各选项之间用逗号分隔。",
  15. 名称:"下拉框1",
  16. 选项:
  17. [
  18. "选项1",
  19. "选项2",
  20. "选项3",
  21. ],
  22. 初始选项:0
  23. },
  24. },
复制代码
常用的控件就这几个，已经能够帮助我们完成大部分的功能了，当我们写好了一个界面后，我们可以点击预览来显示我们设计的界面。比如上面的最后一个例子，我们点击预览就可以得到：

您所在的用户组无法下载或查看附件


恩，看起来简陋了一些，来做个高端大气的界面试试：

您所在的用户组无法下载或查看附件



我们前面说到脚本是通过名称来获取控件的，那么我们来试试看怎么玩这个。我们现在来写一个显示用户选择以什么速率同时生成几种钞票的脚本，我们可以自己尝试着改变选项，看看内容是不是发生了变化。
UI界面：
  1. 界面1:
  2. {
  3. 文字框:
  4. {
  5. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  6. 名称:"文字框1",
  7. 显示内容:"--这是帅气的自定义界面--",
  8. 文字大小:25,
  9. 高度:0,
  10. 宽度:0
  11. },
  12. 文字框:
  13. {
  14. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  15. 名称:"文字框1",
  16. 显示内容:"！！！功能列表！！！",
  17. 文字大小:22,
  18. 高度:0,
  19. 宽度:0
  20. },
  21. 多选框:
  22. {
  23. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  24. 名称:"多选框1",
  25. 提示内容:"生产1元钞票",
  26. 选中:true,
  27. 文字大小:0,
  28. 高度:0,
  29. 宽度:0
  30. },
  31. 多选框:
  32. {
  33. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  34. 名称:"生产10元钞票",
  35. 提示内容:"生产10元钞票",
  36. 选中:true,
  37. 文字大小:0,
  38. 高度:0,
  39. 宽度:0
  40. },
  41. 多选框:
  42. {
  43. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  44. 名称:"生产50元钞票",
  45. 提示内容:"生产50元钞票",
  46. 选中:true,
  47. 文字大小:0,
  48. 高度:0,
  49. 宽度:0
  50. },
  51. 水平布局:
  52. {
  53. 文字框:
  54. {
  55. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  56. 名称:"文字框1",
  57. 显示内容:"生产速率",
  58. 文字大小:0,
  59. 高度:0,
  60. 宽度:0
  61. },
  62. 下拉框:
  63. {
  64. 注释:"初始选项是可选属性，默认值为0。模版中设置了三个选项，您可以根据需要增加或减少，注意各选项之间用逗号分隔。",
  65. 名称:"生产速率",
  66. 选项:
  67. [
  68. "1张每秒",
  69. "10张每秒",
  70. "100张每秒",
  71. ],
  72. 初始选项:2
  73. },
  74. },
  75. 水平布局:
  76. {
  77. 文字框:
  78. {
  79. 注释:"文字大小、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  80. 名称:"文字框1",
  81. 显示内容:"输入口令",
  82. 文字大小:0,
  83. 高度:0,
  84. 宽度:0
  85. },
  86. 输入框:
  87. {
  88. 注释:"初始文本、文字大小、最大输入长度、高度、宽度是可选属性，如需使用默认值，可保持值为0或直接删除此属性",
  89. 名称:"输入框1",
  90. 提示内容:"提示用户应该输入什么内容",
  91. 初始文本:"逗你玩~~",
  92. 仅输入数字:false,
  93. 文字大小:0,
  94. 最大输入长度:0,
  95. 高度:0,
  96. 宽度:600
  97. },
  98. },
  99. }
复制代码
脚本源码：
  1. Dim 速率
  2. 速率 = ReadUIConfig("生成速度")

  4. If 速率 = 0 Then
  5. TracePrint "用户选择的生成速率是10张每秒"
  6. ElseIf 速率 = 1 Then
  7. TracePrint "用户选择的生成速率是50张每秒"
  8. ElseIf 速率 = 2 Then
  9. TracePrint "用户选择的生成速率是100张每秒"
  10. End If

  12. Dim 是否生产1元钞票,是否生产10元钞票,是否生产50元钞票
  13. 是否生产1元钞票 = ReadUIConfig("生产1元钞票")
  14. 是否生产10元钞票 = ReadUIConfig("生产10元钞票")
  15. 是否生产50元钞票 = ReadUIConfig("生产50元钞票")

  17. If 是否生产1元钞票 = true Then
  18. TracePrint "用户有生产1元钞票"
  19. End If
  20. If 是否生产10元钞票 = true Then
  21. TracePrint "用户有生产10元钞票"
  22. End If
  23. If 是否生产50元钞票 = true Then
  24. TracePrint "用户有生产50元钞票"
  25. End If
复制代码
运行效果：

您所在的用户组无法下载或查看附件


点评

hungchih919  學習了! 謝謝  发表于 2017/4/19 11:47:08

    已有1评分我要评分查看所有评分
    最后编辑兄弟工程师13 最后编辑于 2015-09-29 15:50:04
    本主题由 超级版主 瑞祥幽冥狼 于 2023/6/4 23:31:21 执行 审核帖子 操作
    点赞
    回顶部
    18200353809
    头像

    梦想成为脚本大神

    • 初中二年级
    • 3957349
    • 291
    • 0
    • 9 朵
    • 1212 个
    • 160 个
    • 5640
    • 2016-06-06
    按键精灵开发者4级
    2#
    t T
    发表于 2016-06-08 17:11 | |只看该用户

    每一篇都要坚持点赞

    回顶部
    18200353809
    头像

    梦想成为脚本大神

    • 初中二年级
    • 3957349
    • 291
    • 0
    • 9 朵
    • 1212 个
    • 160 个
    • 5640
    • 2016-06-06
    按键精灵开发者4级
    3#
    t T
    发表于 2016-06-09 13:59 | |只看该用户

    学习

    回顶部
    18200353809
    头像

    梦想成为脚本大神

    • 初中二年级
    • 3957349
    • 291
    • 0
    • 9 朵
    • 1212 个
    • 160 个
    • 5640
    • 2016-06-06
    按键精灵开发者4级
    4#
    t T
    发表于 2016-06-10 22:54 | |只看该用户

    继续学习

    回顶部
    帅领天下
    头像

    帅领天下

    • 小学四年级
    • 3962626
    • 72
    • 0
    • 7 朵
    • 849 个
    • 4 个
    • 2160
    • 2016-06-10
    5#
    t T
    发表于 2016-06-11 09:43 | |只看该用户

    不错的教程

    回顶部
    letmove
    头像

    letmove

    • 小学六年级
    • 118735
    • 112
    • 0
    • -4 朵
    • 335 个
    • 47 个
    • 1840
    • 2007-02-01
    按键精灵开发者2级
    6#
    t T
    发表于 2016-07-03 22:53 | |只看该用户

    为什么我的脚本只显示4行界面,第5行死活不显示

    回顶部
    letmove
    头像

    letmove

    • 小学六年级
    • 118735
    • 112
    • 0
    • -4 朵
    • 335 个
    • 47 个
    • 1840
    • 2007-02-01
    按键精灵开发者2级
    7#
    t T
    发表于 2016-07-03 23:03 | |只看该用户

    各种招都想过了,但是还是没解决这个问题,后面添加什么内容都不显示

    回顶部
    15338508406
    头像

    15338508406

    • 小学二年级
    • 3209558
    • 34
    • 0
    • 1 朵
    • 133 个
    • 2 个
    • 980
    • 2015-04-21
    8#
    t T
    发表于 2016-07-07 17:39 | |只看该用户

    学习

    回顶部
    biao197
    头像

    biao197

    • 初中一年级
    • 860366
    • 164
    • 0
    • 6 朵
    • 490 个
    • 12 个
    • 4380
    • 2011-11-06
    按键精灵开发者1级
    9#
    t T
    发表于 2016-08-09 23:40 | |只看该用户

    速率 = ReadUIConfig("生成速度") 这个“生产速度”哪来的

    回顶部
    跪着也要学会
    头像

    • 幼儿园
    • 4069647
    • 20
    • 0
    • 0 朵
    • 75 个
    • 0 个
    • 620
    • 2016-08-15
    10#
    t T
    发表于 2016-08-15 16:44 | |只看该用户

    很好很强大！

    回顶部
    754627008
    头像

    754627008

    • 小学六年级
    • 2348976
    • 130
    • 0
    • 0 朵
    • 327 个
    • 0 个
    • 4320
    • 2014-01-22
    11#
    t T
    发表于 2016-08-20 12:14 | |只看该用户

    完全看不懂 不能搞简单些么

    回顶部
    754627008
    头像

    754627008

    • 小学六年级
    • 2348976
    • 130
    • 0
    • 0 朵
    • 327 个
    • 0 个
    • 4320
    • 2014-01-22
    12#
    t T
    发表于 2016-08-20 12:15 | |只看该用户

    就算再强大没啥用 看不懂啊

    回顶部
    song53880
    头像

    松鼠大作战

    • 幼儿园
    • 4102884
    • 28
    • 0
    • 0 朵
    • 200 个
    • 0 个
    • 1180
    • 2016-09-03
    按键精灵开发者2级
    13#
    t T
    发表于 2016-09-16 22:17 | |只看该用户

    学习了

    回顶部
    kylanblog
    头像

    kylanblog

    • 小学三年级
    • 902194
    • 67
    • 0
    • 1 朵
    • 234 个
    • 0 个
    • 2060
    • 2011-11-29
    14#
    t T
    发表于 2016-09-20 16:20 | |只看该用户

    上面的代码有问题，请管理员查看后予以修改

    回顶部
    Domingo
    头像

    Domingo

    • 小学三年级
    • 4145741
    • 66
    • 0
    • -2 朵
    • 238 个
    • -2 个
    • 1080
    • 2016-10-03
    15#
    t T
    发表于 2016-10-04 22:24 | |只看该用户

    看得懂。。上节课在评论里闹了笑话。。DO LOOP中间加ELSE。。。原来是我搞错了。
    应该是 IF END IF 中间加

    回顶部
    ond
    头像

    ond

    • 幼儿园
    • 2543645
    • 22
    • 0
    • 0 朵
    • 104 个
    • 0 个
    • 440
    • 2014-05-27
    按键精灵开发者1级
    16#
    t T
    发表于 2016-10-05 20:31 | |只看该用户

    下拉选项比较多 分父子类别 可以吗 要怎么做

    回顶部
    daiwei377
    头像

    daiwei377

    • 小学四年级
    • 3552224
    • 73
    • 0
    • 0 朵
    • 116 个
    • 64 个
    • 3700
    • 2015-10-29
    按键精灵开发者3级
    17#
    t T
    发表于 2016-11-18 21:57 | |只看该用户

    谢谢分享。对我这种初学者很有用

    回顶部
    跳跳哥哥
    头像

    • 小学三年级
    • 4244801
    • 51
    • 0
    • -1 朵
    • 119 个
    • -1 个
    • 1440
    • 2016-12-10
    18#
    t T
    发表于 2016-12-10 14:45 | |只看该用户

    简单易懂

    回顶部
    冰封尘心
    头像

    冰封尘心

    • 小学一年级
    • 4243861
    • 20
    • 0
    • 0 朵
    • 86 个
    • 3 个
    • 680
    • 2016-12-09
    19#
    t T
    发表于 2016-12-11 21:00 | |只看该用户

    话说，没视频么？

    回顶部
    风随我动88
    头像

    • 小学四年级
    • 4259020
    • 72
    • 0
    • 0 朵
    • 171 个
    • 0 个
    • 3720
    • 2016-12-20
    20#
    t T
    发表于 2016-12-26 12:31 | |只看该用户

    选项:

    [

    "1张每秒",

    "10张每秒",

    "100张每秒",
    -------------------------------------------------
    If 速率 = 0 Then

    TracePrint "用户选择的生成速率是10张每秒"

    ElseIf 速率 = 1 Then

    TracePrint "用户选择的生成速率是50张每秒"

    ElseIf 速率 = 2 Then

    TracePrint "用户选择的生成速率是100张每秒"
    界面是1张，源码是10张，界面是10张，调试输出是50张，好像没有对应起来，小白不是很懂

    回顶部
    上一主题| 下一主题
    返回列表 1234
    发新话题 回复该主题
    高级编辑器高级编辑器