網友評分: 5分
App Builder 2022是一款非常強大且穩定的web可視化開發軟件。該軟件的界面非常的簡約清新,用戶可以通過軟件中實用的功能來在軟件界面中建立Hybrid、HTML5等一些應用程序,能夠非常好的幫助用戶進行各種程序的開發。
1、語言能力
應用程序基于HTML,CSS和Javascript。這些是(或多或少)您必須了解的語言,以創建可在所有移動和桌面瀏覽器以及Android,iOS和Microsoft Windows等平臺上運行的現代應用程序。全部具有相同的基本代碼!這是選擇軟件的重要原因。
2、視覺設計師
軟件為我們提供了數十種視覺和非視覺控件,可隨時將其放置在應用程序的設計器中。只需將所需的控件拖放到設計器中,然后將其放置在所需的位置即可。
3、上下文幫助
軟件具有上下文幫助,可將您精確地指向控件,屬性,事件引用等。只需在IDE中按F1鍵即可。
4、阿帕奇·科爾多瓦(Apache Cordova)
軟件與Apache Cordova集成在一起,并為您的應用程序準備正確的配置文件,平臺圖標,初始屏幕,批處理文件,shell文件和JSON文件。軟件
還集成了官方的Apache Cordova插件。
5、快速代碼清單
軟件代碼編輯器為您提供方便的快速代碼列表??焖俅a列表可幫助您更快地編寫Javascript代碼,并提供所有可用的控件屬性,方法等。
6、應用程序文件管理器
軟件為您的應用程序集成了正確的文件管理器,因此您可以鏈接Javascript和樣式表文件,還可以添加圖像,其他文件(如JSON文件)甚至整個目錄,以在運行時在您的應用程序中可用。
7、用戶功能
除了可用的應用程序方法和應用程序視圖,應用程序對話框,應用程序框架,Apache Cordova插件方法以及您可以使用的所有可能的控件提供的方法外,還可以按順序設置自己的用戶功能在運行時可用于您的應用。
8、自動縮放應用
您的應用程序有許多可用的主題,您甚至可以在運行時設置固定和縮放的樣式。自動縮放樣式使應用程序可以在不同的屏幕尺寸下正確顯示。
1、視覺動作
您不需要知道使用軟件創建應用程序的Javascript。軟件的腳本語言基于數百個可視化操作,您可以簡單地將其放在需要執行的位置。
2、視覺設計師
軟件為我們提供了數十種視覺和非可視化控件,可以放置在應用程序的設計器中。只需將您需要的控件拖放到設計器中,然后將其放在想要的位置。
3、情境幫助
軟件意圖易于使用,但是它們包含一個完整的幫助文件,可以描述所有可用的控件和操作,以及一些特定的教程。
4、超過應用程序
App Builder為您準備了將應用程序部署為WebApps和Progressive WebApps所需的東西。軟件還允許您為現代瀏覽器開發WebExtensions。
5、非常可擴展
除了程序提供的視覺操作外,軟件的應用程序可以使用Javascript進行擴展。還可以使用軟件的Javascript插件和Apache Cordova?插件。
6、Apache Cordova
軟件與Apache Cordova?及其插件集成,為您準備了適當的圖標和啟動屏幕,配置文件,簽名文件和批處理和shell腳本,以便快速運行,調試和發布我們的應用程序。
7、CLI支持
軟件還包括一個命令行編譯器以及視覺環境。這樣,我們可以從命令行編譯我們的應用程序,簡單而快速。
8、完整套件
我們還可以為Android?等平臺構建應用程序。
1、IDE歡迎頁面
程序啟動時將加載軟件歡迎頁面,并為您提供有用的快捷方式和信息。您可以啟動一個新應用,打開最近的應用和文件,將這些最近的內容添加到收藏夾中,閱讀最新的支持論壇主題和帖子,在suppport論壇中執行搜索等等。
程序啟動時,defuult將加載IDE歡迎頁面。如果看不到它,因為您之前關閉了“歡迎”頁面面板,則可以使用菜單->視圖->歡迎頁面再次顯示它。
2、DE工具面板
軟件工具面板顯示了可用的應用程序控件,可以將它們放置在應用程序視圖,應用程序對話框和應用程序框架中。
IDE工具面板的工作方式
使用“ IDE工具”面板非常簡單,只需單擊可用的控件之一,然后在應用程序設計器中單擊:然后將您單擊的控件插入應用程序設計器中,然后可以使用IDE控件檢查器開始更改其屬性。,IDE控件樣式檢查器,將它們的一些事件編成代碼等。
3、DE控件檢查器
軟件控件檢查器允許在設計時為應用程序視圖,應用程序對話框,應用程序框架,應用程序控件和應用程序本身的幾乎所有屬性設置值。在下圖中,您可以看到IDE控件檢查器為紅色矩形:
IDE控件檢查器的工作方式
從上圖中還可以看到,在應用程序視圖設計器中選擇了一個Push按鈕,因此我們在IDE控件檢查器中可以看到的是所選控件的屬性。這就是IDE控件檢查器的工作方式。
您必須在應用程序視圖設計器內部單擊,才能在IDE控件檢查器中選擇并顯示應用程序視圖屬性。您也可以在應用程序視圖設計器外部單擊,以在IDE控件檢查器中顯示應用程序屬性,最后,您可以單擊其中一個應用程序視圖控件,以在IDE控件檢查器中顯示選定的控件屬性。
單擊引用的設計器點后,您可以開始使用IDE控件檢查器查看和編輯應用程序視圖,應用程序本身或所選控件??匆幌孪旅娴腉IF,它顯示了如何使用IDE控件檢查器更改應用程序,應用程序視圖和控件屬性。
4、IDE控件樣式檢查器
軟件控件樣式檢查器允許在設計時為應用程序視圖,應用程序對話框,應用程序控件和應用程序本身設置其他CSS樣式規則。它類似于IDE控件檢查器,并且以類似的方式工作。
IDE控件樣式檢查器的工作方式
從上圖中還可以看到,在應用程序視圖設計器中選擇了一個Push按鈕,因此我們在IDE控件樣式檢查器中可以看到的是該選定控件可能的其他CSS規則。這就是IDE控件樣式檢查器的工作方式。
您必須在應用程序視圖設計器內部單擊,才能在IDE控件樣式檢查器中選擇并顯示應用程序視圖CSS規則。您還可以在應用程序視圖設計器外部單擊,以在IDE控件樣式檢查器中顯示應用程序CSS規則,最后,您可以單擊其中一個應用程序視圖控件,以在IDE控件樣式中顯示選定的控件CSS規則。檢查員。
單擊引用的設計器點后,就可以使用IDE控件樣式檢查器開始查看和編輯應用程序視圖,應用程序本身或所選控件。
樣式,懸停和焦點
如上圖所示,IDE控件樣式檢查器分為三個選項卡:“樣式”,“懸停”和“焦點”。很容易理解這一點:您在“樣式”選項卡中設置的CSS規則是始終要應用的CSS規則。相反,您可以在“懸浮”和“焦點”選項卡中設置的CSS規則僅在分別懸浮和聚焦應用視圖,應用或控件時才適用。
5、DE控件列表
軟件提供了四個控件列表:應用程序視圖列表,應用程序對話框列表,應用程序框架列表以及最后的應用程序控件列表。
控件列表的工作方式
您可以使用IDE控件列表來選擇特定的應用程序視圖,應用程序對話框或應用程序框架。選擇其中一項后,控件列表將顯示所選應用程序視圖,應用程序對話框或應用程序框架內的控件,如以下動畫GIF圖像所示:
您可以使用控件列表來選擇應用程序視圖,應用程序對話框,應用程序框架或它們包含的任何控件:您還可以雙擊控件列表項以直接訪問正確的應用程序視圖
6、編輯器快速代碼列表
軟件快速代碼列表已準備就緒,可在所有代碼編輯器中使用,并使我們可以快速訪問所有可用的應用程序方法和應用程序屬性,所有應用程序視圖,應用程序對話框,應用程序框架以及所有控件的方法和屬性。 。例如,只需在應用程序視圖中添加一個新控件,該控件便可以在“快速代碼”列表中使用,以方便您使用。
顯示快速代碼列表
編輯器工具欄中有一個按鈕來顯示“快速代碼”列表,但是,您可能很快就會學會使用CTRL + SPACE快捷方式來顯示它。甚至更多,您將立即了解到,快速代碼列表會根據您編寫的內容自動更新,因此,您可以轉到所需的元素,以盡可能快地自動完成代碼。
方法參數技巧
與快速代碼列表相關,代碼編輯器為您提供有關Javascript方法所需的參數名稱和類型的信息。一旦從“快速代碼”列表中選擇了Javascript方法,或者直接編寫了該方法,該信息就會自動出現。您也可以顯示此信息,將編輯器插入符號放在方法參數括號內,然后SHIFT + CTRL + SPACE按快捷鍵。
參數提示自動出現,但也可以通過使用SHIFT + CTRL + SPACE快捷方式 強制顯示
標簽: App Builder 編程開發 可視化編程