翻譯|使用教程|編輯:況魚杰|2021-02-18 14:54:16.047|閱讀 113 次
概述:Android和Apple移動設備支持稱為“深色主題”的顯示選項,您可以將其視為普通屏幕顯示的幾乎是負面圖像。 在“深色主題”中,白色為黑色,黑色為白色,并且通常調整色彩強度。 Dark Theme降低了電源需求,可以延長電池充電的運行時間,并且在弱光下更易于查看。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
Altova Mobile Together為用戶所選擇的設備提供指定時間內無縫、及時的生產能力。MobileTogether對應用程序進行精心渲染,從所處設備,到外形因素再到屏幕方向,最大限度的為開發人員和終端用戶提供功能性與靈活性。
Android和Apple移動設備支持稱為“深色主題”的顯示選項,您可以將其視為普通屏幕顯示的幾乎是負面圖像。 在“深色主題”中,白色為黑色,黑色為白色,并且通常調整色彩強度。 Dark Theme降低了電源需求,可以延長電池充電的運行時間,并且在弱光下更易于查看。
Altova MobileTogether包括使開發人員可以通過在啟動應用程序時檢測用戶設置來創建自動支持Dark Theme的移動應用程序的功能。
讓我們看一個例子:
下面顯示的是在同一移動設備上以“淺色主題”和“深色主題”運行的移動應用程序的兩個視圖。
該應用程序使用戶可以通過抄表記錄太陽能電池板的生產和電力消耗,并生成圖表以說明數據并跟蹤一段時間內的剩余電量。
許多住宅太陽能發電系統以零凈額計費連接到公用電網。安裝在屋頂上的太陽能電池板僅在陽光明媚時才為房屋供電。晚上或需求超過生產量時都來自電網當系統產生的電能超過家庭消耗的電能時,多余的電能將反饋到電網并補充公用事業的發電能力。
Altova MobileTogether使移動開發人員可以輕松地在MobileTogether Designer中創建跨平臺的移動應用程序,該應用程序結合了拖放式UI設計工具,功能強大的Action Tree可視化編程語言進行事件處理,以及用于數據選擇和處理的標準化功能性編程加工。
該應用程序的每個組件都是高度可定制的,但是默認情況下,諸如文本顏色,按鈕,規則,邊框甚至窗口背景之類的元素都是在每個設備的系統默認值中實現的。MobileTogether Designer包括一個樣式幫助器窗口,開發人員可以在其中指定總體項目設置,包括淺色或深色主題的設置。
主題設置的選項是“使用系統設置”,“強制淺色主題”或“強制深色主題”。 默認值為使用系統設置,因此開發人員可以自動支持Dark Theme,而無需執行任何特殊操作。
在自定義顏色的圖表中自動支持深色主題
有些元素可能需要自定義顏色設置,開發人員可以為“淺色主題”和“深色主題”指定替代項。 第一步是檢測哪個用戶設置有效。
MobileTogether包含全局變量,使開發人員可以在運行時檢測用戶設備設置并根據設備功能對適當的操作進行編程。 MobileTogether Designer的“全局變量”對話框列出了所選模擬設備的所有全局變量及其值。
上方突出顯示了特定Android手機的默認頁面背景顏色。 如果設備處于“深色主題”,則此值會更改。十六進制值越低表示陰影越深,值越高則越淺。
十六進制值#808080為陰影50%灰色。 我們可以創建一個XPath表達式來在運行時測試該值,并假設任何默認的背景色深于50%灰色,則表示該設備處于“深色主題”中。Designer Simulation窗口中的XPath Evaluator是一個不錯的便箋簿,用于計算表達式的確切語法:
此表達式將十六進制字符串轉換為整數,將其與50%灰色的值進行比較,然后根據結果選擇黑色或白色的字符串值。 這是一個很好的表達方式,可以自動為“淺色主題”或“深色主題”選擇一種文本顏色,因此讓我們將其應用于用戶功能:
MobileTogether包含的功能可輕松構建在所有平臺上具有相同外觀的豐富圖表。 頂部顯示的示例Solar Tool應用程序使用條形圖來說明覆蓋在顯示用電量的面積圖上的每日太陽能發電量。 開發人員從一系列“圖表創建”對話框中選擇這些圖表的設置,例如此處顯示的“更改外觀”對話框:
這些對話框中的許多設置顏色,例如本示例中的背景顏色和邊框顏色。 但是,我們具有完全控制權,可以基于動態XPath設置覆蓋這些默認值,這些默認值在運行時在客戶端設備上進行評估。
單擊此按鈕將打開一個對話框,其中包含用于為每個圖表功能設置XPath值或表達式的選項。 在下圖中,我們設置了在“圖表設置”對話框中指定為黑色或白色的所有元素的值。 我們將原始白色元素設置為默認背景色,并設置黑色元素(如文本和邊框)以使用我們的AutoTextColor()函數。
我們在“創建設置”對話框中將其他元素(例如,每個軸的網格線)設置為適用于任一主題的淺灰色陰影。 每個圖表的每一層都有一個單獨的“動態XPath設置”對話框,但是一旦它們全部被編輯,就可以了。 將自動為“淺色主題”和“深色主題”正確創建圖表。
這是一部Android手機,顯示“深色主題”和“淺色主題”中的累積盈余圖表:
如果您準備創建基于用戶設置自動支持深色主題的用戶友好型移動應用程序,只需下載免費的MobileTogether Designer。 并確保查看“ MobileTogether演示”頁面,其中包含視頻,教程和更多演示應用程序的鏈接。
如果您想要獲得Altova MobileTogether的正版授權產品,可以點擊在線客服>>了解
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: