【文件属性】：
文件名称：Ruby的GUI构建工具ShenmeGUI.zip
文件大小：22KB
文件格式：ZIP
更新时间：2022-08-06 07:05:29
开源项目
ShenmeGUI是一套受Shoes启发而诞生的GUI工具，拥有相似的DSL语法，使用HTML构建界面，并实现了前后端数据的双向绑定，可以便捷地实现一些轻量的GUI应用。安装执行 gem install shenmegui 。示例代码require 'shenmegui'
ShenmeGUI.app do
form(title: 'Your Application') do
button('alert').onclick do
alert 'Hello World!'
end
button('open an image').onclick do
path = get_open_file_name
@t.text = path
@i.src = path
end
stack do
label 'image path:'
@t = textarea '', width: '100%'
end
@i = image "http://7jpqbr.com1.z0.glb.clouddn.com/bw-2014-06-19.jpg"
@p = progress(75)
button(' ').onclick { @p.percent = 5 }
button('-').onclick { @p.percent -= 5 }
end
end
ShenmeGUI.start!将会产生如图所示的界面：如未自动打开浏览器，可手动打开程序代码同目录的index.html。button定义按钮，并通过onclick绑定上了点击事件。第一个按钮弹出一个对话框，第二个按钮弹出一个打开文件的对话框，将文件路径写到下方定义的textarea里，并改变image的src以显示这个图片。下方的两个按钮演示了进度条的增减。系统需求Ruby版本大于等于2.0.0。因为前后端通讯使用了websocket，所以需要使用支持websocket的浏览器。目前打开文件对话框只实现了windows版本，在Linux等使用会出错，以后会尝试在其他系统实现，除此之外对系统没有要求。
标签：ShenmeGUI GUI开发框架
【文件预览】：
ShenmeGUI-master
----example()
--------example.rb(1KB)
--------app.rb(2KB)
----templates()
--------radio.erb(65B)
--------image.erb(76B)
--------form.erb(1KB)
--------progress.erb(95B)
--------textline.erb(78B)
--------stack.erb(75B)
--------flow.erb(74B)
--------table.erb(63B)
--------textarea.erb(79B)
--------select.erb(71B)
--------label.erb(63B)
--------body.erb(410B)
--------button.erb(71B)
--------checkbox.erb(69B)
----test()
--------test.rb(271B)
----static()
--------style.scss(11KB)
--------style.css(11KB)
--------script.js(7KB)
----.gitignore(65B)
----lib()
--------shenmegui.rb(217B)
--------shenmegui()
----shenmegui.gemspec(615B)
----README.md(2KB)