专利名称：一种移动终端浏览器外观设置的方法及系统的制作方法
技术领域：
本发明属于移动终端技术领域，尤其涉及一种移动终端浏览器外观设置的方法及系统。
背景技术：
目前，移动终端用户的数量在逐日剧增，而随着网络技术的发展，移动终端已不仅仅是简单的通讯工具，通过移动终端浏览器上网获取资讯信息更是移动终端的重要用途。移动终端浏览器的外观(即皮肤)是移动终端屏幕上各个图片元素和颜色的RGB 值搭配显示的外观效果，现有技术中，移动终端浏览器的外观在软件安装或手机出厂的时候就已经固化，无法根据用户的喜好进行设置更改，不能满足用户的个性化需求；另外，当浏览器软件的色系和移动终端系统本身的色系差别很大的时候，色系的冲突会影响到用户的视觉效果，降低用户的使用体验。
发明内容
本发明提供了一种移动终端浏览器外观设置的方法及系统，旨在解决现有技术中由于移动终端浏览器的外观不能根据用户喜好进行设置，缺乏个性化、影响用户使用体验的问题。本发明是这样实现的，一种移动终端浏览器外观设置的方法，包括步骤a 服务器端制作移动终端浏览器皮肤包；步骤b 访问服务器，并发送网络请求获取选择的浏览器皮肤包；步骤c 解析获取的浏览器皮肤包，根据解析的数据更换移动终端浏览器的皮肤。本发明的技术方案还包括所述步骤a包括将浏览器皮肤各个位置与图片的配置关系、浏览器皮肤各个位置与RGB值的配置关系及图片名称一起编写成一个图片文档， 并将所述图片文档与该图片文档对应的图片数据一起制作成皮肤包。本发明的技术方案还包括所述步骤b还包括移动终端下载并接收皮肤包中的图片数据及图片文档，将图片数据和图片文档分别保存到移动终端内部存储文件中。本发明的技术方案还包括所述步骤C还包括解析图片文档，获取皮肤各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称。本发明的技术方案还包括所述步骤c还包括根据解析出的图片名称查找出移动终端内部存储文件中对应的图片数据，调用移动终端的用户操作接口，根据皮肤位置与图片的配置关系在对应皮肤位置上绘制对应的图片，根据皮肤各个位置与RGB值的配置关系绘制对应皮肤位置上的RGB值。本发明的技术方案还包括所述步骤c还包括将本次配置的图片数据保存到移动终端内部存储文件中。本发明采用的另一技术方案为一种移动终端浏览器外观设置的系统，包括服务器和移动终端，所述服务器包括皮肤数据制作模块，所述移动终端包括数据下载模块和界面更新模块，所述皮肤数据制作模块用于制作浏览器皮肤包；所述数据下载模块用于访问服务器端，选择浏览器皮肤包，然后发送网络请求到服务器端获取浏览器皮肤包；所述界面更新模块用于根据解析的皮肤包数据更换移动终端浏览器的皮肤界面。本发明的技术方案还包括所述服务器还包括皮肤配置模块和文档编写模块，所述皮肤配置模块用于配置皮肤各个位置对应的图片以及RGB值，所述文档编写模块用于将皮肤各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称一起编写成一个图片文档；其中，所述图片文档格式为XML文档，所述图片数据包括所述图片文档对应的图片、RGB值及图片名称。本发明的技术方案还包括所述移动终端还包括数据接收模块、数据存储模块和数据解析模块，所述数据接收模块用于接收图片数据和图片文档，所述数据存储模块用于保存图片数据和图片文档，所述数据解析模块用于解析图片文档，获取皮肤各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称。本发明的技术方案还包括所述移动终端还包括数据查找模块和数据配置模块， 所述数据查找模块用于根据图片名称查找出数据存储模块中对应的图片数据；所述数据配置模块用于根据皮肤各个位置与图片的配置关系在对应皮肤位置上绘制对应的图片，并根据皮肤各个位置与RGB值的配置关系绘制对应皮肤位置上的RGB值。本发明的技术方案具有如下优点或有益效果本发明移动终端浏览器外观设置的方法及系统通过服务器端配置浏览器皮肤各个位置对应的图片和RGB值，供移动终端用户下载，移动终端用户下载后通过数据解析后将图片绘制到对应的位置，并控制各个位置对应的RGB值，实现动态换肤。通过本发明的实施，可满足不同用户的个性化需求，并改善用户视觉效果，大大提高用户的使用体验。
附图1是本发明第一实施例的移动终端浏览器外观设置的方法的流程图；附图2是本发明第二实施例的移动终端浏览器外观设置的方法的流程图；附图3是本发明第一实施例的移动终端浏览器外观设置的系统的结构示意图；附图4是本发明第二实施例的移动终端浏览器外观设置的系统的结构示意图。
具体实施例方式为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。请参阅图1，是本发明第一实施例的移动终端浏览器外观设置的方法的流程图。本发明第一实施例的移动终端浏览器外观设置的方法包括以下步骤步骤100 服务器端制作移动终端浏览器皮肤包；在步骤100中，服务器端制作移动终端浏览器皮肤包中包括皮肤各个位置与图片的配置关系、皮肤各个位置与RGB值的配置关系及图片名称等，在本发明的实施方式中，服务器端配置移动终端浏览器皮肤图片和RGB值，将图片和位置的对应关系、RGB值和位置的对应关系编写成XML文档。
其中，浏览器的皮肤是在移动终端屏幕上通过配置各个独立的图片元素和颜色的 RGB值来搭配控制显示的外观效果，皮肤位置包括显示区、光标获取焦点行、滚动条、顶部菜单栏、底部状态栏等，并配置各个位置对应的RGB渐变颜色。步骤110 访问服务器，并发送网络请求获取选择的浏览器皮肤包；在步骤110中，移动终端访问服务器端，选择浏览器皮肤包，然后发送网络请求到服务器端获取浏览器皮肤包。步骤120 解析获取的浏览器皮肤包，根据解析的数据更换移动终端浏览器的皮肤。在步骤120中，移动终端下载皮肤包后，解析皮肤包逻辑，将所有的图片下载到移动终端内存中，在依据皮肤包中的对应关系将图片绘制到各个对应的位置，再将RGB值作用于对应的位置，实现动态换肤。请参阅图2，是本发明第二实施例的移动终端浏览器外观设置的方法的流程图。本发明第二实施例的移动终端浏览器外观设置的方法包括以下步骤步骤200 通过服务器端配置浏览器皮肤的各个位置对应的图片以及RGB值；在步骤200中，浏览器的皮肤是在移动终端屏幕上通过配置各个独立的图片元素和颜色的RGB值来搭配控制显示的外观效果，皮肤位置包括显示区、光标获取焦点行、滚动条、顶部菜单栏、底部状态栏等，并配置各个位置对应的RGB渐变颜色。步骤210 将皮肤的各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称一起编写成一个图片文档；其中，在本发明实施方式中，该图片文档格式为XML (extensible Markup Language)文档，即可扩展标识语言。步骤220 将图片文档与该图片文档对应的图片数据一起制作成皮肤包；在步骤220中，皮肤包是可以改变皮肤颜色及图案的主题包；其中，图片文档中包括皮肤的各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称，图片数据包括该图片文档中皮肤各个位置配置的图片、RGB值和图片名称。步骤230 通过移动终端访问服务器端，选择需要的浏览器皮肤包；步骤MO 发送网络请求下载浏览器皮肤包中的图片数据及图片文档；步骤250 接收图片数据和图片文档，并将图片数据和图片文档分别保存到移动终端内部存储文件中；步骤沈0:解析图片文档，获取皮肤各个位置与图片的配置关系、各个位置与RGB 值的配置关系及图片名称；步骤270 根据解析出的图片名称查找出移动终端内部存储文件中对应的图片数据；步骤观0 调用移动终端的用户操作接口，根据皮肤位置与图片的配置关系在对应皮肤位置上绘制对应的图片，并根据皮肤位置与RGB值的配置关系控制对应皮肤位置上的RGB值；其中，本发明实施方式中，该用户操作接口为Ul操作接口。步骤四0 根据配置数据置换新的皮肤界面；步骤300 将本次配置的图片数据保存到移动终端内部存储文件中；
在步骤300中，保存本次配置图片数据后，下次访问浏览器时会自动加载该图片数据为外观皮肤。步骤310 结束本次外观设置。请参阅图3，是本发明第一实施例的移动终端浏览器外观设置的系统的结构示意图。本发明第一实施例的移动终端浏览器外观设置的系统包括服务器和移动终端，服务器包括皮肤数据制作模块，移动终端包括数据下载模块和界面更新模块，其中，皮肤数据制作模块用于制作浏览器皮肤包；皮肤数据制作模块端制作的移动终端浏览器皮肤包中包括皮肤各个位置与图片的配置关系、皮肤各个位置与RGB值的配置关系及图片名称等，在本发明的实施方式中，皮肤数据制作模块根据移动终端浏览器皮肤图片和位置的对应关系、RGB值和位置的对应关系编写成XML文档。其中，浏览器的皮肤是在移动终端屏幕上通过配置各个独立的图片元素和颜色的 RGB值来搭配控制显示的外观效果，皮肤位置包括显示区、光标获取焦点行、滚动条、顶部菜单栏、底部状态栏等，并配置各个位置对应的RGB渐变颜色。数据下载模块用于访问服务器端，选择浏览器皮肤包，然后发送网络请求到服务器端获取浏览器皮肤包。界面更新模块用于根据解析的皮肤包数据更换移动终端浏览器的皮肤界面。其中，移动终端下载皮肤包后，解析皮肤包逻辑，将所有的图片下载到移动终端内存中，在依据皮肤包中的对应关系将图片绘制到各个对应的位置，再将RGB值作用于对应的位置，实现动态换肤。请参阅图4，是本发明第二实施例的移动终端浏览器外观设置的系统的结构示意图。本发明第二实施例的移动终端浏览器外观设置的系统包括服务器和移动终端，服务器包括皮肤配置模块、文档编写模块和皮肤数据制作模块，移动终端包括数据下载模块、数据接收模块、数据存储模块、数据解析模块、数据查找模块、数据配置模块和界面更新模块，其中皮肤配置模块用于配置浏览器皮肤的各个位置对应的图片以及RGB值；其中，浏览器的皮肤是在移动终端屏幕上通过配置各个独立的图片元素和颜色的RGB值来搭配控制显示的外观效果，皮肤位置包括显示区、光标获取焦点行、滚动条、顶部菜单栏、底部状态栏等，并配置各个位置对应的RGB渐变颜色。文档编写模块用于将皮肤各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称一起编写成一个图片文档；其中，在本发明实施方式中，该图片文档格式为 XML (extensible Markup Language)文档，艮阿扩展标识语言。皮肤数据制作模块用于将图片文档与该图片文档对应的图片数据一起制作成皮肤包；其中，皮肤包是可以改变皮肤颜色及图案的主题包；图片文档中包括皮肤的各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称，图片数据包括该图片文档中皮肤各个位置配置的图片、RGB值和图片名称。数据下载模块用于访问服务器端，选择需要的皮肤包，并发送网络请求下载皮肤包中的图片数据及图片文档；数据接收模块用于接收图片数据和图片文档，并通过数据存储模块保存图片数据和图片文档；
数据存储模块用于保存图片数据和图片文档；在本发明实施方式中，该数据存储模块为移动终端内部存储文件；另外，在本发明实施方式中，数据存储模块还用于保存本次配置的图片数据，其中，保存本次配置图片数据后，下次访问浏览器时会自动加载该图片数据为外观皮肤。数据解析模块用于解析图片文档，获取皮肤各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称；数据查找模块用于通过解析结果根据图片名称查找出数据存储模块中对应的图片数据；数据配置模块用于调用移动终端的用户操作接口，根据皮肤位置与图片的配置关系在对应皮肤位置上绘制对应的图片，并根据皮肤位置与RGB值的配置关系控制对应皮肤位置上的RGB值；其中，在本发明实施方式中，该用户操作接口为Ul操作接口。界面更新模块用于根据配置数据置换新的皮肤界面，并通过数据存储模块保存本次配置的图片数据。本发明移动终端浏览器外观设置的方法及系统通过服务器端配置浏览器皮肤各个位置对应的图片和RGB值，再将位置与图片的对应关系、位置与RGB值的对应关系编写成 XML文档，将XML文档与对应的图片数据一起打包供移动终端用户下载。移动终端用户下载后解析XML文档，并依据解析结果查找出对应的图片数据，将图片绘制到对应的位置，并控制各个位置对应的RGB值，实现动态换肤。通过本发明的实施，可满足不同用户的个性化需求，并改善用户视觉效果，大大提高用户的使用体验。以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
权利要求
1.一种移动终端浏览器外观设置的方法，包括步骤a 服务器端制作移动终端浏览器皮肤包；步骤b 访问服务器，并发送网络请求获取选择的浏览器皮肤包；步骤c 解析获取的浏览器皮肤包，根据解析的数据更换移动终端浏览器的皮肤。
2.根据权利要求1所述的移动终端浏览器外观设置的方法，其特征在于，所述步骤a包括将浏览器皮肤各个位置与图片的配置关系、浏览器皮肤各个位置与RGB值的配置关系及图片名称一起编写成一个图片文档，并将所述图片文档与该图片文档对应的图片数据一起制作成皮肤包。
3.根据权利要求2所述的移动终端浏览器外观设置的方法，其特征在于，所述步骤b还包括移动终端下载并接收皮肤包中的图片数据及图片文档，将图片数据和图片文档分别保存到移动终端内部存储文件中。
4.根据权利要求3所述的移动终端浏览器外观设置的方法，其特征在于，所述步骤c还包括解析图片文档，获取皮肤各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称。
5.根据权利要求4所述的移动终端浏览器外观设置的方法，其特征在于，所述步骤c 还包括根据解析出的图片名称查找出移动终端内部存储文件中对应的图片数据，调用移动终端的用户操作接口，根据皮肤位置与图片的配置关系在对应皮肤位置上绘制对应的图片，根据皮肤各个位置与RGB值的配置关系绘制对应皮肤位置上的RGB值。
6.根据权利要求1所述的移动终端浏览器外观设置的方法，其特征在于，所述步骤c还包括将本次配置的图片数据保存到移动终端内部存储文件中。
7.一种移动终端浏览器外观设置的系统，其特征在于，包括服务器和移动终端，所述服务器包括皮肤数据制作模块，所述移动终端包括数据下载模块和界面更新模块，所述皮肤数据制作模块用于制作浏览器皮肤包；所述数据下载模块用于访问服务器端，选择浏览器皮肤包，然后发送网络请求到服务器端获取浏览器皮肤包；所述界面更新模块用于根据解析的皮肤包数据更换移动终端浏览器的皮肤界面。
8.根据权利要求7所述的移动终端浏览器外观设置的系统，其特征在于，所述服务器还包括皮肤配置模块和文档编写模块，所述皮肤配置模块用于配置皮肤各个位置对应的图片以及RGB值，所述文档编写模块用于将皮肤各个位置与图片的配置关系、各个位置与RGB 值的配置关系及图片名称一起编写成一个图片文档；其中，所述图片文档格式为XML文档， 所述图片数据包括所述图片文档对应的图片、RGB值及图片名称。
9.根据权利要求8所述的移动终端浏览器外观设置的系统，其特征在于，所述移动终端还包括数据接收模块、数据存储模块和数据解析模块，所述数据接收模块用于接收图片数据和图片文档，所述数据存储模块用于保存图片数据和图片文档，所述数据解析模块用于解析图片文档，获取皮肤各个位置与图片的配置关系、各个位置与RGB值的配置关系及图片名称。
10.根据权利要求9所述的移动终端浏览器外观设置的系统，其特征在于，所述移动终端还包括数据查找模块和数据配置模块，所述数据查找模块用于根据图片名称查找出数据存储模块中对应的图片数据；所述数据配置模块用于根据皮肤各个位置与图片的配置关系在对应皮肤位置上绘制对应的图片，并根据皮肤各个位置与RGB值的配置关系绘制对应皮肤位置上的RGB值。
全文摘要
本发明属于移动终端技术领域，尤其涉及一种移动终端浏览器外观设置的方法及系统。本发明移动终端浏览器外观设置的方法包括步骤a服务器端制作移动终端浏览器皮肤包；步骤b访问服务器，并发送网络请求获取选择的浏览器皮肤包；步骤c解析获取的浏览器皮肤包，根据解析的数据更换移动终端浏览器的皮肤。本发明移动终端浏览器外观设置的方法及系统通过服务器端配置浏览器皮肤各个位置对应的图片和RGB值，供移动终端用户下载，移动终端用户下载后通过数据解析后将图片绘制到对应的位置，并控制各个位置对应的RGB值，实现动态换肤。通过本发明的实施，可满足不同用户的个性化需求，并改善用户视觉效果，大大提高用户的使用体验。
文档编号G06F9/44GK102279745SQ20111024667
公开日2011年12月14日 申请日期2011年8月25日 优先权日2011年8月25日
发明者伍杰 申请人:深圳市五巨科技有限公司