AndroidXML 和 TotalCross 的運(yùn)用為樹(shù)莓派和其他設(shè)備創(chuàng)建 UI 提供了更簡(jiǎn)單的方法。
為應(yīng)用程序創(chuàng)建良好的用戶體驗(yàn)（UX）是一項(xiàng)艱巨的任務(wù)，尤其是在開(kāi)發(fā)嵌入式應(yīng)用程序時(shí)。今天，有兩種圖形用戶界面（GUI）工具通常用于開(kāi)發(fā)嵌入式軟件：它們要么涉及復(fù)雜的技術(shù)，要么非常昂貴。
然而，我們已經(jīng)創(chuàng)建了一個(gè)概念驗(yàn)證（PoC），它提供了一種新的方法來(lái)使用現(xiàn)有的、成熟的工具為運(yùn)行在桌面、移動(dòng)、嵌入式設(shè)備和低功耗 ARM 設(shè)備上的應(yīng)用程序構(gòu)建用戶界面（UI）。我們的方法是使用 Android Studio 繪制 UI；使用 TotalCross在設(shè)備上呈現(xiàn) Android XML；采用被稱為KnowCode的新TotalCross API；以及使用樹(shù)莓派 4來(lái)執(zhí)行應(yīng)用程序。
選擇 Android Studio
可以使用 TotalCross API 為應(yīng)用程序構(gòu)建一個(gè)美觀的響應(yīng)式用戶體驗(yàn)，但是在 Android Studio 中創(chuàng)建 UI 縮短了制作原型和實(shí)際應(yīng)用程序之間的時(shí)間。
有很多工具可以用來(lái)為應(yīng)用程序構(gòu)建 UI，但是 Android Studio是全世界開(kāi)發(fā)者最常使用的工具。除了它被大量采用以外，這個(gè)工具的使用也非常直觀，而且它對(duì)于創(chuàng)建簡(jiǎn)單和復(fù)雜的應(yīng)用程序都非常強(qiáng)大。在我看來(lái)，唯一的缺點(diǎn)是使用該工具所需的計(jì)算機(jī)性能，它比其他集成開(kāi)發(fā)環(huán)境 （IDE） 如 VSCode 或其開(kāi)源替代方案VSCodium要龐大得多。
通過(guò)思考這些問(wèn)題，我們創(chuàng)建了一個(gè)概念驗(yàn)證，使用 Android Studio 繪制 UI，并使用 TotalCross 直接在設(shè)備上運(yùn)行 AndroidXML。
構(gòu)建 UI
對(duì)于我們的 PoC，我們想創(chuàng)建一個(gè)家用電器應(yīng)用程序來(lái)控制溫度和其他東西，并在 Linux ARM 設(shè)備上運(yùn)行。
我們想為樹(shù)莓派開(kāi)發(fā)我們的應(yīng)用程序，所以我們使用 Android 的 ConstraintLayout來(lái)構(gòu)建 848×480（樹(shù)莓派的分辨率）的固定屏幕大小的 UI，不過(guò)你可以用其他布局構(gòu)建響應(yīng)性 UI。
Android XML 為 UI 創(chuàng)建增加了很多靈活性，使得為應(yīng)用程序構(gòu)建豐富的用戶體驗(yàn)變得容易。在下面的 XML 中，我們使用了兩個(gè)主要組件：ImageView和TextView。
TextView 元素用于向用戶顯示一些數(shù)據(jù)，比如建筑物內(nèi)的溫度。大多數(shù) ImageView 都用作用戶與 UI 交互的按鈕，但它們也需要實(shí)現(xiàn)屏幕上組件提供的事件。
用 TotalCross 整合
這個(gè) PoC 中的第二項(xiàng)技術(shù)是 TotalCross。我們不想在設(shè)備上使用 Android 的任何東西，因?yàn)椋?/p>
1。我們的目標(biāo)是為 Linux ARM 提供一個(gè)出色的 UI。 2。我們希望在設(shè)備上實(shí)現(xiàn)低占用。 3。我們希望應(yīng)用程序在低計(jì)算能力的低端硬件設(shè)備上運(yùn)行（例如，沒(méi)有 GPU、 低 RAM 等）。
首先，我們使用 VSCode 插件創(chuàng)建了一個(gè)空的 TotalCross 項(xiàng)目。接下來(lái)，我們保存了drawable文件夾中的圖像副本和xml文件夾中的 Android XML 文件副本，這兩個(gè)文件夾都位于resources文件夾中：
為了使用 TotalCross 模擬器運(yùn)行 XML 文件，我們添加了一個(gè)名為 KnowCode 的新 TotalCross API 和一個(gè)主窗口來(lái)加載 XML。下面的代碼使用 API 加載和呈現(xiàn) XML：
public void initUI { XmlScreenAbstractLayout xmlCont = XmlScreenFactory.create(\"xml / homeApplianceXML.xml\"); swap(xmlCont);}
就這樣！只需兩個(gè)命令，我們就可以使用 TotalCross 運(yùn)行 Android XML 文件。以下是 XML 如何在 TotalCross 的模擬器上執(zhí)行：
完成這個(gè) PoC 還有兩件事要做：添加一些事件來(lái)提供用戶交互，并在樹(shù)莓派上運(yùn)行它。
添加事件
KnowCode API 提供了一種通過(guò) ID（getControlByID） 獲取 XML 元素并更改其行為的方法，如添加事件、更改可見(jiàn)性等。
例如，為了使用戶能夠改變家中或其他建筑物的溫度，我們?cè)?UI 底部放置了加號(hào)和減號(hào)按鈕，并在每次單擊按鈕時(shí)都會(huì)出現(xiàn)“單擊”事件，使溫度升高或降低一度：
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; } }});
在樹(shù)莓派 4 上測(cè)試
最后一步！我們?cè)谝慌_(tái)設(shè)備上運(yùn)行了應(yīng)用程序并檢查了結(jié)果。我們只需要打包應(yīng)用程序并在目標(biāo)設(shè)備上部署和運(yùn)行它。VNC也可用于檢查設(shè)備上的應(yīng)用程序。
整個(gè)應(yīng)用程序，包括資源（圖像等）、Android XML、TotalCross 和 Knowcode API，在 Linux ARM 上大約是 8MB。
下面是應(yīng)用程序的演示：
在本例中，該應(yīng)用程序僅為 Linux ARM 打包，但同一應(yīng)用程序可以作為 Linux 桌面應(yīng)用程序運(yùn)行，在Android 設(shè)備 、Windows、windows CE 甚至 iOS 上運(yùn)行。
所有示例源代碼和項(xiàng)目都可以在 HomeApplianceXML GitHub存儲(chǔ)庫(kù)中找到。
現(xiàn)有工具的新玩法
為嵌入式應(yīng)用程序創(chuàng)建 GUI 并不需要像現(xiàn)在這樣困難。這種概念證明為如何輕松地完成這項(xiàng)任務(wù)提供了新的視角，不僅適用于嵌入式系統(tǒng)，而且適用于所有主要的操作系統(tǒng)，所有這些系統(tǒng)都使用相同的代碼庫(kù)。
我們的目標(biāo)不是為設(shè)計(jì)人員或開(kāi)發(fā)人員創(chuàng)建一個(gè)新的工具來(lái)構(gòu)建 UI 應(yīng)用程序；我們的目標(biāo)是為使用現(xiàn)有的最佳工具提供新的玩法。
你對(duì)這種新的應(yīng)用程序開(kāi)發(fā)方式有何看法？在下面的評(píng)論中分享你的想法。
via: https://opensource.com/article/20/5/linux-arm-ui
作者：Bruno Muniz選題：lujun9972譯者：Chao-zhi校對(duì)：wxy
本文由 LCTT原創(chuàng)編譯，Linux中國(guó)榮譽(yù)推出
版權(quán)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請(qǐng)發(fā)送郵件至 舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。
