无忧启动论坛

标题: 主界面 增加提示信息以及图标。【已上传附件】 [打印本页]

作者: try_catch    时间: 2024-2-24 23:23
标题: 主界面 增加提示信息以及图标。【已上传附件】
本帖最后由 try_catch 于 2024-2-25 21:27 编辑



直接在某个主题的THEME.TXT配置文件中修改

  1. + hbox {#第一行TIP的图标
  2.     left = 5%
  3.     top = 25%
  4.     width = 30%
  5.     + image {file = "icons/edit.png"}
  6. }
  7. + hbox {#第一行TIP文字
  8.     left = 5%+50
  9.     top = 25%+8
  10.     width = 30%
  11.     + label {text = "[TIP]" color = "white" align = "left"}
  12. }

  13. + hbox {#第二行图标
  14.     left = 5%
  15.     top = 30%
  16.     width = 30%
  17.     + image {file = "icons/second_memdisk.png"}
  18. }
  19. + hbox {#第二行快捷键文字
  20.     left = 5%+50
  21.     top = 30%+8
  22.     width = 30%
  23.     + label {text = "[D]" color = "white" align = "left"}
  24. }

  25. + hbox{#第二行按下D键以后,MEM DISK模式的提示文字显示再此
  26.     left = 5%+120
  27.     top = 30%+8
  28.     width = 10%
  29.     height = 25
  30.     + label {text = "@VTOY_MEM_DISK@" color = "white" align = "left"}
  31. }
  32. + hbox {#第三行GRUB
  33.     left = 5%
  34.     top = 35%
  35.     width = 30%
  36.     + image {file = "icons/second_grub2.png"}
  37. }

  38. + hbox {#第三行GRUB
  39.     left = 5%+50
  40.     top = 35%+8
  41.     width = 30%
  42.     + label {text = "[R]" color = "white" align = "left"}
  43. }

  44. + hbox{#第三行GRUB
  45.     left = 5%+120
  46.     top = 35%+8
  47.     width = 10%
  48.     height = 25
  49.     + label {text = "@VTOY_GRUB2_MODE@" color = "white" align = "left"}
  50. }

  51. + hbox {#第四行WIM
  52.     left = 5%
  53.     top = 40%
  54.     width = 30%
  55.     + image {file = "icons/second_wimboot.png"}
  56. }

  57. + hbox {#第四行WIM
  58.     left = 5%+50
  59.     top = 40%+8
  60.     width = 30%
  61.     + label {text = "[W]" color = "white" align = "left"}
  62. }
  63. + hbox{#第四行WIM
  64.     left = 5%+120
  65.     top = 40%+8
  66.     width = 10%
  67.     height = 25
  68.     + label {text = "@VTOY_WIMBOOT_MODE@" color = "white" align = "left"}
  69. }

  70. + hbox {#第5行
  71.     left = 5%
  72.     top = 45%
  73.     width = 30%
  74.     + image {file = "icons/menu_l.png"}
  75. }

  76. + hbox {#第5行
  77.     left = 5%+50
  78.     top = 45%+8
  79.     width = 30%
  80.     + label {text = "[L]" color = "white" align = "left"}
  81. }
  82. + hbox{#第5行
  83.     left = 5%+120
  84.     top = 45%+8
  85.     width = 10%
  86.     height = 25
  87.     + label {text = "切换语言" color = "white" align = "left"}
  88. }

  89. + hbox {#第6行
  90.     left = 5%
  91.     top = 50%
  92.     width = 30%
  93.     + image {file = "icons/menu_f1.png"}
  94. }

  95. + hbox {#第6行
  96.     left = 5%+50
  97.     top = 50%+8
  98.     width = 30%
  99.     + label {text = "[F1]" color = "white" align = "left"}
  100. }
  101. + hbox{#第6行
  102.     left = 5%+120
  103.     top = 50%+8
  104.     width = 10%
  105.     height = 25
  106.     + label {text = "帮助信息" color = "white" align = "left"}
  107. }

  108. + hbox {#第7行
  109.     left = 5%
  110.     top = 55%
  111.     width = 30%
  112.     + image {file = "icons/menu_f2.png"}
  113. }

  114. + hbox {#第7行
  115.     left = 5%+50
  116.     top = 55%+8
  117.     width = 30%
  118.     + label {text = "[F2]" color = "white" align = "left"}
  119. }
  120. + hbox{#第7行
  121.     left = 5%+120
  122.     top = 55%+8
  123.     width = 10%
  124.     height = 25
  125.     + label {text = "本地浏览" color = "white" align = "left"}
  126. }

  127. + hbox {#第8行
  128.     left = 5%
  129.     top = 60%
  130.     width = 30%
  131.     + image {file = "icons/menu_f3.png"}
  132. }

  133. + hbox {#第8行
  134.     left = 5%+50
  135.     top = 60%+8
  136.     width = 30%
  137.     + label {text = "[F3]" color = "white" align = "left"}
  138. }
  139. + hbox{#第8行
  140.     left = 5%+120
  141.     top = 60%+8
  142.     width = 10%
  143.     height = 25
  144.     + label {text = "切换视图" color = "white" align = "left"}
  145. }

  146. + hbox {#第9行
  147.     left = 5%
  148.     top = 65%
  149.     width = 30%
  150.     + image {file = "icons/menu_f4.png"}
  151. }

  152. + hbox {#第9行
  153.     left = 5%+50
  154.     top = 65%+8
  155.     width = 30%
  156.     + label {text = "[F4]" color = "white" align = "left"}
  157. }
  158. + hbox{#第9行
  159.     left = 5%+120
  160.     top = 65%+8
  161.     width = 10%
  162.     height = 25
  163.     + label {text = "系统引导" color = "white" align = "left"}
  164. }


  165. + hbox {#第10行
  166.     left = 5%
  167.     top = 70%
  168.     width = 30%
  169.     + image {file = "icons/menu_f5.png"}
  170. }

  171. + hbox {#第10行
  172.     left = 5%+50
  173.     top = 70%+8
  174.     width = 30%
  175.     + label {text = "[F5]" color = "white" align = "left"}
  176. }
  177. + hbox{#第10行
  178.     left = 5%+120
  179.     top = 70%+8
  180.     width = 10%
  181.     height = 25
  182.     + label {text = "工具" color = "white" align = "left"}
  183. }


  184. + hbox {#第11行
  185.     left = 5%
  186.     top = 75%
  187.     width = 30%
  188.     + image {file = "icons/menu_f6.png"}
  189. }

  190. + hbox {#第11行
  191.     left = 5%+50
  192.     top = 75%+8
  193.     width = 30%
  194.     + label {text = "[F6]" color = "white" align = "left"}
  195. }
  196. + hbox{#第11行
  197.     left = 5%+120
  198.     top = 75%+8
  199.     width = 10%
  200.     height = 25
  201.     + label {text = "自定义菜单" color = "white" align = "left"}
  202. }


  203. + hbox {#第12行
  204.     left = 5%
  205.     top = 80%
  206.     width = 30%
  207.     + image {file = "icons/menu_f7.png"}
  208. }

  209. + hbox {#第12行
  210.     left = 5%+50
  211.     top = 80%+8
  212.     width = 30%
  213.     + label {text = "[F7]" color = "white" align = "left"}
  214. }
  215. + hbox{#第12行
  216.     left = 5%+120
  217.     top = 80%+8
  218.     width = 10%
  219.     height = 25
  220.     + label {text = "切换模式" color = "white" align = "left"}
  221. }
复制代码


同时在VENTOY.JSON文件中,在MENU_TIP中定位文字位置。

  1.     "menu_tip":{
  2.         "left": "5%+120",
  3.         "top": "25%+8",
  4.         "color": "white",
  5.         "tips":[
  6.         {
  7.             "image": "/BOOT/ISO_VMware_ESXI/ESXi-8.0.2-22380479.x86_64.iso",
  8.             "tip": "[2023-10]"
  9.         },
  10.         {
  11.             "image": "/BOOT/ISO_VMware_ESXI/ESXi-8.0.2-22380479-HPE-802.0.0.11.4.0.14-Sep2023.iso",
  12.             "tip": "[2023-10]"
  13.         },
复制代码


附件中包含我自选的5个主题,都已经按布局修改。ventoy.json供参考。



ventoy-theme.part2.rar

1.16 MB, 下载次数: 250, 下载积分: 无忧币 -2

ventoy-theme.part1.rar

3 MB, 下载次数: 262, 下载积分: 无忧币 -2


作者: nathan6498    时间: 2024-2-25 00:01
谢谢分享
作者: yyz2191958    时间: 2024-2-25 07:27
看不懂也谢谢
作者: ningzhonghui    时间: 2024-2-25 08:24
把成品也发出来啊
作者: tanglf    时间: 2024-2-25 08:58
不错!
谢楼主分享
作者: nongren    时间: 2024-2-25 09:39
学习了
作者: yc2428    时间: 2024-2-25 09:59
分享经验谢谢
作者: yuguotqing    时间: 2024-2-25 10:07
谢谢楼主分享 挺好看
作者: 苦橙汁    时间: 2024-2-25 10:25
谢谢楼主分享
作者: zlq_hysy    时间: 2024-2-25 11:11
嗯,很清爽
作者: hu-lin    时间: 2024-2-25 23:10

谢谢楼主分享
作者: 2013mysimen    时间: 2024-3-8 16:28


谢谢楼主分享
作者: 2013mysimen    时间: 2024-3-8 16:29
提示:抱歉,您没有权限下载本附件,
作者: zhenghui    时间: 2024-3-9 08:48
感谢分享、待会下载下来试试看
作者: hehuiying    时间: 2024-3-14 03:56
谢谢分享
作者: 婵婵爱吃肉    时间: 2024-3-20 21:27
太好了,赶紧修改修改,谢谢。
作者: axiang117    时间: 2024-3-21 16:19
看起来不错,收藏了
作者: wdtx    时间: 2024-4-15 09:00
谢谢分享
作者: canghaisui    时间: 2024-4-26 21:44
谢谢分享,小白不明白这个咋用?请指教
作者: kikixj    时间: 2024-4-27 11:07
注册下来不容易啊。求一个
作者: youdianl123    时间: 2024-4-27 11:34
PXE可以 支持多少台终端同时启动?
作者: yuyer    时间: 2024-5-2 19:26
谢谢分享
作者: xueqinga    时间: 2024-5-5 10:54
太好了,谢谢大佬
作者: as052997    时间: 2024-5-5 13:34
好看啊
作者: xueqinga    时间: 2024-5-5 21:26
不错,正需要
作者: xueqinga    时间: 2024-5-7 00:34
收下了,不错
作者: leitian72853    时间: 2024-5-30 15:19
感谢分享
作者: akibaizumi413    时间: 2024-8-22 18:52

谢谢分享
作者: jada559    时间: 2024-8-26 19:34
谢谢分享
作者: diaoyu    时间: 2024-9-12 10:42
感谢分享主题,试试看
作者: binke    时间: 2024-9-12 10:58
大佬操作!
作者: mingzz    时间: 2024-9-17 12:23
分享经验谢谢
作者: liwei2855181    时间: 2024-9-23 14:51
谢谢分享
作者: damafeng    时间: 2024-9-24 13:48
这个界面好漂亮
作者: zjp    时间: 2024-10-4 20:49
看起来很不错哦,收藏之~~~
谢谢LZ啦!!!
作者: pacman    时间: 2024-10-5 10:18
感谢分享 下载试试
作者: hai134981    时间: 2024-10-6 15:22
感谢分享宝贵经验,学习了。
作者: 82247888ok    时间: 2024-10-9 16:57
感谢分享!
作者: dwtr    时间: 2024-11-4 20:08
谢谢分享
作者: fruds9981    时间: 2024-11-4 20:20
标记以方便后续学习
作者: liuweidrea    时间: 2024-11-8 11:09
谢谢分享
作者: nylzdxh    时间: 2024-11-14 10:38
不错! 谢楼主分享
作者: vnion    时间: 2024-11-15 13:03
好好好好好好好好好好好好好好好好
作者: vnion    时间: 2024-11-15 13:03
好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好
作者: mshack    时间: 2024-12-12 15:44
提示:抱歉,您没有权限下载本附件
作者: 2011msiwws    时间: 2024-12-20 17:18
謝謝分享 非常感謝
作者: wwoldok    时间: 2024-12-26 11:55
谢谢楼主分享
作者: wn168cn@163.com    时间: 2024-12-26 12:02
感谢分享
作者: tsyi2208    时间: 2025-1-4 14:43
谢谢楼主分享
作者: yko2    时间: 2025-1-15 14:18
这也太好看了,支持下楼主
作者: jpdn163    时间: 2025-1-25 18:50
好东西!谢谢分享!
作者: nianyueriPE    时间: 2025-1-27 19:56
谢谢分享
作者: nianyueriPE    时间: 2025-1-27 19:56
下载试试
作者: chengang4pm@163    时间: 2025-2-9 21:35
谢谢分享
作者: huashi110    时间: 2025-2-21 21:15
好好好,省得自己改了
作者: dfswb    时间: 2025-2-22 14:42
好东西,收藏了
作者: pdscjf    时间: 2025-2-24 11:52
这个不错,测试下
作者: zhou116yan    时间: 2025-2-24 12:00
干嘛用的
作者: pdscjf    时间: 2025-2-24 12:04
没有权限下载附件…能不能给个网盘?我把侧边代码复制到配置文件,启动不了,错误
作者: pdscjf    时间: 2025-2-26 14:32
图标大小怎么定义?
作者: try_catch    时间: 2025-2-26 15:28
pdscjf 发表于 2025-2-24 12:04
没有权限下载附件…能不能给个网盘?我把侧边代码复制到配置文件,启动不了,错误
  1. # Global properties
  2. title-text: ""
  3. desktop-image: "background.png"
  4. desktop-color: "#000000"
  5. terminal-font: "Fixedsys Regular 32"
  6. terminal-box: "terminal_box_*.png"
  7. terminal-left: "30%"
  8. terminal-top: "23%"
  9. terminal-width: "60%"
  10. terminal-height: "60%"
  11. terminal-border: "0"

  12. # Boot menu
  13. + boot_menu {
  14.   left = 30%
  15.   top = 23%
  16.   width = 60%
  17.   height = 60%
  18.   item_font = "Fixedsys Regular 32"
  19.   item_color = "#67d97a"
  20.   selected_item_color = "#ffffff"
  21.   item_height = 48
  22.   item_spacing = 8
  23.   item_icon_space = 12
  24.   item_pixmap_style = "item_*.png"
  25.   selected_item_pixmap_style = "selected_item_*.png"
  26. }

  27. + hbox {
  28.     left = 5%
  29.     top = 25%
  30.     width = 30%
  31.     + image {file = "icons/edit.png"}
  32. }
  33. + hbox {
  34.     left = 5%+50
  35.     top = 25%+8
  36.     width = 30%
  37.     + label {text = "[TIP]" color = "white" align = "left"}
  38. }

  39. + hbox {
  40.     left = 5%
  41.     top = 30%
  42.     width = 30%
  43.     + image {file = "icons/second_memdisk.png"}
  44. }
  45. + hbox {
  46.     left = 5%+50
  47.     top = 30%+8
  48.     width = 30%
  49.     + label {text = "[D]" color = "white" align = "left"}
  50. }

  51. + hbox{
  52.     left = 5%+120
  53.     top = 30%+8
  54.     width = 10%
  55.     height = 25
  56.     + label {text = "@VTOY_MEM_DISK@" color = "white" align = "left"}
  57. }
  58. + hbox {
  59.     left = 5%
  60.     top = 35%
  61.     width = 30%
  62.     + image {file = "icons/second_grub2.png"}
  63. }

  64. + hbox {
  65.     left = 5%+50
  66.     top = 35%+8
  67.     width = 30%
  68.     + label {text = "[R]" color = "white" align = "left"}
  69. }

  70. + hbox{
  71.     left = 5%+120
  72.     top = 35%+8
  73.     width = 10%
  74.     height = 25
  75.     + label {text = "@VTOY_GRUB2_MODE@" color = "white" align = "left"}
  76. }

  77. + hbox {
  78.     left = 5%
  79.     top = 40%
  80.     width = 30%
  81.     + image {file = "icons/second_wimboot.png"}
  82. }

  83. + hbox {
  84.     left = 5%+50
  85.     top = 40%+8
  86.     width = 30%
  87.     + label {text = "[W]" color = "white" align = "left"}
  88. }
  89. + hbox{
  90.     left = 5%+120
  91.     top = 40%+8
  92.     width = 10%
  93.     height = 25
  94.     + label {text = "@VTOY_WIMBOOT_MODE@" color = "white" align = "left"}
  95. }

  96. + hbox {
  97.     left = 5%
  98.     top = 45%
  99.     width = 30%
  100.     + image {file = "icons/menu_l.png"}
  101. }

  102. + hbox {
  103.     left = 5%+50
  104.     top = 45%+8
  105.     width = 30%
  106.     + label {text = "[L]" color = "white" align = "left"}
  107. }
  108. + hbox{
  109.     left = 5%+120
  110.     top = 45%+8
  111.     width = 10%
  112.     height = 25
  113.     + label {text = "切换语言" color = "white" align = "left"}
  114. }

  115. + hbox {
  116.     left = 5%
  117.     top = 50%
  118.     width = 30%
  119.     + image {file = "icons/menu_f1.png"}
  120. }

  121. + hbox {
  122.     left = 5%+50
  123.     top = 50%+8
  124.     width = 30%
  125.     + label {text = "[F1]" color = "white" align = "left"}
  126. }
  127. + hbox{
  128.     left = 5%+120
  129.     top = 50%+8
  130.     width = 10%
  131.     height = 25
  132.     + label {text = "帮助信息" color = "white" align = "left"}
  133. }

  134. + hbox {
  135.     left = 5%
  136.     top = 55%
  137.     width = 30%
  138.     + image {file = "icons/menu_f2.png"}
  139. }

  140. + hbox {
  141.     left = 5%+50
  142.     top = 55%+8
  143.     width = 30%
  144.     + label {text = "[F2]" color = "white" align = "left"}
  145. }
  146. + hbox{
  147.     left = 5%+120
  148.     top = 55%+8
  149.     width = 10%
  150.     height = 25
  151.     + label {text = "本地浏览" color = "white" align = "left"}
  152. }

  153. + hbox {
  154.     left = 5%
  155.     top = 60%
  156.     width = 30%
  157.     + image {file = "icons/menu_f3.png"}
  158. }

  159. + hbox {
  160.     left = 5%+50
  161.     top = 60%+8
  162.     width = 30%
  163.     + label {text = "[F3]" color = "white" align = "left"}
  164. }
  165. + hbox{
  166.     left = 5%+120
  167.     top = 60%+8
  168.     width = 10%
  169.     height = 25
  170.     + label {text = "切换视图" color = "white" align = "left"}
  171. }

  172. + hbox {
  173.     left = 5%
  174.     top = 65%
  175.     width = 30%
  176.     + image {file = "icons/menu_f4.png"}
  177. }

  178. + hbox {
  179.     left = 5%+50
  180.     top = 65%+8
  181.     width = 30%
  182.     + label {text = "[F4]" color = "white" align = "left"}
  183. }
  184. + hbox{
  185.     left = 5%+120
  186.     top = 65%+8
  187.     width = 10%
  188.     height = 25
  189.     + label {text = "系统引导" color = "white" align = "left"}
  190. }


  191. + hbox {
  192.     left = 5%
  193.     top = 70%
  194.     width = 30%
  195.     + image {file = "icons/menu_f5.png"}
  196. }

  197. + hbox {
  198.     left = 5%+50
  199.     top = 70%+8
  200.     width = 30%
  201.     + label {text = "[F5]" color = "white" align = "left"}
  202. }
  203. + hbox{
  204.     left = 5%+120
  205.     top = 70%+8
  206.     width = 10%
  207.     height = 25
  208.     + label {text = "工具" color = "white" align = "left"}
  209. }


  210. + hbox {
  211.     left = 5%
  212.     top = 75%
  213.     width = 30%
  214.     + image {file = "icons/menu_f6.png"}
  215. }

  216. + hbox {
  217.     left = 5%+50
  218.     top = 75%+8
  219.     width = 30%
  220.     + label {text = "[F6]" color = "white" align = "left"}
  221. }
  222. + hbox{
  223.     left = 5%+120
  224.     top = 75%+8
  225.     width = 10%
  226.     height = 25
  227.     + label {text = "自定义菜单" color = "white" align = "left"}
  228. }


  229. + hbox {
  230.     left = 5%
  231.     top = 80%
  232.     width = 30%
  233.     + image {file = "icons/menu_f7.png"}
  234. }

  235. + hbox {
  236.     left = 5%+50
  237.     top = 80%+8
  238.     width = 30%
  239.     + label {text = "[F7]" color = "white" align = "left"}
  240. }
  241. + hbox{
  242.     left = 5%+120
  243.     top = 80%+8
  244.     width = 10%
  245.     height = 25
  246.     + label {text = "切换模式" color = "white" align = "left"}
  247. }

复制代码


+hbox  前面还有一些默认代码要保留。
作者: try_catch    时间: 2025-2-26 15:29
pdscjf 发表于 2025-2-26 14:32
图标大小怎么定义?

可能需要绘图软件直接修改png图片的尺寸。代码里没发现定义图标尺寸
作者: pdscjf    时间: 2025-2-26 16:08
try_catch 发表于 2025-2-26 15:29
可能需要绘图软件直接修改png图片的尺寸。代码里没发现定义图标尺寸

参照其他主题图片的定义,不起作用,我再看看




欢迎光临 无忧启动论坛 (http://wuyou.net./) Powered by Discuz! X3.3