Ruby的GUI构建工具 ShenmeGUI

未知
Ruby
跨平台
2015-04-01
小编辑

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等使用会出错,以后会尝试在其他系统实现,除此之外对系统没有要求。

加载中

评论(12)

九阁网趣
九阁网趣
shenmegui!! #ShenmeGUI#
提莫队长
提莫队长
什么鬼! #ShenmeGUI#
91porn
91porn
什么鬼 #ShenmeGUI#
LightAndLove
LightAndLove
感觉要火3 #ShenmeGUI#
Godning
Godning
什么鬼3 #ShenmeGUI#
新鲜的蟑螂
新鲜的蟑螂
什么鬼 #ShenmeGUI#
CN_fox
CN_fox
什么鬼38 #ShenmeGUI#
Pader
Pader
什么鬼? #ShenmeGUI#
MikeManilone
MikeManilone
什么鬼? #ShenmeGUI#
QuenTine
QuenTine
什么鬼! #ShenmeGUI#

暂无资讯

暂无问答

1024 尽情 “摇” 摆 High 翻全场活动中奖用户名单

@Xiao_H @amath0312 @zhaobingfeng @枯叶_听海 @90后小伙 @JoePong @口吞山河 @RegExInt @Endless2010 @kanony @24歲の:-O @键盘侠-phm @echooy77 @信志 @Yol @54特立独行D猪 @孤行者 @这个名...

2016/10/25 08:48
752
4
OSChina 技术周刊第二十九期 —— HTTP 有时候比 HTTPS 好?

每周技术抢先看,总有你想要的! 移动开发 【软件】iOS 图表控件 ios-charts 【软件】跨平台应用开发框架 Bridge.NET 【博客】为什么不能往 Android 的 Application 对象里存储数据 【博客】...

2015/04/12 20:53
121
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部