tkinter可视化设计工具_掌握这款数据可视化工具,可视化设计随你玩儿!

c9dff878001f44b3cc4fe86fddb0eea8.png

酷屏是亿信华辰自主研发的新一代数据可视化产品,内置近百种组件特效,六十余种风格各异的表格、导航、统计图等组件及SVG特效可供用户选择,展示效果炫酷,可任意制作酷炫灵动的图表和大屏,可谓设计能走多远,酷屏就能达到多远的境界。
尽管酷屏已经内置了很多组件特效,但是如果能自己做一个自己喜欢的组件,才更有成就感。因此酷屏提供了二次开发功能,根据系统提供的内置API接口,可以随心所欲增加自己喜欢的功能和组件等。

ad46c63732a8ce54435b725575c8e1a1.gif


系统提供了很多API接口,如HTML组件开发、联动刷新、资源树、资源权限校验、表格自定义、第三方统计图使用等。下面主要介绍下比较常用的API接口。
1、HTML组件开发API
这个API主要是对内置组件的扩展和定制,当内置组件不满足当前需求,或者想定制自己喜欢的组件,就要用到这个API了。基本方法如下:

1a526448ca9b95d486fdd192d6dde83d.png


接下来用一个小例子来介绍一下常用的方法。实现一个组件,可以显示通过取数自定义的字符串,通过属性面板可以改变背景颜色,组件改变大小时字体大小改变。
首先,我们新建一个组件:

41e17e52ae1fd9ec2902778eae31fcdb.png


然后会打开一个新建HTML组件对话框:

ebfaa703da954a33265f6666dca1c77d.png


新增一个自定义属性,以便可以在左边属性面板里面随时改变。

c9c80c2796d0cf95d770370183a7cc55.png


init()方法主要是将组件拖到编辑区的时候调用。

7d0ed26d467b5297f92505612c1a2faf.png


setProperty()方法主要是用于修改自定义属性。

0bec7f667a5428ef7c80feea40c3690e.png


refreshDatas()方法主要是用于刷新数据。

65027298f887467f6589af3f5823443e.png


当组件的大小改变时就会执行resize()方法。

b28bdf91311038a54dde23fc8ff9e602.png


dispose()方法很重要,主要用于组件销毁,不正确使用可能会造成内存泄漏哦!

895ecfb7cd49e41c8273a3b903a09e8b.png


建成之后的组件如下。

241415736506659663263fd8610f9407.png


2、联动刷新
这个联动刷新是指将一个参数组件的参数绑定在表元的过滤条件中,达到条件的时候,表格或者统计图就会随着参数值的变化而动态改变。基本方法如下:

e0e0b3da11bf3cada850cf939f3173e8.png


接下来用一个小例子来介绍主要方法。有一个日期下拉框,当下拉框的值发生改变的时候,另一个组件刷新数据。
首先拖入一个日期下拉框组件到编辑区。

8857d2d22ba16aca7bc4734c8f9db0a8.png


然后点击右边属性面板事件。

3497e8b1c4db29ce5244d53ed4b85d5d.png


调用calc_Special_Widget()方法,
//1.map类型参数
calc_Special_Widget(new EUI.Map("calc_widget_id=GRID3;@bbq=" + data ));
//2.map格式的字符串类型参数
calc_Special_Widget("calc_widget_id= GRID3;@ bbq =" + data );
//3.json格式参数
calc_Special_Widget({"calc_widget_id":" GRID3","@ bbq ":data});//注意data不要+号
//4.json格式字符串
var para = {"calc_widget_id":" GRID3","@ bbq ":data};
var jsonstr = JSON.stringify(para);
calc_Special_Widget(jsonstr);
上面四种参数格式任选一种。

a9c9b5f21ed557a3c00cc8b33d3455fc.png


设置过滤条件,要注意和参数一致哦!

733cd7853d121ee042c1736ad2e160fe.png


最后结果,当切换日期下拉框里面的日期改变时,表格的数据也会相应的变化。

11d9de5eb0af9e4ab6122cacc3ff4a92.png


3、可视化表格样式自定义
表格所需的样式比较复杂,实际中也是各有各的爱好,因此给表格提供了一个自定义接口,支持对表元的自定义。

ac97714956f1e24e89917ba37b686a49.png


在属性面板上对样式名称进行设置,值是字符串,如'text-w'。

90ce54011705ace0fca37981f51dc505.png


样式的内容,可以写文件引入,也可以直接在代码态写css。

039385cf71a398c3856d74480240e151.png


最后结果就可以得到你想要的表格样式。

eea90670c3e170d628669391ca27f33b.png


这里仅叙述了酷屏提供的部分API接口,更好好玩的操作等你来发掘。各种炫酷大屏,尽在亿信酷屏!
PS:搜索“亿信华辰”就能在官网体验酷屏产品demo了!

这是一个VB6的IDE插件(Addin),使用VB6的IDE直接设计Python的界面。 Python和VB都是能让人快乐的编程语言,我使用了Python之后,很多自己使用的工具都使用Python开发或改写了,因为最终实现的Python代码实在太短了(相比VB),有时候Python一行代码就可以实现VB一个函数的功能。 Python就是这种让人越用越开心的语言。 不过说实在,使用Python开发GUI界面还是麻烦了一些了,自带的标准库Tkinter使用起来非常简单,不过对于习惯了VB拖放控件完成界面设计的偶来说,还是不够人性化。TK也有一个工具叫GUI Builder,不过它使用Layout布局,不够直观,而且用起来很不爽。。 至于PyQt/wxPython等GUI库,尽管有可视化设计工具,但总感觉做一般的轻量级应用是杀鸡用牛刀, 而且不够环保,不够低碳,要带一个很大的库,需要目标机器上夜同样安装了PyQt/wxPython,做不了绿色软件。 所以最终的结果是我更喜欢Tkinter,用起来很简单,绿色环保,真正的跨平台,一个py文件到处运行(担心泄密就编译成pyc)。 很多人都认为TK的界面不够美观,不过我经过多次实验后发现导入Python自带的标准TTK主题库,界面非常Native,不输PyQt/wxPython。 此Addin默认启用TTK支持,也可选择关闭。 总而言之,轻量级GUI,TK+TTK足够。 使用此Addin,你可以不用写一句代码就可以生成一个完整可运行的Python的GUI界面,支持2.X和3.X。 安装方法:将压缩包解压到你希望的目录,然后执行Setup.exe完成注册插件过程,打开VB6就可以用了。 在VB窗体上设计完成界面后(你可以大胆的设置各控件的属性,Addin尽量将其翻译为tkinter的控件属性),点工具栏上的VisualTkinter(图标为一片羽毛),再点'生成代码'按钮,即可生成可运行的Python代码,可以拷贝至剪贴板或保存至文件。 一般情况下你可以不用再改变tkinter的控件属性,但是如果你熟悉tkinter,需要更多的控制,可以一一核对各属性,并且修改,再生成代码。 当然除了用来设计界面外,此ADDIN内置的各控件属性列表可以做为编程参考,比较完整,除了极少数我认为大多数人都不用的属性外,属性定义基本上是我从官方的tkinter文档直接翻译的。 如果还没有VB6,网上找一个VB6精简版即可,不到20M,小巧玲珑。 代码已经在Github上托管,更新的版本可以在这上面找到,需求也可以在上面提: https://github.com/cdhigh/Visual-Tkinter-for-Python
这是一个VB6的IDE插件(Addin),使用VB6的IDE直接设计Python的界面。 Python和VB都是能让人快乐的编程语言,我使用了Python之后,很多自己使用的工具都使用Python开发或改写了,因为最终实现的Python代码实在太短了(相比VB),有时候Python一行代码就可以实现VB一个函数的功能。 Python就是这种让人越用越开心的语言。 不过说实在,使用Python开发GUI界面还是麻烦了一些了,自带的标准库Tkinter使用起来非常简单,不过对于习惯了VB拖放控件完成界面设计的同学来说,还是不够人性化。TK也有一个工具叫GUI Builder,不过它使用Layout布局,不够直观,而且界面简陋,用起来也不爽。 至于PyQt/wxPython等GUI库,尽管有可视化设计工具,但总感觉做一般的轻量级应用是杀鸡用牛刀,学习起来也比较复杂,而且不够环保,不够低碳,要带一个很大的库,需要目标机器上夜同样安装了PyQt/wxPython,做不了绿色软件。 所以最终的结果是我更喜欢Tkinter,用起来很简单,绿色环保,真正的跨平台,一个py文件到处运行(担心泄密就编译成pyc)。 很多人都认为TK的界面不够美观,不过导入Python自带的标准TTK主题库,界面非常Native,不输PyQt/wxPython。 此Addin默认启用TTK支持,也可选择关闭。 总而言之,轻量级GUI,TK+TTK足够。 使用此Addin,你可以不用写一句代码就可以生成一个完整可运行的Python的GUI界面,支持python 2.X和3.X。 安装方法:将压缩包解压到你希望的目录,然后执行Setup.exe完成注册插件过程,打开VB6就可以用了。 在VB窗体上设计完成界面后(你可以大胆的设置各控件的属性,Addin尽量将其翻译为tkinter的控件属性),点工具栏上的VisualTkinter(图标为一片橙红色羽毛),再点'生成代码'按钮,即可生成可运行的Python代码,可以拷贝至剪贴板或保存至文件。 一般情况下你可以不用再改变tkinter的控件属性,但是如果你熟悉tkinter,需要更多的控制,可以一一核对各属性,并且修改,再生成代码。 除了用来设计界面外,此ADDIN内置的各控件属性列表可以做为编程参考,比较完整,除了极少数我认为大多数人都不用的属性外,属性定义基本上是我从官方的tkinter文档直接翻译的。 如果还没有VB6,网上找一个VB6精简版即可(建议使用12M的版本,6M的版本也可以使用,不过工具栏图标无法显示,可以通过菜单执行此插件)。 经过网友测试,完美支持WinXP,Windows 7, Windows 8。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值