軟體介面開發新選擇htmlayoutsciter輕鬆製作出漂亮的軟體介面

現在程式設計師開發軟體介面系統也都是有多種多樣，每種開發語言基本上都有一種或多種介面引擎如：C skin， Direct UI ，還有金山、迅雷等廠商的介面SDK。

今天推薦一個輕量級、自由度高、使用方便的介面庫 Htmlayout/Sciter。HTMLayout是一個免費的開源介面庫（核心未開源），以DLL的方式執行，並提供一個API的呼叫介面和一系列的C++封裝和sample例程。HTMLayout：快速，輕量、嵌入式的，基於HTML/CSS渲染技術和佈局管理的介面引擎元件，可以高效地解析和渲染HTML網頁。其幾乎支援所有的HTML元素和CSS3標準，並根據介面庫的特徵，做了很多有用的功能性擴充套件。

介面預覽

這裡著重地說一下在 aardio 軟體中的使用，作者把 HTMLayout和 Sciter 製作成了擴充套件庫，並且免費開源，透過這個擴充套件庫你知道會一點點 HTML 和 CSS 知識就可以方便地製作各種漂亮的 ui。透過作者的努力你還可以直接在介面上使用現在最流行的字型圖示，還使擴充套件庫支援了模板功能，你可以像寫PHP一樣寫桌面軟體的介面HTML，雖然看起來簡單的程式碼，但用起來會非常方便。

效果圖

言歸正傳，我們用aardio一步步來製作一個最簡單的介面。

1、開啟軟體》新建工程》選擇web介面》選擇HTMLayout》建立工程

字型圖示

效果圖

aardio 裡檢視 main。aardio 原始碼

import win。ui；/*DSG{{*/var winform = win。form（text=“htmlayout”；right=761；bottom=609；border=“none”）winform。add（）/*}}*/import web。layout； import web。layout。behavior。windowCommand；import web。layout。behavior。tabs；// 載入網頁var wbLayout = web。layout（ winform ）；wbLayout。go（“\layout\ui。html”）；if（_STUDIO_INVOKED）{ import web。layout。debug； wbLayout。attachEventHandler（ web。layout。debug ）；} //新增陰影邊框import win。ui。shadow；win。ui。shadow（ winform，50，3 ）；winform。show（） win。loopMessage（）；

從上面我們可以看出，軟體的主要介面是由 ui。html，ui。css，tabs。css 這幾個檔案組成的。然後你可以根據自己軟體介面的需要進行調整。