iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
2
Software Development

自動化測試開發的美麗與憂愁系列 第 7

好用的WYSIWYG 圖形介面設計工具 (python/ powershell)

WYSIWYG = What You See Is What You Get

筆者在很多場合中都被嗆, 你寫的自動化測試工具都沒有包含圖形介面. 那個不叫做自動化測試工具. 只能算是你自己用的方便工具而已.

A: 使用CLI 工具的使用者. 常常會打錯字, 連複製貼上都會弄錯. 你不做UI出來, 只有寫寫教學文件跟錄製教學影片. 這工具根本無法導入使用

筆者OS: 這不是我的問題吧, 是那個使用者還有上頭領班的問題.難道圖形介面就不會點錯嗎? CLI 工具加上幾個參數而已就可以跑了啊 ...

(無言 ....)

回到正題 ....

以下是筆者在開發中覺得還蠻好用的工具
PS: 主流的VB/ C#/ Labview 就不在此討論

WYSIWYG 圖形介面設計工具

  • PAGE (Python Automatic GUI Generator) [tkinter]

引用自官網介紹

實作:

  1. 下載並安裝ActiveTcl
  2. 下載並安裝PAGE
  3. 在左邊的工具列上點選Frame
  4. 在New top level 上任一位置點下滑鼠左鍵擺放Frame
  5. 這種設計方式酷似Visual Studio 非常簡單

以下是筆者曾經設計過的UI

設計完後, 可以自動產生出程式碼:
6. 點選選單\ Gen_Python\ Generate Python GUI

7. python 程式碼就自動產生完成

PS: 可以看到程式碼已經被自動產生,
8.試跑 (點下Run按鈕)

PS: 試跑看看 確定是否有問題
9. 點選Save 存檔後就可以看到目錄內已經有相關檔案

10. 產生完成後就可以在裏頭開發額外的模組

參考資料:
PAGE Demo - Github
Official PAGE documentation

  • powershell studio
    這是一套專為powershell 開發的商用IDE, 裏頭設計圖形介面的方式跟VB或C#相似. 非常容易入門.
  1. 下載並安裝powershell studio
    筆者是使用2019的版本
  2. 打開後的畫面
  3. New 一個新專案, 可選擇以下幾種方案
  4. 左邊有工具列, 選定想要的元件後使用拖拉的方式到Frame 上擺放
  5. 點選button 後, 在IDE右下角可以設定屬性
  6. 在button元件上點選滑鼠右鍵, 選擇Edit default event(click)
  7. 看到可以編寫程式碼的地方
  8. 點選按鈕後讓標籤文字顯示hello world
$buttonGenerate_Click={
	#TODO: Place custom script here
	$label1.Text = "Hello world"
}

  1. Run
  2. 按下Generate button後就出現Hello world 文字

參考資料:
powershell UI Demo - Github
SAPIEN powershell studio documentation

結論:
powershell 是一套非常簡單使用的腳本語言, 筆者覺得使用這套做UI 還蠻輕鬆的. 他的底層其實也是.net.

此外, .Net framework/ powershell 均有推出Linux 版本. 那是否意味著產生出來的PS1 的UI檔案 也可以在Linux 上執行. 筆者在實驗過後發現, 很遺憾的是在Ubuntu OS 上跑不起來. 會有很多相依性的問題尚待解決


上一篇
資料分析之R語言的圖表好漂亮, 要怎麼做??
下一篇
無中生有之國王的程式碼 - 單純篇 [C#]
系列文
自動化測試開發的美麗與憂愁30

尚未有邦友留言

立即登入留言