WO2012055190A1 - 一种设置用户界面的方法及装置 - Google Patents

一种设置用户界面的方法及装置 Download PDF

Info

Publication number
WO2012055190A1
WO2012055190A1 PCT/CN2011/071000 CN2011071000W WO2012055190A1 WO 2012055190 A1 WO2012055190 A1 WO 2012055190A1 CN 2011071000 W CN2011071000 W CN 2011071000W WO 2012055190 A1 WO2012055190 A1 WO 2012055190A1
Authority
WO
WIPO (PCT)
Prior art keywords
data
file
background image
image
selected background
Prior art date
Application number
PCT/CN2011/071000
Other languages
English (en)
French (fr)
Inventor
王强
Original Assignee
中兴通讯股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Priority to US13/882,188 priority Critical patent/US10120539B2/en
Priority to EP11835464.6A priority patent/EP2634690A4/en
Publication of WO2012055190A1 publication Critical patent/WO2012055190A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the present invention relates to a user interface (UI, User Interface) design technique, and more particularly to a method and apparatus for setting a UI. Background technique
  • Tablet PCs Tablet PCs
  • Professionals ordinary consumers who have only used mobile phones, and even those who have never been exposed to these electronic products, hope to complete their needs in the Tablet PC through a convenient and fast operation.
  • more and more consumers are beginning to pay attention to their personalized human-machine interface. They may also adjust the UI style of mobile internet devices at any time as their hobbies change or their mood changes.
  • An operation method that enables users of mobile internet devices to conveniently and quickly create a user-satisfied, personalized UI.
  • the main object of the present invention is to provide a method and apparatus for setting a UI, which can Get a personalized UI easily and quickly.
  • the present invention provides a method of setting a UI, the method comprising:
  • UI management interface In the UI management interface, acquiring and saving image data in a file of the selected background image; marking spatial coordinates of different shape regions cut out on the background image, and performing display effect processing on the cut different shape regions, and then outputting the display effect process result;
  • the image data in the file of the selected background image is obtained and saved as: extracting data of a frame, a layer, a picture, a data field, and a control domain from the file of the selected background image, and according to The data structure is saved.
  • the display effect processing is performed on the different shape regions that are cut out, which are: according to the saved image data in the file of the selected background image and the spatial coordinates of the cut different shape regions, the cut The line shape of the highlighted border of the different shape regions is inserted into the file of the selected background image; and/or, according to the spatial coordinates of the start point and the end point of each shape, the cut different shape regions are obtained from the saved image data.
  • Image data artistically process the acquired image data of different shape regions, and insert the processed data into the file of the selected background image.
  • the method before acquiring and saving the image data in the file of the selected background image, the method further comprises: saving the file of the selected background image.
  • the output display effect processing result is: saving the output display effect processing result to the specified position.
  • the image data in the file of the selected background image is obtained and saved as: an imaging block of the data entity in the GIF file, according to the control block
  • the meaning of the characters is stripped from the GIF file; the data of the separated static image and the corresponding control characters are saved separately.
  • the display effect processing is performed on the different shape regions that are cut out, and: the different shape regions to be cut according to the data of the saved static image, the corresponding control characters, and the spatial coordinates of the different shape regions that are cut out
  • the highlight of the border is inserted into the GIF file of the selected background image; and/or, according to the spatial coordinates of the start and end points of each shape, the cut is obtained from the data of the saved still image and the corresponding control character Data of different shape regions and corresponding control characters; artistically processing the acquired data of different shape regions and corresponding control characters, and inserting the processed data into the GIF file of the selected background image.
  • the present invention also provides an apparatus for setting a UI, the apparatus comprising: an acquisition module, a display effect processing module, and a recording module;
  • An obtaining module configured to acquire and save image data in a file of the selected background image in the UI management interface, and trigger a display effect processing module after saving;
  • the display effect processing module is configured to: after receiving the trigger information of the display effect processing module, mark the spatial coordinates of the different shape regions cut out on the background image, and perform display effect processing on the cut different shape regions, and then output the processing result. And triggering the recording module after outputting the processing result; the recording module is configured to: after receiving the trigger information of the display effect processing module, record the directory name of each icon preset and the corresponding menu link path.
  • the apparatus further includes: a storage module, configured to save the file of the selected background image.
  • the acquiring module is specifically configured to: extract data of a frame, a layer, a picture, a data field, and a control domain from the file of the selected background image, and save the data according to the data structure.
  • the invention provides a UI setting solution, in the UI management interface, acquiring and saving image data in a file of a selected background image; marking spatial coordinates of different shape regions cut on the background image, and cutting different shape regions
  • the display effect processing is performed, and then the display effect processing result is output; the directory name of each icon set in advance and the corresponding menu link path are recorded, so that the personalized UI can be conveniently and quickly obtained, thereby conforming to the user's usage habits and simplifying User operation Work to improve the user experience.
  • FIG. 1 is a schematic flow chart of a method for setting a UI according to the present invention
  • FIG. 2 is a schematic flowchart of a method for setting a UI according to an embodiment of the present invention
  • FIG. 3 is a schematic diagram of a desktop according to an embodiment of the present invention.
  • Figure 4 is a schematic diagram of a conventional desktop
  • FIG. 5 is a schematic structural diagram of an apparatus for setting a UI according to the present invention. detailed description
  • the method for setting the UI of the present invention includes the following steps:
  • Step 101 In the UI management interface, acquire and save image data in a file of the selected background image;
  • the user can arbitrarily select the background image according to his or her preference;
  • the selected background image may be a static or dynamic image, and the selected background image may be a two-dimensional or three-dimensional image, and the selected background image It may be artistic, or natural, or a character, etc.;
  • the file format of the selected background image may be JPG, GIF, BMP, TIF, TGA, PSD, SWF, or SVG.
  • the image data includes data of a frame, a layer, a picture, a data field, and a control domain; and the image data in the file that acquires and saves the selected background image is specifically: extracting from the file of the selected background image
  • the data of the frame, the layer, the picture, the data field and the control domain are saved according to the data structure; wherein the data structure may be a tree structure, and is saved according to the data structure, so that the required data can be quickly found in subsequent operations. .
  • the method may further include: before acquiring and saving the image data in the file of the selected background image: Save the file of the selected background image;
  • the file of the selected background image may be converted into a preset format, such as GIF, according to the file format of the selected background image and the corresponding compression method, or Save directly in the file format of the selected background image.
  • a preset format such as GIF
  • GIF file can be divided into: File Header, GIF Data Stream, and Trailer.
  • the header contains the GIF signature (Signature) and version number (Version), GIF data.
  • the stream consists of a control identifier, an Image Block, and some other extension blocks.
  • the file terminator has only one character with a value of 0x3B, which is ";", indicating the end of the file;
  • This rule defines the ⁇ GIF data stream> entity as: starting with the header, followed by a logical video entity, the logical video entity followed by the data entity, the data entity followed by the terminator, and the * after the data entity indicates that the data entity can be This position appears 0 or more times;
  • ⁇ imaging block>:: [image control expansion] ⁇ imaging block>;
  • ⁇ imaging block>:: ⁇ table based image> I plain text expansion
  • this step specifically includes:
  • An imaging block of the data entity in the GIF file is stripped from the GIF file according to the meaning of the control block character; the data of the stripped static image and the corresponding control character are respectively saved; wherein, when the selected background image is In the case of a static image, the still image refers to the entire image of the background image, and at this time, there is only one still image; when the selected background image is a dynamic image, the dynamic image is composed of a plurality of still images.
  • the data and corresponding control characters contain data of all still images and corresponding control characters; the control block characters contain information for controlling the processing of the data stream or setting hardware parameters, including: head, logical screen description block, image control Expansion and tail recording; etc.;
  • the data of the entire image that is stripped off and the corresponding control characters can be separately saved;
  • the background image format is JPG
  • the processing is exactly the same as the GIF format.
  • Step 102 Marking spatial coordinates of different shape regions cut on the background image, and performing display effect processing on the cut different shape regions, and then outputting the display effect processing result;
  • the user can slide on the screen of the tablet PC used by a finger or a mouse, and generate different shapes, such as an ellipse, a circle, a rectangle, etc.; when sliding, the user can first view the image from the background. Select the favorite picture area, select the picture area and then slide it with your finger or mouse to create a shape in the selected picture area, so as to cut out the image that the user likes from the background image.
  • the display effect processing is performed on the cut different shape regions, specifically:
  • the width of the line of the highlighted border is set, generally set to 2 ⁇ 4 frames; when inserted, according to the control field, the different shapes of the cut are highlighted.
  • the line shape of the display border is inserted into the data field of the file of the selected background image, and then the characters of the corresponding control field are modified.
  • the images of different shape areas are presented to the user in a convex or concave manner, and the specific processing flow for artistic processing is exactly the same as the existing artistic processing. .
  • the specific implementation of the processed data inserted into the file of the selected background image may be that the processed data and the selected background image are used as a layer.
  • the processed data is inserted into the selected background according to the control domain.
  • the data field of the image file, after which the characters of the corresponding control field are modified; or the processed data and the selected background image are independent layers, that is: the processed data and the selected background image are two Layer, at this time, according to the control domain, insert the processed data into the data field of the file of the selected background image, and then modify the characters of the corresponding control domain and the characters of the layer, specifically, the layers of the layer Add one to the number.
  • the output display effect processing result is: A new file formed after the output is inserted into the file of the selected background image, and the output display effect processing result can be saved to the specified position during the actual application.
  • the Tablet PC used by the user will use the algorithm to obtain the image data of different shapes cut out from the saved image data according to the spatial coordinates of the start and end points of each shape. It is identical to the processing of images in the prior art.
  • the data of the different shape regions and the corresponding control characters are obtained from the data of the saved still image and the corresponding control characters; the data of the different shape regions obtained and corresponding Control characters are artistically processed and will be processed The data is inserted into the GIF file of the selected background image.
  • Step 103 Record the directory name of each icon preset and the corresponding menu link path.
  • Each shape generated by the user's finger or mouse single-finger swipe is called an icon.
  • the directory name it can be set arbitrarily according to the user's preferences and purposes. The process of setting the corresponding menu link path and the existing UI design process The way the link path is exactly the same;
  • the user selects a dynamic image as the background image, that is, the format of the background image is the GIF format.
  • the method for setting the UI in this embodiment includes the following steps:
  • Step 201 In the UI management interface, the imaging block of the data entity in the GIF file of the background image selected by the user is stripped from the GIF file according to the meaning of the control block character, and the data of the static image that is stripped out and corresponding Control characters are saved separately.
  • Step 202 Mark the spatial coordinates of the different shape regions cut on the background image, and highlight the different shape regions according to the saved static image data, the corresponding control characters, and the spatial coordinates of the different shaped regions that are cut.
  • the line that displays the border is inserted into the GIF file of the selected background image.
  • Step 203 Obtain the data of the different shape regions and the corresponding control characters from the saved static image data and the corresponding control characters according to the spatial coordinates of the start point and the end point of each shape; the data of the different shape regions to be acquired And corresponding control characters are artistically processed, and the processed data is inserted into the GIF file of the selected background image.
  • Step 204 Save the display effect processing result to the specified location.
  • Step 205 Save the directory name of each icon preset and the corresponding menu link path to the GIF_Directory_Name and the GIF Directory Address respectively, and then end the current processing flow.
  • the directory names set in this embodiment are respectively communication, favorites, applications, operators, management, and entertainment.
  • Figure 4 is a schematic diagram of the traditional desktop. As can be seen from the two diagrams, compared with the desktop diagram in Figure 4, Figure 3 The desktop diagram shown is more aesthetically pleasing and personalized, which makes the user more satisfied.
  • the present invention further provides an apparatus for setting a UI.
  • the apparatus includes: an obtaining module 51, a display effect processing module 52, and a recording module 53.
  • the UI management interface the image data in the file of the selected background image is acquired and saved, and the display effect processing module 52 is triggered after being saved;
  • the display effect processing module 52 is configured to: after receiving the trigger information of the display effect processing module 51, mark the spatial coordinates of different shape regions cut on the background image, and perform display effect processing on the cut different shape regions, and then output processing Result, and after outputting the processing result, triggering the recording module 53;
  • the recording module 53 is configured to record the directory name of each icon preset and the corresponding menu link path after receiving the trigger information of the display effect processing module 52.
  • the device may further include: a storage module, configured to save the file of the selected background image.
  • the storage module can also be used to save the output display effect processing result.
  • the obtaining module 51 is specifically configured to: extract data of a frame, a layer, a picture, a data field, and a control domain from the file of the selected background image, and save the data according to the data structure.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Description

一种设置用户界面的方法及装置 技术领域
本发明涉及用户界面（UI, User Interface )的设计技术， 特别是指一种 设置 UI的方法及装置。 背景技术
目前， 计算机、 手机或其它有屏幕的电子设备的用户接口都是不能自 定义的。 换句话说， 用户只能从操作系统自带的风格中选择比较满意的界 面， 而不能随心所欲的设置自己喜欢的方式。
随着信息技术与通讯技术的不断融合， 平板个人计算机（Tablet PC, Tablet Personal Computer )等可移动、 轻便小巧的消费类电子设备越来越多 的进入到人们的视野中， 不论是经常使用计算机的专业人士， 还是只用过 手机的普通消费者， 甚至是从来没有接触过上述这些电子产品的人， 都希 望能通过一种方便快捷的操作在 Tablet PC中完成自己的需要。 并且， 越来 越多的消费者开始注重自己的个性化人机界面， 他们可能还会随着自己兴 趣爱好的改变或心情的变化，而随时调整移动互联设备的 UI的风格，如此， 就需要一种操作方法， 能让移动互联设备的用户方便、 快捷的制作出用户 满意的、 个性化的 UI。
但是， 在现有技术中， 还没有一种允许用户自定义 UI的方法， 也就是 说， 目前还没有一种技术方案， 能使用户方便、 快捷的制作出自己满意的、 个性化的 UI。 发明内容
有鉴于此， 本发明的主要目的在于提供一种设置 UI的方法及装置， 能 方便、 快捷地获取个性化的 UI。
为达到上述目的， 本发明的技术方案是这样实现的：
本发明提供了一种设置 UI的方法， 该方法包括：
在 UI管理界面， 获取并保存所选背景图像的文件中的图像数据； 标记背景图像上切割出的不同形状区的空间坐标， 并对切割出的不同 形状区进行显示效果处理， 之后输出显示效果处理结果；
记录预先设置的每个图标的目录名及相应的菜单链接路径。
上述方案中， 所述获取并保存所选背景图像的文件中的图像数据， 为： 从所述所选背景图像的文件中抽取帧、 图层、 图片、 数据域及控制域的数 据， 并按照数据结构保存。
上述方案中， 所述对切割出的不同形状区进行显示效果处理， 为： 根 据保存的所述所选背景图像的文件中的图像数据和切割出的不同形状区的 空间坐标， 将切割出的不同形状区的高亮显示边框的线形插入到所述所选 背景图像的文件中； 和 /或， 根据各个形状的起点和终点的空间坐标， 从保 存的图像数据中获取切割出的不同形状区的图像数据； 将获取的不同形状 区的图像数据进行艺术化处理， 并将处理后的数据插入到所述所选背景图 像的文件中。
上述方案中， 在获取并保存所选背景图像的文件中的图像数据之前， 该方法进一步包括： 保存所述所选背景图像的文件。
上述方案中， 所述输出显示效果处理结果， 为： 将输出的显示效果处 理结果保存到指定位置。
上述方案中， 当所述所选背景图像的文件格式为 GIF时， 所述获取并 保存所选背景图像的文件中的图像数据， 为： 将 GIF文件中的数据实体的 成像块， 按照控制块字符的含义从 GIF文件中剥离出来； 将剥离出来的静 态图像的数据及相应的控制字符分别保存。 上述方案中， 所述对切割出的不同形状区进行显示效果处理， 为： 根 据保存的静态图像的数据、 相应的控制字符及切割出的不同形状区的空间 坐标， 将切割出的不同形状区的高亮显示边框的线形插入到所述所选背景 图像的 GIF文件中； 和 /或， 根据各个形状的起点和终点的空间坐标， 从保 存的静态图像的数据及相应的控制字符中获取切割出的不同形状区的数据 及相应的控制字符； 将获取的不同形状区的数据及相应的控制字符进行艺 术化处理， 并将处理后的数据插入到所述所选背景图像的 GIF文件中。
本发明还提供了一种设置 UI的装置， 该装置包括： 获取模块、 显示效 果处理模块、 以及记录模块； 其中，
获取模块， 用于在 UI管理界面， 获取并保存所选背景图像的文件中的 图像数据， 并在保存后触发显示效果处理模块；
显示效果处理模块， 用于收到显示效果处理模块的触发信息后， 标记 背景图像上切割出的不同形状区的空间坐标， 并对切割出的不同形状区进 行显示效果处理， 之后输出处理结果， 并在输出处理结果后触发记录模块； 记录模块， 用于收到显示效果处理模块的触发信息后， 记录预先设置 的每个图标的目录名及相应的菜单链接路径。
上述方案中， 该装置进一步包括： 存储模块， 用于保存所述所选背景 图像的文件。
上述方案中， 所述获取模块， 具体用于： 从所述所选背景图像的文件 中抽取帧、 图层、 图片、 数据域及控制域的数据， 并按照数据结构保存。
本发明提供的设置 UI的方案， 在 UI管理界面， 获取并保存所选背景 图像的文件中的图像数据； 标记背景图像上切割出的不同形状区的空间坐 标， 并对切割出的不同形状区进行显示效果处理， 之后输出显示效果处理 结果； 记录预先设置的每个图标的目录名及相应的菜单链接路径， 如此， 能方便、 快捷地获取个性化的 UI, 进而符合用户的使用习惯、 简化用户操 作， 提升用户体验。 附图说明
图 1为本发明设置 UI的方法流程示意图；
图 2为本发明实施例设置 UI的方法流程示意图；
图 3为本发明实施例的桌面示意图；
图 4为传统的桌面示意图；
图 5为本发明设置 UI的装置结构示意图。 具体实施方式
下面结合附图及具体实施例对本发明再作进一步详细的说明。
本发明设置 UI的方法， 如图 1所示， 包括以下步骤：
步骤 101 : 在 UI管理界面， 获取并保存所选背景图像的文件中的图像 数据；
这里， 用户可以根据自己的喜好任意选择背景图像； 所述选择的背景 图像可以是静态的或动态的图像， 所述选择的背景图像可以是二维的或三 维的图像， 所述选择的背景图像可以是艺术的、 或自然的、 或人物的等等； 所述选择的背景图像的文件格式可以是 JPG、 GIF, BMP, TIF、 TGA、 PSD, SWF、 或 SVG等。
所述图像数据包括帧、 图层、 图片、 数据域及控制域的数据； 所述获取并保存所选背景图像的文件中的图像数据， 具体为： 从所述所选背景图像的文件中抽取帧、 图层、 图片、 数据域及控制域 的数据， 并按照数据结构保存； 其中， 所述数据结构可以是树状结构， 按 照数据结构保存， 以便在后续的操作中能迅速找到需要的数据。
在获取并保存所选背景图像的文件中的图像数据之前， 该方法还可以 进一步包括： 保存所选背景图像的文件；
其中， 在实际应用过程中， 在保存时， 可以根据所选背景图像的文件 格式及对应的压缩方法， 将所选背景图像的文件转化成一种预先设定的格 式， 比如 GIF等， 或者， 可以直接按照所选背景图像的文件格式保存。
一个 GIF文件的结构可以分为：文件头（ File Header )、 GIF数据流（ GIF Data Stream )和文件终结器（ Trailer ),文件头包含 GIF文件署名（ Signature ) 和版本号（Version ), GIF数据流由控制标识符、 图像块（Image Block )和 其他的一些扩展块组成， 文件终结器只有一个值为 0x3B 的字符， 即"；"， 表示文件结束；
GIF的格式包括： <GIF数据流 > ：: = 头部 <逻辑视屏〉 <数据〉 * 尾记 录。 这个规则将 <GIF数据流 >实体定义为： 以头部开始， 头部后面接一个 逻辑视屏实体， 逻辑视频实体后面接数据实体， 数据实体接结束符， 数据 实体后面的 *表示数据实体可以在此位置出现 0或多次； 其中，
<逻辑视屏>：: =逻辑视屏描述块 [全局色表];
<数据 >：: = <成像块 > |<特殊用途块 >;
<成像块 >：: = [图像控制扩充] <成像块 >;
<成像块 >：: = <基于表的图像 > I纯文本扩充；
<基于表的图像 >：: = 图像描述符 [局部色表] 图像数据；
<特殊用途块 >：: =应用扩充 I注释扩充；
以 GIF格式为例， 则本步骤的实现， 具体包括：
将 GIF文件中的数据实体的成像块， 按照控制块字符的含义从 GIF文 件中剥离出来； 将剥离出来的静态图像的数据及相应的控制字符分别保存； 其中， 当所述所选背景图像为静态的图像时， 所述静态图像是指背景 图像的整幅图像， 此时， 只有一幅静态图像； 当所述所选背景图像为动态 的图像时， 动态的图像由多幅静态图像组成， 此时， 剥离出来的静态图像 的数据及相应的控制字符包含所有静态图像的数据及相应的控制字符； 所述控制块字符包含用于控制处理数据流或设置硬件参数的信息， 包 括： 头部、 逻辑视屏描述块、 图像控制扩充及尾记录等； 在实际应用时， 为了能在设置 UI的过程中快速找到需要的数据及相应的控制字符， 可以将 剥离出来的整幅图像的数据及相应的控制字符分别保存；
如果背景图像的格式为 JPG时， 处理过程与 GIF格式的处理过程完全 相同。
步骤 102: 标记背景图像上切割出的不同形状区的空间坐标， 并对切割 出的不同形状区进行显示效果处理， 之后输出显示效果处理结果；
这里， 用户可以通过手指或鼠标单指在所使用的 Tablet PC的屏幕上滑 动， 产生不同的形状， 这些形状可以是椭圓、 圓形或长方形等等； 在滑动 时， 用户可以先从背景图像中选择喜欢的图片区， 选中图片区后再通过手 指或鼠标单指滑动， 在选中的图片区产生形状， 从而实现从背景图像中切 割出用户喜欢的图像。
所述对切割出的不同形状区进行显示效果处理， 具体为：
根据保存的所选背景图像的文件中的图像数据和切割出的不同形状区 的空间坐标， 将切割出的不同形状区的高亮显示边框的线形插入到所选背 景图像的文件中； 和 /或，
根据各个形状的起点和终点的空间坐标， 从保存的图像数据中获取切 割出的不同形状区的图像数据； 将获取的不同形状区的图像数据进行艺术 化处理， 并将处理后的数据插入到所选背景图像的文件中。
其中， 依据用户所使用的 Tablet PC的触摸屏的分辨率， 设置高亮显示 边框的线形的宽度， 一般设为 2~4帧； 在插入时， 依据控制域， 将切割出 的不同形状的高亮显示边框的线形插入到所选背景图像的文件的数据域 中， 之后修改相应的控制域的字符。 将获取的不同形状的图像数据进行艺术化处理后， 不同形状区的图像 会以凸出或凹陷的方式呈现给用户， 进行艺术化处理的具体处理流程与现 有的艺术化的处理过程完全相同。
处理后的数据插入到所选背景图像的文件中的具体实现方式可以是处 理后的数据与所选背景图像作为一个图层， 此时， 依据控制域， 将处理后 的数据插入到所选背景图像的文件的数据域中， 之后修改相应的控制域的 字符； 还可以是处理后的数据与所选背景图像为各自独立的图层， 即： 处 理后的数据与所选背景图像为两个图层， 此时， 依据控制域， 将处理后的 数据插入到所选背景图像的文件的数据域中， 之后修改相应的控制域的字 符和图层的字符， 具体地， 将图层的个数加一。
输出显示效果处理结果是指： 输出插入到所选背景图像的文件中后形 成的新文件， 在实际应用过程中， 可以将输出的显示效果处理结果保存到 指定位置。
用户依据自己的需要滑动出各个形状后， 用户所使用的 Tablet PC会依 据各个形状的起点和终点的空间坐标， 利用算法从保存的图像数据中得到 切割出的不同形状的图像数据， 具体处理过程与现有技术中图像的处理过 程完全相同。
以 GIF格式为例， 本步骤的实现具体为：
标记背景图像上切割出的不同形状区的空间坐标， 根据保存的静态图 像的数据、 相应的控制字符及切割出的不同形状区的空间坐标， 将切割出 的不同形状区的高亮显示边框的线形插入到所选背景图像的 GIF文件中； 和 /或，
根据各个形状的起点和终点的空间坐标， 从保存的静态图像的数据及 相应的控制字符中获取切割出的不同形状区的数据及相应的控制字符； 将 获取的不同形状区的数据及相应的控制字符进行艺术化处理， 并将处理后 的数据插入到所选背景图像的 GIF文件中。
步骤 103: 记录预先设置的每个图标的目录名及相应的菜单链接路径。 用户通过手指或鼠标单指滑动产生的每个形状称为一个图标， 在设置 目录名时， 可以依据用户的喜好及用途任意设置； 设置相应的菜单链接路 径的过程与现有的 UI设计过程中的链接路径的方式完全相同；
本步骤完成后， 表明 UI的设置过程已经完成， 退出 UI管理界面后， 用户可以在 Home Screen中看到设置的 UI; 当用户需要时， 可以将设置完 成的 UI设置为桌面，此后的操作与正常的 Windows或 Android的窗口管理 过程相同。
下面结合实施例对本发明再作进一步详细的说明。
在本实施例中， 用户选择一个动态的图像作为背景图像， 即： 背景图 像的格式为 GIF格式。
本实施例的设置 UI的方法， 如图 2所示， 包括以下步骤：
步骤 201 : 在 UI管理界面， 将用户选择的背景图像的 GIF文件中的数 据实体的成像块， 按照控制块字符的含义从 GIF文件中剥离出来， 并将剥 离出来的静态图像的数据及相应的控制字符分别保存。
步骤 202: 标记背景图像上切割出的不同形状区的空间坐标，根据保存 的静态图像的数据、 相应的控制字符及切割出的不同形状区的空间坐标， 将切割出的不同形状区的高亮显示边框的线形插入到所选背景图像的 GIF 文件中。
步骤 203: 根据各个形状的起点和终点的空间坐标，从保存的静态图像 的数据及相应的控制字符中获取切割出的不同形状区的数据及相应的控制 字符； 将获取的不同形状区的数据及相应的控制字符进行艺术化处理， 并 将处理后的数据插入到所选背景图像的 GIF文件中。
步骤 204: 将显示效果处理结果保存到指定位置。 步骤 205: 将预先设置的每个图标的目录名及相应的菜单链接路径， 分 别 保 存 到 GIF— Directory— Name 和 图 标 目 录 链 接 地 址 ( GIF Directory Address ) 中， 之后结束当前处理流程。
这里， 本实施例中设置的目录名分别为通讯、 收藏夹、 应用、 运营商、 管理及娱乐。
将设置好的 UI设置为桌面后， 则得到如图 3所示的桌面示意图， 图 4 为传统的桌面示意图， 从两张示意图中可以看出， 与图 4 中的桌面示意图 相比， 图 3 所示的桌面示意图更加具有美观、 个性化的特点， 从而令用户 更加满意。
为实现上述方法， 本发明还提供了一种设置 UI的装置， 如图 5所示， 该装置包括： 获取模块 51、显示效果处理模块 52、 以及记录模块 53; 其中， 获取模块 51 ,用于在 UI管理界面，获取并保存所选背景图像的文件中 的图像数据， 并在保存后触发显示效果处理模块 52;
显示效果处理模块 52 , 用于收到显示效果处理模块 51的触发信息后， 标记背景图像上切割出的不同形状区的空间坐标， 并对切割出的不同形状 区进行显示效果处理， 之后输出处理结果， 并在输出处理结果后触发记录 模块 53;
记录模块 53 , 用于收到显示效果处理模块 52的触发信息后， 记录预先 设置的每个图标的目录名及相应的菜单链接路径。
其中， 该装置还可以进一步包括： 存储模块， 用于保存所述所选背景 图像的文件。
所述存储模块， 还可以用于保存输出的显示效果处理结果。
所述获取模块 51 , 具体用于： 从所述所选背景图像的文件中抽取帧、 图层、 图片、 数据域及控制域的数据， 并按照数据结构保存。
这里， 本发明的所述装置中的显示效果处理模块的具体处理过程已在 上文中详述， 不再赘述。
以上所述， 仅为本发明的较佳实施例而已， 并非用于限定本发明的保 护范围， 凡在本发明的精神和原则之内所作的任何修改、 等同替换和改进 等， 均应包含在本发明的保护范围之内。

Claims

权利要求书
1、 一种设置用户界面 （UI ) 的方法， 其特征在于， 该方法包括： 在 UI管理界面， 获取并保存所选背景图像的文件中的图像数据； 标记背景图像上切割出的不同形状区的空间坐标， 并对切割出的不同 形状区进行显示效果处理， 之后输出显示效果处理结果；
记录预先设置的每个图标的目录名及相应的菜单链接路径。
2、 根据权利要求 1所述的方法， 其特征在于， 所述获取并保存所选背 景图像的文件中的图像数据， 为：
从所述所选背景图像的文件中抽取帧、 图层、 图片、 数据域及控制域 的数据， 并按照数据结构保存。
3、 根据权利要求 1所述的方法， 其特征在于， 所述对切割出的不同形 状区进行显示效果处理， 为：
根据保存的所述所选背景图像的文件中的图像数据和切割出的不同形 状区的空间坐标， 将切割出的不同形状区的高亮显示边框的线形插入到所 述所选背景图像的文件中； 和 /或，
根据各个形状的起点和终点的空间坐标， 从保存的图像数据中获取切 割出的不同形状区的图像数据； 将获取的不同形状区的图像数据进行艺术 化处理， 并将处理后的数据插入到所述所选背景图像的文件中。
4、 根据权利要求 1至 3任一项所述的方法， 其特征在于， 在获取并保 存所选背景图像的文件中的图像数据之前， 该方法进一步包括：
保存所述所选背景图像的文件。
5、 根据权利要求 1至 3任一项所述的方法， 其特征在于， 所述输出显 示效果处理结果， 为：
将输出的显示效果处理结果保存到指定位置。
6、 根据权利要求 2所述的方法， 其特征在于， 当所述所选背景图像的 文件格式为 GIF时， 所述获取并保存所选背景图像的文件中的图像数据， 为：
将 GIF文件中的数据实体的成像块， 按照控制块字符的含义从 GIF文 件中剥离出来； 将剥离出来的静态图像的数据及相应的控制字符分别保存。
7、 根据权利要求 6所述的方法， 其特征在于， 所述对切割出的不同形 状区进行显示效果处理， 为：
根据保存的静态图像的数据、 相应的控制字符及切割出的不同形状区 的空间坐标， 将切割出的不同形状区的高亮显示边框的线形插入到所述所 选背景图像的 GIF文件中； 和 /或，
根据各个形状的起点和终点的空间坐标， 从保存的静态图像的数据及 相应的控制字符中获取切割出的不同形状区的数据及相应的控制字符； 将 获取的不同形状区的数据及相应的控制字符进行艺术化处理， 并将处理后 的数据插入到所述所选背景图像的 GIF文件中。
8、 一种设置 UI的装置， 其特征在于， 该装置包括： 获取模块、 显示 效果处理模块、 以及记录模块； 其中，
获取模块， 用于在 UI管理界面， 获取并保存所选背景图像的文件中的 图像数据， 并在保存后触发显示效果处理模块；
显示效果处理模块， 用于收到显示效果处理模块的触发信息后， 标记 背景图像上切割出的不同形状区的空间坐标， 并对切割出的不同形状区进 行显示效果处理， 之后输出处理结果， 并在输出处理结果后触发记录模块； 记录模块， 用于收到显示效果处理模块的触发信息后， 记录预先设置 的每个图标的目录名及相应的菜单链接路径。
9、 根据权利要求 8所述的装置， 其特征在于， 该装置进一步包括： 存 储模块， 用于保存所述所选背景图像的文件。
10、 根据权利要求 8或 9所述的装置， 其特征在于， 所述获取模块， 具体用于：
从所述所选背景图像的文件中抽取帧、 图层、 图片、 数据域及控制域 的数据， 并按照数据结构保存。
PCT/CN2011/071000 2010-10-29 2011-02-15 一种设置用户界面的方法及装置 WO2012055190A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
US13/882,188 US10120539B2 (en) 2010-10-29 2011-02-15 Method and device for setting user interface
EP11835464.6A EP2634690A4 (en) 2010-10-29 2011-02-15 METHOD AND APPARATUS FOR CONFIGURING USER INTERFACE

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN2010105267059A CN101976194A (zh) 2010-10-29 2010-10-29 一种设置用户界面的方法及装置
CN201010526705.9 2010-10-29

Publications (1)

Publication Number Publication Date
WO2012055190A1 true WO2012055190A1 (zh) 2012-05-03

Family

ID=43576082

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2011/071000 WO2012055190A1 (zh) 2010-10-29 2011-02-15 一种设置用户界面的方法及装置

Country Status (4)

Country Link
US (1) US10120539B2 (zh)
EP (1) EP2634690A4 (zh)
CN (1) CN101976194A (zh)
WO (1) WO2012055190A1 (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102799420B (zh) * 2011-05-23 2015-12-02 腾讯科技（深圳）有限公司 一种客户端皮肤编辑方法和皮肤编辑器
CN102436381B (zh) * 2011-11-15 2018-09-28 南京中兴软件有限责任公司 一种界面布局的生成方法及装置
KR102183448B1 (ko) * 2013-04-26 2020-11-26 삼성전자주식회사 사용자 단말 장치 및 그 디스플레이 방법
JP6355746B2 (ja) 2014-02-19 2018-07-11 クアルコム，インコーポレイテッド デバイスのための画像編集技法
CN108984172B (zh) * 2018-05-31 2022-04-26 北京奇艺世纪科技有限公司 一种界面文件的生成方法及装置
CN110647370B (zh) * 2019-08-06 2023-03-14 烽火通信科技股份有限公司 一种服务器管理界面的个性化设置方法及系统

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1556948A (zh) * 2000-06-01 2004-12-22 ���޿�˹��.Com��˾ 可调整大小的图形用户界面
US20050225572A1 (en) * 2004-04-03 2005-10-13 Ekpar Frank E Versatile user interface
CN101872285A (zh) * 2010-06-13 2010-10-27 中兴通讯股份有限公司 一种实现桌面系统的方法及装置

Family Cites Families (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5737553A (en) 1995-07-14 1998-04-07 Novell, Inc. Colormap system for mapping pixel position and color index to executable functions
US6714202B2 (en) * 1999-12-02 2004-03-30 Canon Kabushiki Kaisha Method for encoding animation in an image file
JP2006523343A (ja) * 2003-03-19 2006-10-12 ニック ソフトウエア インク ディジタル画像の選択的エンハンスメント
US7928994B2 (en) * 2003-07-16 2011-04-19 Transpacific Image, Llc Graphics items that extend outside a background perimeter
CN1909705A (zh) 2005-08-05 2007-02-07 杭州波导软件有限公司 一种基于移动终端平台的通用开发平台
US8095565B2 (en) 2005-12-05 2012-01-10 Microsoft Corporation Metadata driven user interface
US9086779B2 (en) 2005-12-22 2015-07-21 Core Wireless Licensing S.A.R.L. Input device
KR101188083B1 (ko) * 2006-05-24 2012-10-05 삼성전자주식회사 비주얼 효과가 부여된 대기 화면 계층 제공 방법 및 그에따른 대기 화면 제공 방법
US20080028326A1 (en) 2006-07-26 2008-01-31 Research In Motion Limited System and method for adaptive theming of a mobile device
JP5015540B2 (ja) * 2006-09-28 2012-08-29 富士通株式会社 電子透かし埋め込み装置および検出装置
CN101192131B (zh) * 2006-11-30 2012-04-11 重庆优腾信息技术有限公司 处理桌面背景的方法、装置及操作系统桌面的界面系统
KR100924689B1 (ko) * 2007-12-17 2009-11-03 한국전자통신연구원 모바일 기기의 이미지 변환 장치 및 방법
US8363019B2 (en) * 2008-05-26 2013-01-29 Lg Electronics Inc. Mobile terminal using proximity sensor and method of controlling the mobile terminal
CN101374213A (zh) 2008-10-13 2009-02-25 熊猫电子集团有限公司 电视人机界面自定义的实现方法
US8514242B2 (en) * 2008-10-24 2013-08-20 Microsoft Corporation Enhanced user interface elements in ambient light
US20100194761A1 (en) * 2009-02-02 2010-08-05 Phillip Rhee Converting children's drawings into animated movies
US8806331B2 (en) * 2009-07-20 2014-08-12 Interactive Memories, Inc. System and methods for creating and editing photo-based projects on a digital network
US20110029914A1 (en) * 2009-07-30 2011-02-03 Whitby Laura R Apparatus for generating artistic image template designs
KR101663474B1 (ko) * 2009-10-13 2016-10-10 삼성전자주식회사 휴대단말기, 휴대단말기의 바탕화면 표시 방법 및 저장 매체
WO2011152841A1 (en) * 2010-06-01 2011-12-08 Hewlett-Packard Development Company, L.P. Replacement of a person or object in an image

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1556948A (zh) * 2000-06-01 2004-12-22 ���޿�˹��.Com��˾ 可调整大小的图形用户界面
US20050225572A1 (en) * 2004-04-03 2005-10-13 Ekpar Frank E Versatile user interface
CN101872285A (zh) * 2010-06-13 2010-10-27 中兴通讯股份有限公司 一种实现桌面系统的方法及装置

Also Published As

Publication number Publication date
US20130212500A1 (en) 2013-08-15
CN101976194A (zh) 2011-02-16
EP2634690A4 (en) 2014-08-06
US10120539B2 (en) 2018-11-06
EP2634690A1 (en) 2013-09-04

Similar Documents

Publication Publication Date Title
US11715268B2 (en) Video clip object tracking
US11775165B2 (en) 3D cutout image modification
TWI592021B (zh) 生成視頻的方法、裝置及終端
EP2770729B1 (en) Apparatus and method for synthesizing an image in a portable terminal equipped with a dual camera
EP3991141A2 (en) 3d object camera customization system
KR102285699B1 (ko) 이미지를 디스플레이하는 사용자 단말기 및 이의 이미지 디스플레이 방법
EP3324582A1 (en) Mobile terminal and method for controlling the same
US20120127196A1 (en) Digital image display device with automatically adjusted image display durations
US11227637B1 (en) Synchronizing multiple images or videos to an audio track
CN107992246A (zh) 一种视频编辑方法与其装置及智能终端
KR20100028344A (ko) 휴대단말의 영상 편집 방법 및 장치
WO2012055190A1 (zh) 一种设置用户界面的方法及装置
WO2019242274A1 (zh) 一种内容处理方法及装置
WO2023061414A1 (zh) 一种文件生成方法、装置及电子设备
WO2022062808A1 (zh) 头像生成方法及设备
WO2012055191A1 (zh) 一种设置用户界面的方法及装置
CN115967854A (zh) 拍照方法、装置及电子设备
CN105843504B (zh) 一种窗口调整方法及电子设备
CN113592983A (zh) 一种图像处理方法、装置及计算机可读存储介质
JP6367733B2 (ja) 画面制御装置、画面制御方法及び画面制御プログラム
TW201044263A (en) Image data browsing methods and systems, and computer program products thereof
WO2022212127A1 (en) Synchronizing visual content to an audio track
TW201510930A (zh) 動態圖像生成方法與電子裝置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 11835464

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 13882188

Country of ref document: US

NENP Non-entry into the national phase

Ref country code: DE

WWE Wipo information: entry into national phase

Ref document number: 2011835464

Country of ref document: EP