智能手機(jī)個(gè)性化主題設(shè)計(jì)與開發(fā)

羅 孟周瑞秋陶衛(wèi)平

（1.欽州學(xué)院，廣西 欽州 535000；2.欽州學(xué)院電子與信息工程學(xué)院，廣西 欽州 535000）

智能手機(jī)個(gè)性化主題設(shè)計(jì)與開發(fā)

羅 孟1周瑞秋2陶衛(wèi)平2

（1.欽州學(xué)院，廣西 欽州 535000；2.欽州學(xué)院電子與信息工程學(xué)院，廣西 欽州 535000）

由于Android智能移動(dòng)設(shè)備的快速普及，Android設(shè)備同質(zhì)化問題越來越嚴(yán)重，導(dǎo)致Android用戶界面體驗(yàn)差以及用戶對(duì)用戶界面設(shè)計(jì)與交互方面的人性化與精神化的需求日益凸顯。文章的研究內(nèi)容為智能手機(jī)個(gè)性化主題的設(shè)計(jì)與開發(fā)，通過對(duì)Android系統(tǒng)UI原理的相關(guān)技術(shù)應(yīng)用并分析當(dāng)下Android系統(tǒng)UI發(fā)展現(xiàn)狀和未來趨勢，結(jié)合流行元素設(shè)計(jì)出及美觀、時(shí)尚、實(shí)用的手機(jī)主題。

Android；用戶界面；Android主題；界面設(shè)計(jì)

1 需求分析

手機(jī)主題設(shè)計(jì)屬于用戶界面設(shè)計(jì)范疇，是指根據(jù)某一款智能手機(jī)的軟硬件配置對(duì)其手機(jī)界面所有構(gòu)成要素進(jìn)行合理美化的過程，實(shí)現(xiàn)了一款智能手機(jī)可以擁有多款主題風(fēng)格的個(gè)性化需求。本文是在最大四大操作系統(tǒng)MIUI、EMUI、Flyme OS、Color OS這幾個(gè)操作平臺(tái)的基礎(chǔ)上展開的，其中以Flyme的手機(jī)主題設(shè)計(jì)為主，目前魅族已推出基于Android5.1定制Flyme OS 5。

Flyme提供了全局主題的替換功能，讓用戶可以選擇不同風(fēng)格的手機(jī)主題或者任意搭配主題來彰顯自己個(gè)性。手機(jī)主題設(shè)計(jì)的構(gòu)成要素主要有手機(jī)桌面壁紙、鎖屏屏幕解鎖方式、應(yīng)用程序圖標(biāo)、系統(tǒng)程序、常用程序界面以及Widget小部件等[10]。

2 主題的設(shè)計(jì)

2.1 UI的實(shí)現(xiàn)

Android UI的實(shí)現(xiàn)是基于Android系統(tǒng)構(gòu)架，以XML為主的UI控制實(shí)現(xiàn)UI效果的多樣化。在設(shè)計(jì)中，通過使用多種方式達(dá)到 XML界面程序在減少內(nèi)存的消耗的同時(shí)能夠簡單高效靈活的修改各組件。主題是由View與Viewgroup對(duì)象建構(gòu)的。View類提供了用戶界面對(duì)象的完整實(shí)現(xiàn)。將Viewgroup層次樹中的各個(gè)節(jié)點(diǎn)依次解析，形成視圖層次，其元素名稱與其對(duì)應(yīng)的Java類相聯(lián)系。利用Java代碼可以多次繪制View或者插入新的對(duì)象。

在管理資源時(shí)，Android有三個(gè)類型的文件形式。XML文件、位圖文件以及原始數(shù)據(jù)。XML文件可編譯為逐幀動(dòng)畫對(duì)象，PNG文件則被編譯為圖表資源，另有一些數(shù)據(jù)不被編譯，直接加入到程序包中。在設(shè)計(jì)UI的過程中，需要做到用戶在UI中交互的信息與程序最終輸出一致。

2.2 主題切換的實(shí)現(xiàn)

目前常用的主題切換方式大致分為兩種，一是插件切換主題，二是程序切換主題。（1）插件切換主題。將資源文件存放到 assets中，主題的切換方式是根據(jù)程序的包名獲取“Resource”對(duì)象中的資源對(duì)象，相當(dāng)于Windows OS中的安裝程序，主要在單發(fā)程序方面應(yīng)用較廣。（2）程序切換主題。通過不同的style加載不同的資源文件。主要在系統(tǒng)程序方面應(yīng)用較廣。

2.3 圖標(biāo)設(shè)計(jì)

不同的操作系統(tǒng)針對(duì)不同的屏幕分辨率所要求的圖標(biāo)尺寸是不一樣的，例如，MIUI要求1080P分辨率下圖標(biāo)的尺寸為 192*192px，F(xiàn)lyme則要求 1080P分辨率下圖標(biāo)的尺寸為240*240px，圖標(biāo)設(shè)計(jì)應(yīng)該遵守以下三個(gè)原則：可讀性、一致性和簡約性。

3 主題的實(shí)現(xiàn)

3.1 主題模板

各個(gè)主題開發(fā)工具制定有一定的規(guī)則，并放出相應(yīng)的模板，開發(fā)者要依照該主題模板規(guī)則來制作主題。主題應(yīng)用主要用來包裝已經(jīng)設(shè)計(jì)好的主題資源，主題資源的放置必須按制定的規(guī)則來放置和編寫。主題應(yīng)用有特定業(yè)務(wù)邏輯，需要特定的編碼工作。

3.2 應(yīng)用圖標(biāo)的命名

每一個(gè)獨(dú)立的應(yīng)用都有獨(dú)立的包名，主題包中的圖標(biāo)文件需要與應(yīng)用程序作相應(yīng)的索引，啟動(dòng)器才能正確的將應(yīng)用程序的圖標(biāo)替換成主題包中的圖標(biāo)，同時(shí)遵守一定的圖標(biāo)命名方式有助于圖標(biāo)文件的管理。應(yīng)用與圖標(biāo)通過iconinfo進(jìn)行索引綁定，方法如下：

package="com.android.dialer"/>

package=" com.android.mms "/>

3.3 以程序方式切換主題

使用不同的style方式，去加載不同的資源文件，優(yōu)點(diǎn)：速度快，效率高，不需要額外的安裝包，避免的安裝、下載等繁瑣的問題，不用修改java程序代碼，方便，快捷。

在values文件自定義對(duì)象和屬性：

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="page_bg"

android:gravity="center"

android:orientation="vertical" >

3.4 鎖屏界面實(shí)現(xiàn)

3.4.1 靜態(tài)鎖屏

創(chuàng)建com.android.systemui/目錄，所有鎖屏相關(guān)的文件都放置在該目錄下。com.android.systemui/res/drawble-xxxhdpi-v目錄用于存放適配 1080P屏幕分辨率圖像資源，config.xm用于對(duì)鎖屏界面布局控制。

3.4.2 動(dòng)態(tài)鎖屏

創(chuàng)建lockscreen目錄，manifest.xml與相關(guān)圖像資源放在該目錄下，manifest.xml是制作動(dòng)態(tài)鎖屏的定義文件，相當(dāng)于安卓程序中Androidmanifest.xml文件，根據(jù)設(shè)計(jì)用manifest.xml用于定義頁面布局，調(diào)用動(dòng)畫、視頻等資源，然后將其以存儲(chǔ)的方式打包成zip文件并去除拓展名。

3.5 全局模塊實(shí)現(xiàn)

（1）多分辨率適配。系統(tǒng)會(huì)自動(dòng)匹配不同分辨資源，主題在被應(yīng)用的時(shí)候，系統(tǒng)會(huì)到相應(yīng)包名目錄下尋找相應(yīng)分配率的資源來顯示，比如在 1080*1920px分辨率的機(jī)型系統(tǒng)會(huì)讀取drawable-xxhdpi-v4目錄下資源。1536*2560px分辨率的機(jī)型系統(tǒng)會(huì)讀取drawable-xxxhdpi-v4目錄下資源，如果沒有相應(yīng)分辨率的目錄，系統(tǒng)會(huì)采用與該分辨率最接近分辨率的資源。

（2）全局狀態(tài)欄變色。通過com.android.systemui/目錄下的config.xml實(shí)現(xiàn)自動(dòng)變色，如下：

useSystemAutoColor="true">

3.6 信息界面實(shí)現(xiàn)

通過conversation_list_fragment.xml實(shí)現(xiàn)對(duì)信息列表界面的布局定義，通過 theme_values定義文本顏色，相關(guān)代碼如下：

name="attachment_group_divider">#1a000000

name="attachment_group_text_color">#FF000000

name="mw_recipient_text_green">#ff53ad56

圖1　桌面運(yùn)行圖

4 主題測試

4.1 測試準(zhǔn)備

（1）測試設(shè)備的選擇。首先通過在線測試工具進(jìn)行測試，然后選擇 2臺(tái)魅族手機(jī)進(jìn)行真機(jī)測試，分別是 PRO5和MX4Pro。

（2）主題安裝。為了規(guī)避主題被盜用的風(fēng)險(xiǎn)，主題源文件需通過魅族的在線打包工具打包才能生成主題主題，并通過IMEI和SN生成測試證書，將主題文件和證書文件導(dǎo)入真機(jī)中方可進(jìn)行測試。

4.2 鎖屏、電話、信息、桌面、應(yīng)用測試

鎖屏界面，需要測試的是，解鎖是否方便，解鎖是否正常，各項(xiàng)功能是否完整。電話界面測試主要是撥號(hào)功能是否正常，聯(lián)系人是否正常顯示，電話號(hào)碼是否突出顯示，撥號(hào)按鈕點(diǎn)擊是否正常。短信界面需要重點(diǎn)測試的級(jí)別較深的項(xiàng)目，信息收藏按鈕，信息置頂效果顯示，編寫信息按鈕點(diǎn)擊及二態(tài)是否正常，是否有錯(cuò)位的情況。桌面測試的基本圖標(biāo)風(fēng)格是否統(tǒng)一，插件顯示是否正常，頁碼提示是否正常，未適配圖標(biāo)顯示是否添加遮罩。應(yīng)用測試是對(duì)于系統(tǒng)及第三方應(yīng)用，需根據(jù)不同的程序做不同的測試。

5 總結(jié)

經(jīng)過測試功能模塊滿足平臺(tái)要求之后，即可將主題包上傳申請(qǐng)上架銷售，經(jīng)過大半年左右的時(shí)間，目前總共在Flyme主題市場完成了20套主題的上架，總下載量在100萬左右。接下來將根據(jù)EMUI平臺(tái)規(guī)則，實(shí)現(xiàn)現(xiàn)有主題對(duì)EMUI平臺(tái)的適配上架。

The design and development of the personalized theme of smart phone

Due to the rapid popularization of Android smart mobile devices, Android devices, homogeneity increasingly serious problem, leading to the Android user interface and user experience poor demand for user interface design and interactive aspects of human nature and spirit of the increasingly prominent. Research this subject for smart phones individually themed design and development, the Android system UI and the related technical study and analysis of the current Android system UI development status and future trends, combined with elements of pop design and beautiful, stylish, practical Themes.

Android; user interface; Android themes; interface design

TB47

A

1008-1151(2016)09-0004-02

2016-08-12

2015年度廣西高等教育本科教學(xué)改革工程項(xiàng)目（2015JGA371）；2015年度國家級(jí)大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目（201511607007）。

羅孟（1980－），男，廣西欽州人，欽州學(xué)院講師，工程碩士，研究方向?yàn)榻逃夹g(shù)學(xué)。