php 圖形用戶界面GUI 開發

一、下載指定系統擴展

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.ini中extension_dir設置的目錄，把libui.dll和pthreadVC2.dll復制到C:\Windows\System32目錄下。

在php.ini中加入如下：

extension=php_ui.dll

然后重啟服務，phpinfo()查看，ui擴展安裝成功。

 

二、我們創建一個簡單的計算器

<?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腳本

> php index.php

運行結果如下：

 

三、我們創建一個常用的注冊表單

<?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腳本來運行。

D:\amp\php7\php.exe -f D:\wwwroot\demo1\index.php
pause

注意php.exe的路徑和運行腳本路徑，保存為run.bat，運行結果如下：