App Builder 2022是一款非常強(qiáng)大且穩(wěn)定的web可視化開發(fā)軟件。該軟件的界面非常的簡約清新，用戶可以通過軟件中實(shí)用的功能來在軟件界面中建立Hybrid、HTML5等一些應(yīng)用程序，能夠非常好的幫助用戶進(jìn)行各種程序的開發(fā)。

【軟件特色】

　　1、語言能力

　　應(yīng)用程序基于HTML，CSS和Javascript。這些是（或多或少）您必須了解的語言，以創(chuàng)建可在所有移動和桌面瀏覽器以及Android，iOS和Microsoft Windows等平臺上運(yùn)行的現(xiàn)代應(yīng)用程序。全部具有相同的基本代碼！這是選擇軟件的重要原因。

　　2、視覺設(shè)計(jì)師

　　軟件為我們提供了數(shù)十種視覺和非視覺控件，可隨時將其放置在應(yīng)用程序的設(shè)計(jì)器中。只需將所需的控件拖放到設(shè)計(jì)器中，然后將其放置在所需的位置即可。

　　3、上下文幫助

　　軟件具有上下文幫助，可將您精確地指向控件，屬性，事件引用等。只需在IDE中按F1鍵即可。

　　4、阿帕奇·科爾多瓦（Apache Cordova）

　　軟件與Apache Cordova集成在一起，并為您的應(yīng)用程序準(zhǔn)備正確的配置文件，平臺圖標(biāo)，初始屏幕，批處理文件，shell文件和JSON文件。軟件

　　還集成了官方的Apache Cordova插件。

　　5、快速代碼清單

　　軟件代碼編輯器為您提供方便的快速代碼列表?？焖俅a列表可幫助您更快地編寫Javascript代碼，并提供所有可用的控件屬性，方法等。

　　6、應(yīng)用程序文件管理器

　　軟件為您的應(yīng)用程序集成了正確的文件管理器，因此您可以鏈接Javascript和樣式表文件，還可以添加圖像，其他文件（如JSON文件）甚至整個目錄，以在運(yùn)行時在您的應(yīng)用程序中可用。

　　7、用戶功能

　　除了可用的應(yīng)用程序方法和應(yīng)用程序視圖，應(yīng)用程序?qū)υ捒?，?yīng)用程序框架，Apache Cordova插件方法以及您可以使用的所有可能的控件提供的方法外，還可以按順序設(shè)置自己的用戶功能在運(yùn)行時可用于您的應(yīng)用。

　　8、自動縮放應(yīng)用

　　您的應(yīng)用程序有許多可用的主題，您甚至可以在運(yùn)行時設(shè)置固定和縮放的樣式。自動縮放樣式使應(yīng)用程序可以在不同的屏幕尺寸下正確顯示。

【軟件亮點(diǎn)】

　　1、視覺動作

　　您不需要知道使用軟件創(chuàng)建應(yīng)用程序的Javascript。軟件的腳本語言基于數(shù)百個可視化操作，您可以簡單地將其放在需要執(zhí)行的位置。

　　2、視覺設(shè)計(jì)師

　　軟件為我們提供了數(shù)十種視覺和非可視化控件，可以放置在應(yīng)用程序的設(shè)計(jì)器中。只需將您需要的控件拖放到設(shè)計(jì)器中，然后將其放在想要的位置。

　　3、情境幫助

　　軟件意圖易于使用，但是它們包含一個完整的幫助文件，可以描述所有可用的控件和操作，以及一些特定的教程。

　　4、超過應(yīng)用程序

　　App Builder為您準(zhǔn)備了將應(yīng)用程序部署為WebApps和Progressive WebApps所需的東西。軟件還允許您為現(xiàn)代瀏覽器開發(fā)WebExtensions。

　　5、非?？蓴U(kuò)展

　　除了程序提供的視覺操作外，軟件的應(yīng)用程序可以使用Javascript進(jìn)行擴(kuò)展。還可以使用軟件的Javascript插件和Apache Cordova?插件。

　　6、Apache Cordova

　　軟件與Apache Cordova?及其插件集成，為您準(zhǔn)備了適當(dāng)?shù)膱D標(biāo)和啟動屏幕，配置文件，簽名文件和批處理和shell腳本，以便快速運(yùn)行，調(diào)試和發(fā)布我們的應(yīng)用程序。

　　7、CLI支持

　　軟件還包括一個命令行編譯器以及視覺環(huán)境。這樣，我們可以從命令行編譯我們的應(yīng)用程序，簡單而快速。

　　8、完整套件

　　我們還可以為Android?等平臺構(gòu)建應(yīng)用程序。

【軟件功能】

　　1、IDE歡迎頁面

　　程序啟動時將加載軟件歡迎頁面，并為您提供有用的快捷方式和信息。您可以啟動一個新應(yīng)用，打開最近的應(yīng)用和文件，將這些最近的內(nèi)容添加到收藏夾中，閱讀最新的支持論壇主題和帖子，在suppport論壇中執(zhí)行搜索等等。

　　程序啟動時，defuult將加載IDE歡迎頁面。如果看不到它，因?yàn)槟瓣P(guān)閉了“歡迎”頁面面板，則可以使用菜單->視圖->歡迎頁面再次顯示它。

　　2、DE工具面板

　　軟件工具面板顯示了可用的應(yīng)用程序控件，可以將它們放置在應(yīng)用程序視圖，應(yīng)用程序?qū)υ捒蚝蛻?yīng)用程序框架中。

　　IDE工具面板的工作方式

　　使用“ IDE工具”面板非常簡單，只需單擊可用的控件之一，然后在應(yīng)用程序設(shè)計(jì)器中單擊：然后將您單擊的控件插入應(yīng)用程序設(shè)計(jì)器中，然后可以使用IDE控件檢查器開始更改其屬性。，IDE控件樣式檢查器，將它們的一些事件編成代碼等。

　　3、DE控件檢查器

　　軟件控件檢查器允許在設(shè)計(jì)時為應(yīng)用程序視圖，應(yīng)用程序?qū)υ捒?，?yīng)用程序框架，應(yīng)用程序控件和應(yīng)用程序本身的幾乎所有屬性設(shè)置值。在下圖中，您可以看到IDE控件檢查器為紅色矩形：

　　IDE控件檢查器的工作方式

　　從上圖中還可以看到，在應(yīng)用程序視圖設(shè)計(jì)器中選擇了一個Push按鈕，因此我們在IDE控件檢查器中可以看到的是所選控件的屬性。這就是IDE控件檢查器的工作方式。

　　您必須在應(yīng)用程序視圖設(shè)計(jì)器內(nèi)部單擊，才能在IDE控件檢查器中選擇并顯示應(yīng)用程序視圖屬性。您也可以在應(yīng)用程序視圖設(shè)計(jì)器外部單擊，以在IDE控件檢查器中顯示應(yīng)用程序?qū)傩?，最后，您可以單擊其中一個應(yīng)用程序視圖控件，以在IDE控件檢查器中顯示選定的控件屬性。

　　單擊引用的設(shè)計(jì)器點(diǎn)后，您可以開始使用IDE控件檢查器查看和編輯應(yīng)用程序視圖，應(yīng)用程序本身或所選控件?？匆幌孪旅娴腉IF，它顯示了如何使用IDE控件檢查器更改應(yīng)用程序，應(yīng)用程序視圖和控件屬性。

　　4、IDE控件樣式檢查器

　　軟件控件樣式檢查器允許在設(shè)計(jì)時為應(yīng)用程序視圖，應(yīng)用程序?qū)υ捒?，?yīng)用程序控件和應(yīng)用程序本身設(shè)置其他CSS樣式規(guī)則。它類似于IDE控件檢查器，并且以類似的方式工作。

　　IDE控件樣式檢查器的工作方式

　　從上圖中還可以看到，在應(yīng)用程序視圖設(shè)計(jì)器中選擇了一個Push按鈕，因此我們在IDE控件樣式檢查器中可以看到的是該選定控件可能的其他CSS規(guī)則。這就是IDE控件樣式檢查器的工作方式。

　　您必須在應(yīng)用程序視圖設(shè)計(jì)器內(nèi)部單擊，才能在IDE控件樣式檢查器中選擇并顯示應(yīng)用程序視圖CSS規(guī)則。您還可以在應(yīng)用程序視圖設(shè)計(jì)器外部單擊，以在IDE控件樣式檢查器中顯示應(yīng)用程序CSS規(guī)則，最后，您可以單擊其中一個應(yīng)用程序視圖控件，以在IDE控件樣式中顯示選定的控件CSS規(guī)則。檢查員。

　　單擊引用的設(shè)計(jì)器點(diǎn)后，就可以使用IDE控件樣式檢查器開始查看和編輯應(yīng)用程序視圖，應(yīng)用程序本身或所選控件。

　　樣式，懸停和焦點(diǎn)

　　如上圖所示，IDE控件樣式檢查器分為三個選項(xiàng)卡：“樣式”，“懸停”和“焦點(diǎn)”。很容易理解這一點(diǎn)：您在“樣式”選項(xiàng)卡中設(shè)置的CSS規(guī)則是始終要應(yīng)用的CSS規(guī)則。相反，您可以在“懸浮”和“焦點(diǎn)”選項(xiàng)卡中設(shè)置的CSS規(guī)則僅在分別懸浮和聚焦應(yīng)用視圖，應(yīng)用或控件時才適用。

　　5、DE控件列表

　　軟件提供了四個控件列表：應(yīng)用程序視圖列表，應(yīng)用程序?qū)υ捒蛄斜?，?yīng)用程序框架列表以及最后的應(yīng)用程序控件列表。

　　控件列表的工作方式

　　您可以使用IDE控件列表來選擇特定的應(yīng)用程序視圖，應(yīng)用程序?qū)υ捒蚧驊?yīng)用程序框架。選擇其中一項(xiàng)后，控件列表將顯示所選應(yīng)用程序視圖，應(yīng)用程序?qū)υ捒蚧驊?yīng)用程序框架內(nèi)的控件，如以下動畫GIF圖像所示：

　　您可以使用控件列表來選擇應(yīng)用程序視圖，應(yīng)用程序?qū)υ捒?，?yīng)用程序框架或它們包含的任何控件：您還可以雙擊控件列表項(xiàng)以直接訪問正確的應(yīng)用程序視圖

　　6、編輯器快速代碼列表

　　軟件快速代碼列表已準(zhǔn)備就緒，可在所有代碼編輯器中使用，并使我們可以快速訪問所有可用的應(yīng)用程序方法和應(yīng)用程序?qū)傩?，所有?yīng)用程序視圖，應(yīng)用程序?qū)υ捒?，?yīng)用程序框架以及所有控件的方法和屬性。 。例如，只需在應(yīng)用程序視圖中添加一個新控件，該控件便可以在“快速代碼”列表中使用，以方便您使用。

　　顯示快速代碼列表

　　編輯器工具欄中有一個按鈕來顯示“快速代碼”列表，但是，您可能很快就會學(xué)會使用CTRL + SPACE快捷方式來顯示它。甚至更多，您將立即了解到，快速代碼列表會根據(jù)您編寫的內(nèi)容自動更新，因此，您可以轉(zhuǎn)到所需的元素，以盡可能快地自動完成代碼。

　　方法參數(shù)技巧

　　與快速代碼列表相關(guān)，代碼編輯器為您提供有關(guān)Javascript方法所需的參數(shù)名稱和類型的信息。一旦從“快速代碼”列表中選擇了Javascript方法，或者直接編寫了該方法，該信息就會自動出現(xiàn)。您也可以顯示此信息，將編輯器插入符號放在方法參數(shù)括號內(nèi)，然后SHIFT + CTRL + SPACE按快捷鍵。

　　參數(shù)提示自動出現(xiàn)，但也可以通過使用SHIFT + CTRL + SPACE快捷方式 強(qiáng)制顯示