如何為Linux ARM設備構建跨平臺UI

147次閱讀

共計 3076 個字符，預計需要花費 8 分鐘才能閱讀完成。

自動寫代碼機器人，免費開通

這篇文章給大家分享的是有關如何為 Linux ARM 設備構建跨平臺 UI 的內容。丸趣 TV 小編覺得挺實用的，因此分享給大家做個參考，一起跟隨丸趣 TV 小編過來看看吧。

AndroidXML 和 TotalCross 的運用為樹莓派和其他設備創建 UI 提供了更簡單的方法。

為應用程序創建良好的用戶體驗（UX）是一項艱巨的任務，尤其是在開發嵌入式應用程序時。今天，有兩種圖形用戶界面（GUI）工具通常用于開發嵌入式軟件：它們要么涉及復雜的技術，要么非常昂貴。

然而，我們已經創建了一個概念驗證（PoC），它提供了一種新的方法來使用現有的、成熟的工具為運行在桌面、移動、嵌入式設備和低功耗 ARM 設備上的應用程序構建用戶界面（UI）。我們的方法是使用 Android Studio 繪制 UI；使用 TotalCross 在設備上呈現 Android XML；采用被稱為 KnowCode 的新 TotalCross API；以及使用樹莓派 4 來執行應用程序。

選擇 Android Studio

可以使用 TotalCross API 為應用程序構建一個美觀的響應式用戶體驗，但是在 Android Studio 中創建 UI 縮短了制作原型和實際應用程序之間的時間。

有很多工具可以用來為應用程序構建 UI，但是 Android Studio 是全世界開發者最常使用的工具。除了它被大量采用以外，這個工具的使用也非常直觀，而且它對于創建簡單和復雜的應用程序都非常強大。在我看來，唯一的缺點是使用該工具所需的計算機性能，它比其他集成開發環境（IDE）如 VSCode 或其開源替代方案 VSCodium 要龐大得多。

通過思考這些問題，我們創建了一個概念驗證，使用 Android Studio 繪制 UI，并使用 TotalCross 直接在設備上運行 AndroidXML。

構建 UI

對于我們的 PoC，我們想創建一個家用電器應用程序來控制溫度和其他東西，并在 Linux ARM 設備上運行。

Home appliance application to control thermostat

我們想為樹莓派開發我們的應用程序，所以我們使用 Android 的 ConstraintLayout 來構建 848×480（樹莓派的分辨率）的固定屏幕大小的 UI，不過你可以用其他布局構建響應性 UI。

Android XML 為 UI 創建增加了很多靈活性，使得為應用程序構建豐富的用戶體驗變得容易。在下面的 XML 中，我們使用了兩個主要組件：ImageView 和 TextView。

ImageViewandroid:id= @+id/imageView6 android:layout_width= 273dp android:layout_height= 291dp android:background= @drawable/Casa tools:layout_editor_absoluteX= 109dp tools:layout_editor_absoluteY= 95dp / TextViewandroid:id= @+id/insideTempEdit android:layout_width= 94dp android:layout_height= 92dp android:background= #F5F5F5 android:text= 20 android:textAlignment= center android:gravity= center android:textColor= #000000 android:textSize= 67dp android:text >TextView 元素用于向用戶顯示一些數據，比如建筑物內的溫度。大多數 ImageView 都用作用戶與 UI 交互的按鈕，但它們也需要實現屏幕上組件提供的事件。用 TotalCross 整合這個 PoC 中的第二項技術是 TotalCross。我們不想在設備上使用 Android 的任何東西，因為： 1。我們的目標是為 Linux ARM 提供一個出色的 UI。2。我們希望在設備上實現低占用。3。我們希望應用程序在低計算能力的低端硬件設備上運行（例如，沒有 GPU、低 RAM 等）。首先，我們使用 VSCode 插件創建了一個空的 TotalCross 項目。接下來，我們保存了 drawable 文件夾中的圖像副本和 xml 文件夾中的 Android XML 文件副本，這兩個文件夾都位于 resources 文件夾中： Home Appliance file structure 為了使用 TotalCross 模擬器運行 XML 文件，我們添加了一個名為 KnowCode 的新 TotalCross API 和一個主窗口來加載 XML。下面的代碼使用 API 加載和呈現 XML：

public void initUI() { XmlScreenAbstractLayout xmlCont = XmlScreenFactory.create( xml / homeApplianceXML.xml  swap(xmlCont);}

就這樣！只需兩個命令，我們就可以使用 TotalCross 運行 Android XML 文件。以下是 XML 如何在 TotalCross 的模擬器上執行：

TotalCross simulator running temperature application

完成這個 PoC 還有兩件事要做：添加一些事件來提供用戶交互，并在樹莓派上運行它。

添加事件

KnowCode API 提供了一種通過 ID（getControlByID）獲取 XML 元素并更改其行為的方法，如添加事件、更改可見性等。

例如，為了使用戶能夠改變家中或其他建筑物的溫度，我們在 UI 底部放置了加號和減號按鈕，并在每次單擊按鈕時都會出現“單擊”事件，使溫度升高或降低一度：

Button plus = (Button) xmlCont.getControlByID(@+id/plus Label insideTempLabel = (Label) xmlCont.getControlByID(@+id/insideTempLabel plus.addPressListener(new PressListener() { @Override public void controlPressed(ControlEvent e) { try { String tempString = insideTempLabel.getText(); int temp; temp = Convert.toInt(tempString); insideTempLabel.setText(Convert.toString(++temp)); } catch (InvalidNumberException e1) { e1.printStackTrace(); } }});

在樹莓派 4 上測試

最后一步！我們在一臺設備上運行了應用程序并檢查了結果。我們只需要打包應用程序并在目標設備上部署和運行它。VNC 也可用于檢查設備上的應用程序。

整個應用程序，包括資源（圖像等）、Android XML、TotalCross 和 Knowcode API，在 Linux ARM 上大約是 8MB。

下面是應用程序的演示：

感謝各位的閱讀！關于“如何為 Linux ARM 設備構建跨平臺 UI”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向 AI 問一下細節

丸趣 TV 網 - 提供最優質的資源集合！

正文完