智能手机个性化主题设计与开发

2016-12-06 12:37孟周瑞秋陶卫平
大众科技 2016年9期
关键词:钦州图标分辨率

罗 孟周瑞秋陶卫平

(1.钦州学院,广西 钦州 535000;2.钦州学院电子与信息工程学院,广西 钦州 535000)

智能手机个性化主题设计与开发

罗 孟1周瑞秋2陶卫平2

(1.钦州学院,广西 钦州 535000;2.钦州学院电子与信息工程学院,广西 钦州 535000)

由于Android智能移动设备的快速普及,Android设备同质化问题越来越严重,导致Android用户界面体验差以及用户对用户界面设计与交互方面的人性化与精神化的需求日益凸显。文章的研究内容为智能手机个性化主题的设计与开发,通过对Android系统UI原理的相关技术应用并分析当下Android系统UI发展现状和未来趋势,结合流行元素设计出及美观、时尚、实用的手机主题。

Android;用户界面;Android主题;界面设计

1 需求分析

手机主题设计属于用户界面设计范畴,是指根据某一款智能手机的软硬件配置对其手机界面所有构成要素进行合理美化的过程,实现了一款智能手机可以拥有多款主题风格的个性化需求。本文是在最大四大操作系统MIUI、EMUI、Flyme OS、Color OS这几个操作平台的基础上展开的,其中以Flyme的手机主题设计为主,目前魅族已推出基于Android5.1定制Flyme OS 5。

Flyme提供了全局主题的替换功能,让用户可以选择不同风格的手机主题或者任意搭配主题来彰显自己个性。手机主题设计的构成要素主要有手机桌面壁纸、锁屏屏幕解锁方式、应用程序图标、系统程序、常用程序界面以及Widget小部件等[10]。

2 主题的设计

2.1 UI的实现

Android UI的实现是基于Android系统构架,以XML为主的UI控制实现UI效果的多样化。在设计中,通过使用多种方式达到 XML界面程序在减少内存的消耗的同时能够简单高效灵活的修改各组件。主题是由View与Viewgroup对象建构的。View类提供了用户界面对象的完整实现。将Viewgroup层次树中的各个节点依次解析,形成视图层次,其元素名称与其对应的Java类相联系。利用Java代码可以多次绘制View或者插入新的对象。

在管理资源时,Android有三个类型的文件形式。XML文件、位图文件以及原始数据。XML文件可编译为逐帧动画对象,PNG文件则被编译为图表资源,另有一些数据不被编译,直接加入到程序包中。在设计UI的过程中,需要做到用户在UI中交互的信息与程序最终输出一致。

2.2 主题切换的实现

目前常用的主题切换方式大致分为两种,一是插件切换主题,二是程序切换主题。(1)插件切换主题。将资源文件存放到 assets中,主题的切换方式是根据程序的包名获取“Resource”对象中的资源对象,相当于Windows OS中的安装程序,主要在单发程序方面应用较广。(2)程序切换主题。通过不同的style加载不同的资源文件。主要在系统程序方面应用较广。

2.3 图标设计

不同的操作系统针对不同的屏幕分辨率所要求的图标尺寸是不一样的,例如,MIUI要求1080P分辨率下图标的尺寸为 192*192px,Flyme则要求 1080P分辨率下图标的尺寸为240*240px,图标设计应该遵守以下三个原则:可读性、一致性和简约性。

3 主题的实现

3.1 主题模板

各个主题开发工具制定有一定的规则,并放出相应的模板,开发者要依照该主题模板规则来制作主题。主题应用主要用来包装已经设计好的主题资源,主题资源的放置必须按制定的规则来放置和编写。主题应用有特定业务逻辑,需要特定的编码工作。

3.2 应用图标的命名

每一个独立的应用都有独立的包名,主题包中的图标文件需要与应用程序作相应的索引,启动器才能正确的将应用程序的图标替换成主题包中的图标,同时遵守一定的图标命名方式有助于图标文件的管理。应用与图标通过iconinfo进行索引绑定,方法如下:

package="com.android.dialer"/>

package=" com.android.mms "/>

3.3 以程序方式切换主题

使用不同的style方式,去加载不同的资源文件,优点:速度快,效率高,不需要额外的安装包,避免的安装、下载等繁琐的问题,不用修改java程序代码,方便,快捷。

在values文件自定义对象和属性:

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 锁屏界面实现

3.4.1 静态锁屏

创建com.android.systemui/目录,所有锁屏相关的文件都放置在该目录下。com.android.systemui/res/drawble-xxxhdpi-v目录用于存放适配 1080P屏幕分辨率图像资源,config.xm用于对锁屏界面布局控制。

3.4.2 动态锁屏

创建lockscreen目录,manifest.xml与相关图像资源放在该目录下,manifest.xml是制作动态锁屏的定义文件,相当于安卓程序中Androidmanifest.xml文件,根据设计用manifest.xml用于定义页面布局,调用动画、视频等资源,然后将其以存储的方式打包成zip文件并去除拓展名。

3.5 全局模块实现

(1)多分辨率适配。系统会自动匹配不同分辨资源,主题在被应用的时候,系统会到相应包名目录下寻找相应分配率的资源来显示,比如在 1080*1920px分辨率的机型系统会读取drawable-xxhdpi-v4目录下资源。1536*2560px分辨率的机型系统会读取drawable-xxxhdpi-v4目录下资源,如果没有相应分辨率的目录,系统会采用与该分辨率最接近分辨率的资源。

(2)全局状态栏变色。通过com.android.systemui/目录下的config.xml实现自动变色,如下:

useSystemAutoColor="true">

3.6 信息界面实现

通过conversation_list_fragment.xml实现对信息列表界面的布局定义,通过 theme_values定义文本颜色,相关代码如下:

name="attachment_group_divider">#1a000000

name="attachment_group_text_color">#FF000000

name="mw_recipient_text_green">#ff53ad56

图1 桌面运行图

4 主题测试

4.1 测试准备

(1)测试设备的选择。首先通过在线测试工具进行测试,然后选择 2台魅族手机进行真机测试,分别是 PRO5和MX4Pro。

(2)主题安装。为了规避主题被盗用的风险,主题源文件需通过魅族的在线打包工具打包才能生成主题主题,并通过IMEI和SN生成测试证书,将主题文件和证书文件导入真机中方可进行测试。

4.2 锁屏、电话、信息、桌面、应用测试

锁屏界面,需要测试的是,解锁是否方便,解锁是否正常,各项功能是否完整。电话界面测试主要是拨号功能是否正常,联系人是否正常显示,电话号码是否突出显示,拨号按钮点击是否正常。短信界面需要重点测试的级别较深的项目,信息收藏按钮,信息置顶效果显示,编写信息按钮点击及二态是否正常,是否有错位的情况。桌面测试的基本图标风格是否统一,插件显示是否正常,页码提示是否正常,未适配图标显示是否添加遮罩。应用测试是对于系统及第三方应用,需根据不同的程序做不同的测试。

5 总结

经过测试功能模块满足平台要求之后,即可将主题包上传申请上架销售,经过大半年左右的时间,目前总共在Flyme主题市场完成了20套主题的上架,总下载量在100万左右。接下来将根据EMUI平台规则,实现现有主题对EMUI平台的适配上架。

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年度广西高等教育本科教学改革工程项目(2015JGA371);2015年度国家级大学生创新创业训练计划项目(201511607007)。

罗孟(1980-),男,广西钦州人,钦州学院讲师,工程硕士,研究方向为教育技术学。

猜你喜欢
钦州图标分辨率
北部湾港钦州自动化集装箱码头/获奖证书
西部陆海新通道背景下加强钦州水上消防建设的思考
EM算法的参数分辨率
Android手机上那些好看的第三方图标包
原生VS最大那些混淆视听的“分辨率”概念
钦州坭兴陶艺造型设计初探
“钦州大蚝”豪气崛起
图标
基于深度特征学习的图像超分辨率重建
一种改进的基于边缘加强超分辨率算法