php 图形用户界面GUI 开发
一、下载指定系统扩展
1
2
|
http: //pecl.php.net/package/ui http: //pecl.php.net/package/ui/2.0.0/windows |
由于我的系统是64位win10,php版本是7.1,所以选择7.1 Thread Safe (TS) x64,linux用户可以自行下载源码包,编译安装。
解压php_ui-2.0.0-7.1-ts-vc14-x64.zip,接下来:
- php_ui.dll放入到php的ext目录中,然后php.ini加入extension=php_ui.dll
- pthreadVC2.dll和libui.dll放入php目录中,也就是和php.exe文件同级
- cmd中运行php -m命令查看模块有没有正确加载
然后重启服务,phpinfo()查看,ui扩展安装成功。
二、我们创建一个简单的计算器
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<?php use UI\Window; use UI\Size; use UI\Controls\Entry; use UI\Controls\Label; use UI\Controls\Button; use UI\Controls\Grid; //创建一个窗口 //参数一表示窗口标题 //参数二表示窗口大小 //参数三表示是否显示菜单 $win = new Window( '简单的计算器' , new Size(640, 480), true); //创建一个文本框 //Entry::Normal 普通单行文本框 //Entry::Password 密码框 //Entry::Search 搜索框 $num1 = new Entry(Entry::Normal); $num2 = new Entry(Entry::Normal); $ret = new Entry(Entry::Normal); //创建一个标签 $lab = new Label( '+' ); //创建一个按钮 $btn = new class ( '计算' ) extends Button { public function __construct( $text ) { parent::__construct( $text ); } protected function onClick() { global $num1 , $num2 , $ret ; $n1 = $num1 -> getText (); $n2 = $num2 -> getText (); $ret ->setText( $n1 + $n2 ); } }; //创建一个网格 $grid = new Grid(); //把上面的控件加入到网格布局中 $grid ->append( $num1 , 0, 0, 1, 1, true, Grid::Center, false, Grid::Center); $grid ->append( $lab , 0, 1, 1, 1, true, Grid::Center, false, Grid::Center); $grid ->append( $num2 , 0, 2, 1, 1, true, Grid::Center, false, Grid::Center); $grid ->append( $btn , 0, 3, 1, 1, true, Grid::Center, false, Grid::Center); $grid ->append( $ret , 0, 4, 1, 1, true, Grid::Center, false, Grid::Center); //把布局加入到窗口中 $win ->add( $grid ); //显示窗口 $win ->show(); UI\run(); |
在控制台下运行php脚本
1
|
> php index.php |
运行结果如下:
三、我们创建一个常用的注册表单
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
<?php use UI\Window; use UI\Size; use UI\Controls\Box; use UI\Controls\Entry; use UI\Controls\Button; use UI\Controls\Form; use UI\Controls\Radio; use UI\Controls\Check; use UI\Controls\Combo; use UI\Controls\MultilineEntry; //创建一个窗口 //参数一表示窗口标题 //参数二表示窗口大小 //参数三表示是否显示菜单 $win = new Window( '简单的计算器' , new Size(640, 480), true); //创建一个表单 $frm = new Form(); //用户名 $user = new Entry(Entry::Normal); $frm ->append( '用户名:' , $user , false); //密码 $pwd = new Entry(Entry::Password); $frm ->append( '密码:' , $pwd , false); //性别(单选) $sex = new Radio(); $sex ->append( "男" ); $sex ->append( "女" ); $sex ->append( "未知" ); $frm ->append( '性别:' , $sex , false); //爱好(多选) //创建一个盒子,水平排列 $loveBox = new Box(Box::Horizontal); $love1 = new Check( '看书' ); $love2 = new Check( '旅游' ); $love3 = new Check( '游戏' ); //把多选控件加入盒子中 $loveBox ->append( $love1 ); $loveBox ->append( $love2 ); $loveBox ->append( $love3 ); $frm ->append( '爱好:' , $loveBox , false); //地区(下拉框) $area = new Combo(); $area ->append( "北京" ); $area ->append( "上海" ); $area ->append( "武汉" ); $frm ->append( '地区:' , $area , false); //简介(多行文本) $desc = new MultilineEntry(); $frm ->append( '简介:' , $desc , false); //注册按钮 $reg = new class ( '注册' , $win ) extends Button { protected $win ; public function __construct( $text , $win ) { $this ->win = $win ; parent::__construct( $text ); } //用于重写父类的单击事件 protected function onClick() { $this ->win->msg( '消息' , '你点击了注册按钮' ); } }; $frm ->append( '' , $reg ); $win ->add( $frm ); //显示窗口 $win ->show(); UI\run(); |
运行结果如下:
为了避免每次都要打命令运行php脚本,我们可以写个bat脚本来运行。
1
2
|
D:\amp\php7\php.exe -f D:\wwwroot\demo1\index.php pause |
注意php.exe的路径和运行脚本路径,保存为run.bat,运行结果如下:
参考 https://www.cnblogs.com/jkko123/p/7873024.html
https://segmentfault.com/a/1190000011513423
php 图形用户界面GUI 开发的更多相关文章
- AWT是Java基础类 (JFC)的一部分,为Java程序提供图形用户界面(GUI)的标准API
抽象窗口工具包 (Abstract Windowing Toolkit) (AWT)是Java的平台独立的窗口系统,图形和用户界面器件工具包. AWT是Java基础类 (JFC)的一部分,为Java程 ...
- 图形用户界面(GUI)应用程序开发——菜鸟的第一步
参考资源:贺老师博文 在看完贺老师的博文后,我就照葫芦画瓢的做了个求三角形面积的程序.这是我写的一篇所用时间最长博文(两个多小时,真心挺累,或许是我太笨吧),为了尽可能详细的把步骤写明白我截了二十一张 ...
- Java基础学习总结 -- 图形用户界面GUI
虽然目前Java算不上前端开发的主力,但是作为Java入门基础的一部分,学习Java的GUI编程还是有必要的,而且可以做出一些小且有趣的图形程序来提高学习热情.本篇学习总结均为一个Beginner的笔 ...
- python之图形界面GUI开发 Tkinter 2014-4-7
1.导入Tkinter 可以使用以下三种方法(1)from Tkinter import *#导入Tkinter(2)import TkinterTkinter.methodA使用 Tkinter.m ...
- 创建图形用户界面GUI和事件监听机制的简单实现(java)
创建图形化界面 1.创建Frame窗体 2.对窗体进行基本设置 比如:大小.位置.布局 3.定义组件 4.将组建通过窗体添加到窗体中 5.让窗体显示,通过setVisib ...
- python基础教程总结11——图形用户界面GUI
1. 丰富的平台 工具包 描述 Tkinter 使用Tk平台.很容易得到.半标准. wxpython 基于wxWindows.跨平台越来越流行. PythonWin 只能在Windows上使用.使用了 ...
- java-GUI图形用户界面
图形用户界面GUI(Graphical User Interface),指的是在一个程序中用户可以看到的和与之交互的部分. JavaAPI中提供两套组件用于支持编写用户界面AWT and Swin ...
- 抽象窗口工具包AWT (Abstract Window Toolkit) 是 API为Java 程序提供的建立 图形用户界面
抽象窗口工具包AWT (Abstract Window Toolkit) 是 API为Java 程序提供的建立 图形用户界面GUI (Graphics User Interface)工具集,AWT可用 ...
- 黑马程序员_<<GUI(图形用户界面)--------1>>
--------------------ASP.Net+Android+IOS开发..Net培训.期待与您交流! -------------------- 1. GUI图形用户界面 1.简述 Gra ...
随机推荐
- oracle提高查询效率的34条方法
注:本文来源:远方的守望者 <oracle提高查询效率的34条方法> oracle提高查询效率的34条方法 1.选择最有效率的表名顺序 (只在基于规则的优化器中有效): ORACLE的解 ...
- flower
问题 D: flower 时间限制: 1 Sec 内存限制: 128 MB 题目描述 又是一年教师节,有n个小朋友打算去看望花老师.去看花老师当然要买花咯,不过某些土(xue)豪(ba)买了太多的花 ...
- 第八周学习总结-C#、C++
2018年9月2日 今天是小学期开始第三天,本周前几天看了看C#和C++,用C#窗体做了个计算器,然后还用Scratch做了一个贪吃蛇的脚本. 31号小学期开始,到今天我把A类基本做完了.一开始做通讯 ...
- vue中Axios的封装和API接口的管理
前端小白的声明: 这篇文章为转载:主要是为了方便自己查阅学习.如果对原博主造成侵犯,我会立即删除. 转载地址:点击查看 如图,面对一团糟代码的你~~~真的想说,What F~U~C~K!!! 回归正题 ...
- Centos7搭建dhcp服务器
实验拓扑: 实验步骤如下: 1.挂载本地镜像,并安装dhcp组件. 2.更改配置文件,并重启服务. . 3.配置dhcp地址池范围 4.配置防火墙 结果:在客户端上,重启网卡,后查看ip
- Python(列表操作应用实战)
# 输入一个数据,删除一个列表中的所有指定元素# 给定的列表数据data = [1,2,3,4,5,6,7,8,9,0,5,4,3,5,"b","a",&quo ...
- python基础知识之zip
names =['zhangning','lsl','lyq','xww']age = [1,2,3,4]for a,b in zip(names,age): print(a,b)S = 'abcde ...
- xxl系列部署启动通用办法
http://10.10.6.186:8080/xxl-job-admin # 编译mvn compile # 清理mvn clean # 打包mvn package # 先清理后编译mvn clea ...
- jquery toast插件
插件描述:Toaster.js是一款Material Design风格jquery toast插件.Toaster.js提供5种主题,以及众多配置参数,用于显示toast类型的消息提示框.兼容性如下: ...
- [转] react-router4 + webpack Code Splitting
项目升级为react-router4后,就尝试着根据官方文档进行代码分割.https://reacttraining.com/react-router/web/guides/code-splittin ...