飞鹿优化,原来优化如此简单!

飞鹿优化—原来优化如此简单

当前位置: 首页 > 视频教程 > 按键精灵教程 >

按键精灵手机版教程第五课:友好的交互----UI界面

时间:2016-01-05 19:36来源:网络 作者:网络 点击:
如果一个脚本只有一个功能,那么当我们功 能一多的时候就要准备好多脚本,维护更新起来更是麻烦,那么我们需要在一个
如果一个脚本只有一个功能,那么当我们功 能一多的时候就要准备好多脚本,维护更新起来更是麻烦,那么我们需要在一个脚本中做出多个功能,并提供用户自主选择的界面。来看看按键精灵安卓版为我们提 供了哪一些常用的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. 名称:"多选框1",
  35. 提示内容:"生产10元钞票",
  36. 选中:true,
  37. 文字大小:0,
  38. 高度:0,
  39. 宽度:0
  40. },
  41. 多选框:
  42. {
  43. 注释:"文字大小、高度、宽度是可选属性,如需使用默认值,可保持值为0或直接删除此属性",
  44. 名称:"多选框1",
  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. 名称:"下拉框1",
  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("生成速度")
  3.  
  4. If 速率 = 0 Then
  5. TracePrint "用户选择的生成速率是10张每秒"
  6. ElseIf 速率 = 1 Then
  7. TracePrint "用户选择的生成速率是50张每秒"
  8. ElseIf 速率 = 2 Then
  9. TracePrint "用户选择的生成速率是100张每秒"
  10. End If
  11.  
  12. Dim 是否生产1元钞票,是否生产10元钞票,是否生产50元钞票
  13. 是否生产1元钞票 = ReadUIConfig("生产1元钞票")
  14. 是否生产10元钞票 = ReadUIConfig("生产10元钞票")
  15. 是否生产50元钞票 = ReadUIConfig("生产50元钞票")
  16.  
  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
复制代码
运行效果:



(责任编辑:飞鹿优化)
织梦二维码生成器
顶一下
(13)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
用户名: 验证码: 点击我更换图片