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