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

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

Info

Publication number
WO2012055191A1
WO2012055191A1 PCT/CN2011/071002 CN2011071002W WO2012055191A1 WO 2012055191 A1 WO2012055191 A1 WO 2012055191A1 CN 2011071002 W CN2011071002 W CN 2011071002W WO 2012055191 A1 WO2012055191 A1 WO 2012055191A1
Authority
WO
WIPO (PCT)
Prior art keywords
icon
trajectory
coordinates
background image
data
Prior art date
Application number
PCT/CN2011/071002
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 中兴通讯股份有限公司
Publication of WO2012055191A1 publication Critical patent/WO2012055191A1/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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • 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
    • G06F3/0486—Drag-and-drop
    • 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.
  • the operation method enables the user of the mobile internet device 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:
  • the icon motion track is a normal curve; the track data and the track coordinates of the icon motion track are obtained by: using the data and coordinates of the start and end points of the icon motion track, obtaining the track data by a simple curve algorithm and Track coordinates.
  • the icon motion track is an irregular curve; the track data and the track coordinates of the icon motion track are: when the icon motion track is drawn, the data and coordinates of each point on the icon motion track are recorded, Track data and track coordinates.
  • the method further includes: setting a display manner of the icon motion trajectory.
  • the inserting the virtual result into the file of the selected background image is: inserting the virtual result into the data domain of the file of the selected background image according to the control domain, and then Modify the characters of the corresponding control field; or,
  • the virtual result is inserted into the data field of the file of the selected background image, and then the characters of the corresponding control field and the characters of the layer are modified.
  • the method further comprises: the icon is operated at a speed of more than 24 frames/second.
  • the image motion track drawn on the selected background image is acquired and saved.
  • the method further comprises: saving the file of the selected background image.
  • the present invention also provides an apparatus for setting a UI, the apparatus comprising: an acquisition module, a placement module, a processing function module, and a recording module;
  • the acquiring module is configured to acquire and save the trajectory data and the trajectory coordinates of the motion trajectory drawn on the selected background image, and trigger the placement module after saving;
  • a placement module configured to: after receiving the trigger information of the acquisition module, place the selected icon into the motion track of the icon, and save the coordinates of all the icons, and then trigger the processing function module after saving;
  • a processing function module configured to: after receiving the trigger information of the placement module, run a processing function, virtualize the running process of the icon in the track, insert the virtual result into the file of the selected background image, and output the processing result , then trigger the recording module;
  • the recording module is configured to: after receiving the trigger information of the processing function module, record the directory name of each icon and the corresponding menu link path.
  • the apparatus further includes: a storage module, configured to save a file of the selected background image and a processing result of the output.
  • the acquiring module is further configured to set a display manner of an icon motion track.
  • the solution for setting a UI acquires and saves track data and track coordinates of an icon motion track drawn on a selected background image in a UI management interface; places the selected icon into an icon motion track, and saves all icons Coordinates; running a processing function, virtualizing the running process of the icon in the track, inserting the virtual result into the file of the selected background image, and outputting the processing result; recording the directory name of each icon preset and The corresponding menu link path, in this way, can easily and quickly obtain a personalized UI, thereby conforming to the user's usage habits, simplifying user operations, and improving the user experience.
  • the selected icon selected by the user is a dynamic image, and there is a multi-faceted transformation of the three-dimensional object, when the obtained UI is actually used, the icon moves along the icon motion track. And the icon itself will rotate, so that it can further meet the needs of users, thereby further enhancing 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 Acquire and save the trajectory data and the trajectory coordinates of the icon motion trajectory drawn on 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, natural, or character, etc.;
  • the file format of the selected background image may be JPG, GIF, BMP, TIF, TGA, PSD, SWF, or SVG.
  • the method may further include:
  • 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.
  • the user can slide the finger on the screen of the Tablet PC used to draw the icon motion track, or select a curve from the preset image library, and draw the icon motion track with the selected curve, ie: according to the user
  • the preference is to draw the icon motion track arbitrarily; wherein, the icon motion track drawn by the finger swipe is generally an irregular curve, and the icon motion track drawn by the selected curve is a regular curve, and the regular curve may be an ellipse, a circle, Or a regular curve such as a straight line.
  • the icon motion track is a normal curve
  • the data and coordinates of the start and end points of the icon motion track can be utilized, and the track data and the track coordinates are obtained by a simple curve algorithm.
  • the icon motion track is an irregular curve
  • the icon motion track is drawn.
  • the data and coordinates of each point on the icon's motion track are recorded, namely: track data and track coordinates.
  • the trajectory coordinates are used to indicate the direction in which the icon moves along the icon motion trajectory.
  • trajectory data and the trajectory coordinates can be saved separately.
  • the display manner of the icon motion trajectory may be further set, that is, whether the display is displayed or hidden and not displayed.
  • the first byte may be set as the display mode of the icon motion trajectory. Then save the track data.
  • Step 102 Select an icon, place the selected icon into the icon motion track, and save the coordinates of all the icons;
  • the user can arbitrarily select an icon according to his or her preference; the selected icon may be a static or dynamic image, the selected icon may be a two-dimensional or three-dimensional image, and the selected icon may be artistic , or natural, or character, etc.; In actual use, since the icon moves along the motion trajectory, the format of the selected icon is GIF.
  • the icon After the icon is placed in the icon motion track, it will be obtained by the saved track coordinates. The coordinates to each icon.
  • Step 103 Run a processing function (Icon_Sports), virtualize the running process of the icon in the track, insert the virtual result into the file of the selected background image, and output the processing result;
  • GIF file can be divided into: File Header, GIF Data Stream, and Trailer.
  • the header contains the GIF signature (Signature) and version number (Version).
  • the GIF data stream consists of a control identifier, an image block (Image Block) and some other extension blocks.
  • the file terminator has only one character with a value of 0x3B, ie ";", 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
  • the specific implementation of the virtual result inserted into the file of the selected background image may be: the virtual result and the selected background image as a layer, at this time, according to the control domain, the virtual The result is inserted into the data field of the file of the selected background image, and then the characters of the corresponding control domain are modified; it can also be: the virtual result and the selected background image are independent layers, namely: virtual out The result is two layers with the selected background image.
  • the virtual result is inserted into the data field of the file of the selected background image, and then the characters of the corresponding control domain and the characters of the layer are modified. Specifically, the number of layers is increased by one.
  • the output processing result refers to a new file formed by inserting the virtual result into the file of the selected background image.
  • the output processing result refers to saving the output processing result to the specified position.
  • the format of the formed new file is a format that supports dynamic images, such as GIF.
  • the virtual result is inserted into the file of the selected background image, specifically:
  • the icon can move along the icon motion track with the user's instruction, and the virtual result needs to be inserted into the file of the selected background image, thus forming a composite GIF. file.
  • Step 104 Record the directory name of each icon preset and the corresponding menu link path.
  • the directory name it can be arbitrarily set according to the user's preferences and purposes;
  • the process of the corresponding menu link path is exactly the same as the link path in the existing UI design process.
  • the selected icon is a dynamic image, and there is a multi-faceted transformation of the three-dimensional object, for example, the selected icon is a rotating sphere, when the obtained UI is actually used, the icon moves along the icon motion track, and at the same time, the icon It will also turn itself.
  • steps 101 to 104 are implemented on the UI management interface.
  • the file format of the background image selected by the user is a GIF format
  • the icon selected by the user is a rotatable sphere. The user slides on the screen of the tablet PC used by the finger to draw the icon motion track.
  • the method for setting the UI in this embodiment includes the following steps:
  • Step 201 In the UI management interface, acquiring trajectory data and trajectory coordinates of the icon motion trajectory drawn on the selected background image, and storing the trajectory data and the trajectory coordinates in GIF-Locus-Data and GIF-Locus-Control respectively;
  • the icon motion trajectory is an irregular curve. Therefore, when the icon motion trajectory is drawn, the data and coordinates of each point on the icon motion trajectory are recorded, thereby obtaining trajectory data and trajectory coordinates.
  • the first byte stored in the GIF-Locus_Data indicates whether the icon motion track is display presentation or hidden. In this embodiment, the first byte stored indicates that the icon motion track is display presentation.
  • Step 202 Select an icon, place the selected icon into the icon motion track, and save the coordinates of all icons to the Icon Location;
  • Step 203 Run a processing function (Icon_Sports), virtualize the running process of the icon in the track, and insert the virtual result into the GIF file of the selected background image, and save the processing result to the specified location;
  • Step 204 Save the directory name of the preset icon and the corresponding menu link path to the GIF_Directory_Name and the icon directory connection address (GIF_Directory_Address), exit the UI management interface, and end the current processing flow.
  • GIF_Directory_Name the icon directory connection address
  • GIF_Directory_Address the icon directory connection address
  • the directory names set in this embodiment are respectively communication, favorites, applications, operators, management, and entertainment.
  • Figure 4 is a schematic diagram of the desktop under the traditional Android. As can be seen from the two schematic diagrams, compared with the desktop diagram in Figure 4.
  • the desktop diagram shown in Figure 3 is more aesthetically pleasing and personalized, which makes the user more satisfied.
  • the icon in Figure 3 will move along the icon motion track while the icon itself is still rotating. For example, if the user slides the icon to the left, the icon will follow the icon movement track. When the hour hand moves, the icon itself will also rotate. Similarly, if the user slides the icon to the right, the icon will move counterclockwise along the icon motion track, and the icon itself will also rotate.
  • the present invention further provides a device for setting a UI.
  • the device includes: an obtaining module 51, a placing module 52, a processing function module 53, and a recording module 54;
  • the acquiring module 51 is configured to acquire and save the track data and the track coordinates of the motion track drawn on the selected background image, and trigger the placement module 52 after saving;
  • the placing module 52 is configured to: after receiving the trigger information of the acquiring module 51, place the selected icon into the icon motion track, and save the coordinates of all the icons, and save the trigger processing function module 53;
  • the processing function module 53 is configured to: after receiving the trigger information of the placement module 52, run Icon-Sports, virtualize the running process of the icon in the track, insert the virtual result into the file of the selected background image, and Output processing results, and then trigger the recording module 54;
  • the recording module 54 is configured to record the directory name of each icon preset and the corresponding menu link path after receiving the trigger information of the processing function module.
  • 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 processing result.
  • the obtaining module 51 is further configured to set a display manner of an icon motion track.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (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的方法， 该方法包括：
获取并保存在所选背景图像上绘制的图标运动轨迹的轨迹数据及轨迹 坐标；
将选择的图标放置到图标运动轨迹中， 并保存所有图标的坐标； 运行处理函数， 虚拟出图标在轨迹中的运行过程， 将虚拟出的结果插 入到所述所选背景图像的文件中， 并输出处理结果；
记录预先设置的每个图标的目录名及相应的菜单链接路径。
上述方案中， 所述图标运动轨迹为正规曲线； 所述获取图标运动轨迹 的轨迹数据及轨迹坐标， 为： 利用图标运动轨迹的起点和终点的数据和坐 标， 通过简单的曲线算法获得轨迹数据和轨迹坐标。
上述方案中， 所述图标运动轨迹为非正规曲线； 所述获取图标运动轨 迹的轨迹数据及轨迹坐标， 为： 在绘制图标运动轨迹时， 记录图标运动轨 迹上的每一点的数据和坐标， 得到轨迹数据和轨迹坐标。
上述方案中， 在保存图标运动轨迹的轨迹数据及轨迹坐标时， 该方法 进一步包括： 设置图标运动轨迹的显示方式。
上述方案中， 所述将虚拟出的结果插入到所述选择的背景图像的文件 中， 为： 依据控制域， 将虚拟出的结果插入到所述所选背景图像的文件的 数据域中， 之后修改相应的控制域的字符； 或者，
依据控制域， 将虚拟出的结果插入到所述所选背景图像的文件的数据 域中， 之后修改相应的控制域的字符和图层的字符。
上述方案中， 在虚拟运行过程中， 该方法进一步包括： 图标以 24 帧 / 秒以上的速度运行。
上述方案中， 在获取并保存在所选背景图像上绘制的图标运动轨迹的 轨迹数据及轨迹坐标之前， 该方法进一步包括： 保存所述所选背景图像的 文件。
本发明还提供了一种设置 UI的装置， 该装置包括： 获取模块、 放置模 块、 处理函数模块、 以及记录模块； 其中，
获取模块， 用于获取并保存在所选背景图像上绘制的运动轨迹的轨迹 数据及轨迹坐标， 并在保存后触发放置模块；
放置模块， 用于收到获取模块的触发信息后， 将选择的图标放置到图 标运动轨迹中， 并保存所有图标的坐标， 保存后触发处理函数模块；
处理函数模块， 用于收到放置模块的触发信息后， 运行处理函数， 虚 拟出图标在轨迹中的运行过程， 将虚拟出的结果插入到所述所选背景图像 的文件中， 并输出处理结果， 之后触发记录模块；
记录模块， 用于收到处理函数模块的触发信息后， 记录预先设置每个 图标的目录名及相应的菜单链接路径。
上述方案中， 该装置进一步包括： 存储模块， 用于保存所述所选背景 图像的文件和输出的处理结果。
上述方案中， 所述获取模块， 还用于设置图标运动轨迹的显示方式。 本发明提供的设置 UI的方案， 在 UI管理界面， 获取并保存在所选背 景图像上绘制的图标运动轨迹的轨迹数据及轨迹坐标； 将选择的图标放置 到图标运动轨迹中， 并保存所有图标的坐标； 运行处理函数， 虚拟出图标 在轨迹中的运行过程， 将虚拟出的结果插入到所述所选背景图像的文件中， 并输出处理结果； 记录预先设置的每个图标的目录名及相应的菜单链接路 径， 如此， 能方便、 快捷地获取个性化的 UI, 进而符合用户的使用习惯、 简化用户操作， 提升用户体验。
另外， 当用户选择的选择的图标为动态的图像， 且存在三维立体物的 多面转化时， 得到的 UI在实际使用时， 图标既会沿着图标运动轨迹运动， 且图标自身还会转动， 如此， 能进一步满足用户需求， 进而进一步提升用 户体验。 附图说明
图 1为本发明设置 UI的方法流程示意图；
图 2为本发明实施例设置 UI的方法流程示意图；
图 3为本发明实施例的桌面示意图；
图 4为传统的桌面示意图；
图 5为本发明设置 UI的装置结构示意图。 具体实施方式
下面结合附图及具体实施例对本发明再作进一步详细的说明。
本发明设置 UI的方法， 如图 1所示， 包括以下步骤：
步骤 101 :获取并保存在所选背景图像上绘制的图标运动轨迹的轨迹数 据及轨迹坐标；
这里， 用户可以根据自己的喜好任意选择背景图像； 所述选择的背景 图像可以是静态的或动态的图像， 所述选择的背景图像可以是二维的或三 维的图像， 所述选择的背景图像可以是艺术的、 自然的、 或人物的等等； 所述选择的背景图像的文件格式可以是 JPG、 GIF, BMP, TIF、 TGA、 PSD, SWF、 或 SVG等。
在获取并保存在所选背景图像上绘制的图标运动轨迹的轨迹数据及轨 迹坐标之前， 该方法还可以进一步包括：
保存所选背景图像的文件；
其中， 在实际应用过程中， 在保存时， 可以根据所选背景图像的文件 格式及对应的压缩方法， 将所选背景图像的文件转化成一种预先设定的格 式， 比如 GIF等， 或者， 可以直接按照所选背景图像的文件格式保存。 用户可以通过手指单指在所使用的 Tablet PC的屏幕上滑动， 绘制出图 标运动轨迹， 或者， 从预先设置的图像库中选择曲线， 用选择的曲线绘制 出图标运动轨迹， 即： 可以根据用户的喜好任意绘制出图标运动轨迹用； 其中， 通过手指滑动绘制出的图标运动轨迹一般为非正规曲线， 通过选择 的曲线绘制出的图标运动轨迹为正规曲线， 正规曲线可以是椭圓、 圓、 或 直线等正规曲线。
当图标运动轨迹为正规曲线时， 可以利用图标运动轨迹的起点和终点 的数据和坐标， 通过简单的曲线算法获得轨迹数据和轨迹坐标， 当图标运 动轨迹为非正规曲线时， 在画图标运动轨迹时会记录图标运动轨迹上的每 一点的数据和坐标， 即： 分别为轨迹数据和轨迹坐标。 所述轨迹坐标用于 指示图标沿图标运动轨迹运动的方向。
在实际应用时， 为了在设置 UI的过程中， 能快速找到需要的轨迹数据 及轨迹坐标， 可以将轨迹数据及轨迹坐标分别保存。
在保存轨迹数据时， 还可以进一步设置所述图标运动轨迹的显示方式， 即： 是显示呈现还是隐藏不显示， 在实际应用时， 可以将第一个字节设置 为图标运动轨迹的显示方式， 接着再保存轨迹数据。
步骤 102: 选择图标， 将选择的图标放置到图标运动轨迹中， 并保存所 有图标的坐标；
这里， 用户可以根据自己的喜好任意选择图标； 所述选择的图标可以 是静态的或动态的图像， 所述选择的图标可以是二维的或三维的图像， 所 述选择的图标可以是艺术的、 或自然的、 或人物的等等； 在实际使用时， 由于图标会沿运动轨迹运动， 因此， 所述选择的图标的格式为 GIF。
在放置时， 可以依据用户的需求在运动轨迹上任意放置， 并依据用户 的需求排列图标的放置顺序。
图标放置到图标运动轨迹中后， 会通过保存的轨迹坐标， 利用算法得 到每个图标的坐标。
步骤 103: 运行处理函数（Icon— Sports ), 虚拟出图标在轨迹中的运行 过程， 将虚拟出的结果插入到所述所选背景图像的文件中， 并输出处理结 果；
这里， 在运行 Icon— Sports时， 需要将轨迹数据、 轨迹坐标、 图标的坐 标、 图标的数据、 以及所选背景图像的数据输入到函数中； 在虚拟运行过 程时， 要求图标以 24帧 /秒以上的速度进行运行， 如此， 才能保证虚拟出的 运行过程通过肉眼观察是连续的。
通常， 一个 GIF文件的结构可以分为： 文件头 （File Header ), GIF数 据流（ GIF Data Stream )和文件终结器 （ Trailer ), 文件头包含 GIF文件署 名（ Signature )和版本号（ Version ), GIF数据流由控制标识符、图像块（ Image Block )和其他的一些扩展块组成， 文件终结器只有一个值为 0x3B的字符， 即"；"， 表示文件结束；
GIF的格式包括： <GIF数据流 > ：: = 头部 <逻辑视屏〉 <数据〉 * 尾记 录。 这个规则将 <GIF数据流 >实体定义为： 以头部开始， 头部后面接一个 逻辑视屏实体， 逻辑视频实体后面接数据实体， 数据实体接结束符， 数据 实体后面的 *表示数据实体可以在此位置出现 0或多次； 其中，
<逻辑视屏>：: =逻辑视屏描述块 [全局色表];
<数据 >：: = <成像块 > |<特殊用途块 >;
<成像块 >：: = [图像控制扩充] <成像块 >;
<成像块 >：: = <基于表的图像 > I纯文本扩充；
<基于表的图像 >：: = 图像描述符 [局部色表] 图像数据；
<特殊用途块 >：: =应用扩充 I注释扩充；
虚拟出的结果插入到所选背景图像的文件中的具体实现方式可以是： 虚拟出的结果与所选背景图像作为一个图层， 此时， 依据控制域， 将虚拟 出的结果插入到所选背景图像的文件的数据域中， 之后修改相应的控制域 的字符； 还可以是： 虚拟出的结果与所选背景图像为各自独立的图层， 即： 虚拟出的结果与所选背景图像为两个图层， 此时， 依据控制域， 将虚拟出 的结果插入到所选背景图像的文件的数据域中， 之后修改相应的控制域的 字符和图层的字符， 具体地， 将图层的个数加一。
输出处理结果是指输出将虚拟出的结果插入到所选背景图像的文件中 后形成的新文件， 在实际应用过程中， 输出处理结果是指将输出的处理结 果保存到指定位置。
在实际使用时， 由于图标会沿运动轨迹运动， 因此， 所述形成的新文 件的格式为支持动态图像的格式， 比如 GIF。
当所述选择的背景图像的格式为 GIF时， 所述将虚拟出的结果插入到 所述选择的背景图像的文件中， 具体为：
依据所述所选背景图像的 GIF文件中的控制块字符的含义， 将虚拟出 的结果插入到 GIF文件中， 并修改相应的控制块字符； 其中， 所述控制块 字符包含用于控制处理数据流或设置硬件参数的信息， 包括： 头部、 逻辑 视屏描述块、 图像控制扩充及尾记录等； 由于控制块的作用为控制处理数 据流， 因此， 当虚拟出的结果插入到 GIF文件中后， 需要^ ί'爹改相应的控制 块字符， 以便再后续播放 GIF文件时， 能按照正确的顺序处理数据流。
将虚拟出的结果插入到所述选择的背景图像的文件中后， 则形成一个 复合的 GIF动画文件。
为了使制作出的 UI在后续使用时， 图标能够随着用户的指令沿着图标 运动轨迹运动， 需要将虚拟出的结果插入到所述选择的背景图像的文件中， 如此， 形成一个复合的 GIF文件。
步骤 104: 记录预先设置的每个图标的目录名及相应的菜单链接路径。 这里， 在设置目录名时， 可以依据用户的喜好及用途任意设置； 设置 相应的菜单链接路径的过程与现有的 UI设计过程中的链接路径的方式完全 相同。
本步骤完成后， 表明 UI的设置过程已经完成， 退出 UI管理界面后， 用户可以在 Home Screen中看到设置的 UI; 当用户需要时， 可以将设置完 成的 UI设置为桌面， 此后的操作与正常的 Windows、 或 Android的窗口管 理过程相同。
如果选择的图标为动态的图像， 且存在三维立体物的多面转化时， 比 如选择的图标为转动的球体， 则得到的 UI在实际使用时， 图标既会沿着图 标运动轨迹运动， 同时， 图标自身还会转动。
步骤 101~104的操作， 是在 UI管理界面上实现的。
下面结合实施例对本发明再作进一步详细的说明。
在本实施例中， 用户选择的背景图像的文件格式为 GIF格式， 用户选 择的图标为可以转动的球体， 用户通过手指单指在所使用的 Tablet PC的屏 幕上滑动， 画出图标运动轨迹。
本实施例的设置 UI的方法， 如图 2所示， 包括以下步骤：
步骤 201 : 在 UI管理界面， 获取在所选背景图像上绘制的图标运动轨 迹的轨迹数据及轨迹坐标， 并将轨迹数据和轨迹坐标分别保存在 GIF— Locus— Data和 GIF— Locus— Control中；
这里， 图标运动轨迹为非正规曲线， 因此， 在绘制图标运动轨迹时， 会记录图标运动轨迹上的每一点的数据和坐标， 从而得到轨迹数据和轨迹 坐标。
GIF— Locus— Data 中保存的第一个字节表示图标运动轨迹是显示呈现还 是隐藏， 在本实施例中， 保存的第一个字节表示图标运动轨迹是显示呈现。
步骤 202: 选择图标， 将选择的图标放置到图标运动轨迹中， 并将所有 图标的坐标保存到 Icon Location中； 步骤 203: 运行处理函数（Icon— Sports ), 虚拟出图标在轨迹中的运行 过程， 并将虚拟出的结果插入到所述所选背景图像的 GIF文件中， 并将处 理结果保存到指定位置；
将虚拟出的结果插入到所述选择的背景图像的 GIF文件中， 则会形成 一个复合的 GIF动画文件。
步骤 204:将预先设置的图标的目录名及相应的菜单链接路径分别保存 到 GIF— Directory— Name和图标目录连接地址 ( GIF— Directory— Address )中， 退出 UI管理界面， 结束当前处理流程。
这里， 本实施例中设置的目录名分别为通讯、 收藏夹、 应用、 运营商、 管理及娱乐。
将设置好的 UI设置为桌面后， 则得到如图 3所示的桌面示意图， 图 4 为传统的 Android下的桌面示意图，从两张示意图中可以看出，与图 4中的 桌面示意图相比， 图 3 所示的桌面示意图更加具有美观、 个性化的特点， 从而令用户更加满意。 另外， 图 3 中的图标在实际使用时， 既会沿着图标 运动轨迹运动， 同时图标自身还会转动， 举个例子来说， 如果用户向左滑 动图标， 则图标会沿着图标运动轨迹顺时针方向运动， 同时图标自身也会 转动， 同样的， 如果用户向右滑动图标， 则图标会沿着图标运动轨迹逆时 针方向运动， 同时图标自身也会转动。
为实现上述方法， 本发明还提供了一种设置 UI的装置， 如图 5所示， 该装置包括： 获取模块 51、 放置模块 52、 处理函数模块 53、 以及记录模块 54; 其中，
获取模块 51 , 用于获取并保存在所选背景图像上绘制的运动轨迹的轨 迹数据及轨迹坐标， 并在保存后触发放置模块 52;
放置模块 52, 用于收到获取模块 51的触发信息后， 将选择的图标放置 到图标运动轨迹中， 并保存所有图标的坐标，保存后触发处理函数模块 53 ; 处理函数模块 53 , 用于收到放置模块 52 的触发信息后， 运行 Icon— Sports,虚拟出图标在轨迹中的运行过程，将虚拟出的结果插入到所述 所选背景图像的文件中， 并输出处理结果， 之后触发记录模块 54;
记录模块 54, 用于收到处理函数模块的触发信息后， 记录预先设置的 每个图标的目录名及相应的菜单链接路径。
其中， 该装置还可以进一步包括： 存储模块， 用于保存所述所选背景 图像的文件。
所述存储模块， 还可以用于保存输出的处理结果。
所述获取模块 51 , 还用于设置图标运动轨迹的显示方式。
这里， 本发明的所述装置中的获取模块的具体处理过程已在上文中详 述， 不再赘述。
以上所述， 仅为本发明的较佳实施例而已， 并非用于限定本发明的保 护范围， 凡在本发明的精神和原则之内所作的任何修改、 等同替换和改进 等， 均应包含在本发明的保护范围之内。

Claims

权利要求书
1、 一种设置用户界面 （UI ) 的方法， 其特征在于， 该方法包括： 获取并保存在所选背景图像上绘制的图标运动轨迹的轨迹数据及轨迹 坐标；
将选择的图标放置到图标运动轨迹中， 并保存所有图标的坐标； 运行处理函数， 虚拟出图标在轨迹中的运行过程， 将虚拟出的结果插 入到所述所选背景图像的文件中， 并输出处理结果；
记录预先设置的每个图标的目录名及相应的菜单链接路径。
2、 根据权利要求 1所述的方法， 其特征在于， 所述图标运动轨迹为正 规曲线； 所述获取图标运动轨迹的轨迹数据及轨迹坐标， 为：
利用图标运动轨迹的起点和终点的数据和坐标， 通过简单的曲线算法 获得轨迹数据和轨迹坐标。
3、 根据权利要求 1所述的方法， 其特征在于， 所述图标运动轨迹为非 正规曲线； 所述获取图标运动轨迹的轨迹数据及轨迹坐标， 为：
在绘制图标运动轨迹时， 记录图标运动轨迹上的每一点的数据和坐标， 得到轨迹数据和轨迹坐标。
4、 根据权利要求 1、 2或 3所述的方法， 其特征在于， 在保存图标运 动轨迹的轨迹数据及轨迹坐标时， 该方法进一步包括： 设置图标运动轨迹 的显示方式。
5、 根据权利要求 1、 2或 3所述的方法， 其特征在于， 所述将虚拟出 的结果插入到所述选择的背景图像的文件中， 为：
依据控制域， 将虚拟出的结果插入到所述所选背景图像的文件的数据 域中， 之后修改相应的控制域的字符； 或者，
依据控制域， 将虚拟出的结果插入到所述所选背景图像的文件的数据 域中， 之后修改相应的控制域的字符和图层的字符。
6、 根据权利要求 1、 2或 3所述的方法， 其特征在于， 在虚拟运行过 程中， 该方法进一步包括： 图标以 24帧 /秒以上的速度运行。
7、 根据权利要求 1、 2或 3所述的方法， 其特征在于， 在获取并保存 在所选背景图像上绘制的图标运动轨迹的轨迹数据及轨迹坐标之前， 该方 法进一步包括：
保存所述所选背景图像的文件。
8、 一种设置 UI的装置， 其特征在于， 该装置包括： 获取模块、 放置 模块、 处理函数模块、 以及记录模块； 其中，
获取模块， 用于获取并保存在所选背景图像上绘制的运动轨迹的轨迹 数据及轨迹坐标， 并在保存后触发放置模块；
放置模块， 用于收到获取模块的触发信息后， 将选择的图标放置到图 标运动轨迹中， 并保存所有图标的坐标， 保存后触发处理函数模块；
处理函数模块， 用于收到放置模块的触发信息后， 运行处理函数， 虚 拟出图标在轨迹中的运行过程， 将虚拟出的结果插入到所述所选背景图像 的文件中， 并输出处理结果， 之后触发记录模块；
记录模块， 用于收到处理函数模块的触发信息后， 记录预先设置每个 图标的目录名及相应的菜单链接路径。
9、 根据权利要求 8所述的装置， 其特征在于， 该装置进一步包括： 存 储模块， 用于保存所述所选背景图像的文件和输出的处理结果。
10、 根据权利要求 8或 9所述的装置， 其特征在于， 所述获取模块， 还用于设置图标运动轨迹的显示方式。
PCT/CN2011/071002 2010-10-29 2011-02-15 一种设置用户界面的方法及装置 WO2012055191A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201010526720.3A CN101976195B (zh) 2010-10-29 2010-10-29 一种设置用户界面的方法及装置
CN201010526720.3 2010-10-29

Publications (1)

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

Family

ID=43576083

Family Applications (1)

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

Country Status (2)

Country Link
CN (1) CN101976195B (zh)
WO (1) WO2012055191A1 (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103942050B (zh) * 2014-04-15 2019-01-04 Tcl集团股份有限公司 一种Android平台应用动画实现方法及系统
CN106814948A (zh) * 2015-11-27 2017-06-09 西安中兴新软件有限责任公司 一种移动图标的方法和装置
CN106708356B (zh) * 2016-08-31 2019-03-01 腾讯科技（深圳）有限公司 提示标签展示方法和装置
CN111328391B (zh) * 2017-09-13 2023-10-20 深圳传音通讯有限公司 一种智能终端的图标显示方法及图标显示装置
CN109561338B (zh) * 2018-12-28 2022-08-09 福建星网视易信息系统有限公司 一种点歌系统的界面无缝切换显示方法及存储介质
CN110955739B (zh) * 2019-04-16 2020-07-03 北京仁光科技有限公司 标绘处理方法、共享图像标绘方法及标绘再现方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1797295A (zh) * 2004-12-25 2006-07-05 鸿富锦精密工业（深圳）有限公司 一种用于选择动态选项的图形用户界面
US20080066013A1 (en) * 2006-09-11 2008-03-13 Rainer Brodersen Rendering Icons Along A Multidimensional Path Having A Terminus Position
CN101241415A (zh) * 2007-02-07 2008-08-13 Lg电子株式会社 终端以及菜单显示方法
US20090172594A1 (en) * 2007-12-26 2009-07-02 Yu-Chuan Chen User interface of electronic apparatus

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101655766B (zh) * 2008-08-22 2012-03-28 鸿富锦精密工业（深圳）有限公司 可体现电子文档翻页效果的电子装置及其方法
CN101729736A (zh) * 2008-10-24 2010-06-09 鸿富锦精密工业（深圳）有限公司 具有图片编辑功能的电子相框及方法
CN101867730B (zh) * 2010-06-09 2011-11-16 马明 一种基于用户轨迹的多媒体合成方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1797295A (zh) * 2004-12-25 2006-07-05 鸿富锦精密工业（深圳）有限公司 一种用于选择动态选项的图形用户界面
US20080066013A1 (en) * 2006-09-11 2008-03-13 Rainer Brodersen Rendering Icons Along A Multidimensional Path Having A Terminus Position
CN101241415A (zh) * 2007-02-07 2008-08-13 Lg电子株式会社 终端以及菜单显示方法
US20090172594A1 (en) * 2007-12-26 2009-07-02 Yu-Chuan Chen User interface of electronic apparatus

Also Published As

Publication number Publication date
CN101976195A (zh) 2011-02-16
CN101976195B (zh) 2014-03-19

Similar Documents

Publication Publication Date Title
US11715268B2 (en) Video clip object tracking
US20240037878A1 (en) 3d object camera customization system
US11775165B2 (en) 3D cutout image modification
TWI626608B (zh) 互動式展示廣告單元
US11263817B1 (en) 3D captions with face tracking
US11758080B2 (en) DIY effects image modification
WO2016124095A1 (zh) 生成视频的方法、装置及终端
US11227442B1 (en) 3D captions with semantic graphical elements
WO2012055191A1 (zh) 一种设置用户界面的方法及装置
WO2017101445A1 (zh) 一种响应操作轨迹的方法以及操作轨迹响应装置
US11886673B2 (en) Trackpad on back portion of a device
CN115668957A (zh) 音频检测和字幕呈现
US20140229823A1 (en) Display apparatus and control method thereof
WO2012055190A1 (zh) 一种设置用户界面的方法及装置
JP2016152473A (ja) 画面制御装置、画面制御方法及び画面制御プログラム

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: 11835465

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 11835465

Country of ref document: EP

Kind code of ref document: A1