車載導航應用中基于SketchUI主題定制方案的實現(xiàn)是怎么樣的

這篇文章將為大家詳細講解有關(guān)車載導航應用中基于Sketch UI主題定制方案的實現(xiàn)是怎么樣的，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

創(chuàng)新互聯(lián)一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘，量身打造，注重實效"的一站式服務(wù)，以成都網(wǎng)站制作、網(wǎng)站設(shè)計、移動互聯(lián)產(chǎn)品、全網(wǎng)整合營銷推廣服務(wù)為核心業(yè)務(wù)。十多年網(wǎng)站制作的經(jīng)驗，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標準網(wǎng)站，不但價格便宜而且實用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用，維護方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

1.導讀

關(guān)于應用的主題定制，相信大家或多或少都有接觸，基本上，實現(xiàn)思路可以分為兩類:

• 內(nèi)置主題（應用內(nèi)自定義style）

• 外部加載方式(資源apk形式、壓縮資源、插件等)

其實，針對不同的主題定制實現(xiàn)思路，沒有絕對的好壞，每種實現(xiàn)方案都有其利弊，重要的是如何去權(quán)衡、選擇，根據(jù)實際的項目需求，痛點，制定一個符合實際項目需求，能夠解決主題定制過程中痛點的方案才是好的方案。

由于我和團隊一直是做車載導航應用開發(fā)，面向的對象是客戶。不同的客戶對于應用的UI或者主題是有不同需求的，也就是說針對不同客戶，不同渠道的版本，需要有不同的應用主題。

隨著項目的增多，如果沒有一個靈活，易管理，低成本的主題定制方案，那么實現(xiàn)將變得非常困難。

2.過去主題定制的實現(xiàn)方案

針對需要定制的UI，研發(fā)增加對應的自定義主題控件；

布局由這些自定義主題控件搭建而成；

UED修改對應主題控件xml中對應的色值實現(xiàn)主題的定制；

研發(fā)集成UED配置的文件，實現(xiàn)主題定制；

研發(fā)出包，UED進行主題定制還原度驗證。

基本思路就是界面中需要主題定制的UI，通過自定義主題控件實現(xiàn)，而自定義主題控件可以通過替換布局xml的方式實現(xiàn)主題色值等的替換，從而實現(xiàn)主題定制，但這種方案的缺點非常明顯：

成本高：主題定制需要UED手動去修改xml，但一般UED對于xml格式內(nèi)容不是很了解，這樣無疑學習及修改成本都非常高，其次也容易產(chǎn)生錯誤的修改，導致穩(wěn)定性很差；

效率低：主題定制需要UED修改完xml后，發(fā)給研發(fā)，然后由研發(fā)替換xml，流程多，效率低；

維護難：之前的主題定制，沒有統(tǒng)一的東西管理，主題對于UED來說就是一堆的xml文件，很難進行維護；

復用性差：由于主題定制是通過xml，如果主題控件修改了，xml也就跟著修改，主題的復用就很難實現(xiàn)。

3.新方案的設(shè)計與實現(xiàn)

從上圖中我們可以看出在主題定制的整個過程中，UED參與了大部分的流程，只有在主題集成的時候，研發(fā)需要參與，其實說到底，UED才是主題定制的Owner，對于主題定制最理想的狀態(tài)是研發(fā)提供一定的工具平臺，UED設(shè)計完主題后，可以直接集成到應用內(nèi)驗證回歸，中間無需研發(fā)干預處理，整個主題定制流程都由UED走完。

3.1 方案要素

基于UED參與就能完成主題定制的理念，同時考慮項目對于主題定制的需求，在新主題定制方案的設(shè)計中，應當圍繞核心角色，服務(wù)好核心角色，以最大限度降低核心角色的成本，提高整個定制過程的效率，同時兼顧項目核心需求為目標來設(shè)計、搭建新方案，以下是方案中應該關(guān)注的角色及要解決的關(guān)鍵問題：

• 主題定制主角：UED

• UED、UI設(shè)計工具：Sketch

• 項目需求：

1. 不同項目的不同渠道有不同的主題定制需求
2. 出包時就有對應主題，無需下載
3. 項目周期短，需要能快速定制
4. 項目需要維護，主題也需要方便維護、管理

3.2 方案雛形

基于以上分析，主題定制的大體流程，方案如下：

• 首先，方案應當圍繞著UED建設(shè)，由于UED是基于Sketch進行UI界面設(shè)計，因此如果主題定制也能基于Sketch，UED就能很方便的基于Sketch設(shè)計UI的同時也設(shè)計主題；

• 同時，不同的渠道會有不同的主題定制，并且需要快速定制，方便管理、維護，同時出包時就需內(nèi)置主題，因此需要有一個主題管理平臺能管理，維護主題資源，并且支持主題復制，使得主題資源能基于現(xiàn)有項目的主題進行少量修改，就能形成一個新的主題；

• 接著，需要在Jenkins打包時，能根據(jù)不同的渠道打包不同的主題資源到apk中；

• 最后，需要將打包好的apk快速安裝到真機上進行還原度驗收。

最終主題定制方案也就基本成型，基于Sketch的UI主題定制方案：

4.方案詳解

基于Sketch的UI主題定制，主要分成四大步驟：

UED在Sketch中制作主題資源及上傳云端（主題制作）

UED在WEB主題平臺管理主題資源（主題管理）

Jenkins拉取主題資源打包到應用（主題集成）

真機預覽效果（主題驗證）

以上流程主要針對主分支，第一次界面開發(fā)，針對后續(xù)不同項目的主題定制，只需要在WEB平臺中copy主題資源，然后進行對應的主題修改，即可快速定制出一套對應的主題出來。

以下詳細介紹主要關(guān)鍵步驟：

4.1 主題資源制作

主題資源制作一般在界面設(shè)計前就需要提前設(shè)計好，UED在Sketch中將主題控件設(shè)計好之后，我們提供了一個快捷的主題輸入界面，方便UED能快速編輯對應控件的主題屬性，并一鍵上傳到云端，如下所示，在Sketch中進行主題控件制作：

4.2 WEB主題平臺管理主題資源

WEB主題平臺，保存了項目中所有可定制的主題資源，包含主題控件、插畫、iconfont、文字大小等，在這里可以快速基于母版主題，copy出新的主題資源，然后進行個性化定制，或者基于其他項目快速copy，主題的定制不再是繁瑣、耗時的操作，而變成了直觀、易操作。

4.3 真機預覽

在WEB主題平臺編輯完主題資源后，通過Jenkins或服務(wù)器將主題資源打包到apk中，最后通過車機設(shè)備集群管理平臺，將apk安裝到不同的真機上，實現(xiàn)真機預覽主題定制效果，UED可快速回歸還原度，發(fā)現(xiàn)問題，并快速在主題平臺上修復。

5.方案對比

針對業(yè)內(nèi)幾種比較常用的主題定制方案與基于Sketch的UI主題定制方案進行了幾個方面的對比：

以上三個方案的對比:

內(nèi)置主題：優(yōu)點在于實現(xiàn)簡單、配置方便，缺點是主題定制不靈活。

外部加載方案(apk):優(yōu)點在于擴展性很高，但由于該方案需要在代碼中設(shè)置所有的可變資源，軟件實現(xiàn)周期較長，寫代碼時容易出錯。而且第一版耗時較長，一旦界面布局改變，需要較長的時間進行代碼的編寫。

基于Sketch的UI主題定制方案，它的優(yōu)勢在于：

• 基于UED的UI設(shè)計工具Sketch，能在設(shè)計UI的時候，同時設(shè)計主題資源，并且能快捷的預覽主題資源在整體界面上的顯示效果；

• 可以通過Sketch插件的能力，快速將主題資源上傳到后臺，方便主題資源的統(tǒng)一管理及維護；

• 在后臺配置修改完主題資源還能回流Sketch中進行查看。

這個方案的最大優(yōu)勢在于與UED的UI設(shè)計工具Sketch無縫的銜接在一起，極大的提高了主題的制作效率及成本，使得UED能夠獨立完成主題資源制作、管理、集成、應用、驗證，形成一個主題小閉環(huán)。

關(guān)于車載導航應用中基于Sketch UI主題定制方案的實現(xiàn)是怎么樣的就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

本文標題：車載導航應用中基于SketchUI主題定制方案的實現(xiàn)是怎么樣的
文章路徑：http://muchs.cn/article34/ihsgse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、商城網(wǎng)站、網(wǎng)站維護、品牌網(wǎng)站設(shè)計、動態(tài)網(wǎng)站、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)