Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method and system for creating and drawing interface control tree and mobile terminal

A technology of interface controls and control functions, applied in the field of data structures, can solve the problems that interface control systems are not easy to include control systems with each other, and do not support animation effects of interface controls, etc.

Inactive Publication Date: 2011-02-23
融创天下(上海)科技发展有限公司
View PDF2 Cites 28 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] The purpose of the embodiments of the present invention is to propose a method for creating an interface control tree, aiming to solve the problem that the interface control systems on the mobile terminal development platform are not easy to include each other to form a complex control system, and the animation effect of interface controls is not supported.

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and system for creating and drawing interface control tree and mobile terminal
  • Method and system for creating and drawing interface control tree and mobile terminal
  • Method and system for creating and drawing interface control tree and mobile terminal

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0040] figure 1 It is a flowchart of a method for creating an interface control tree in an embodiment of the present invention. The method comprises the steps of:

[0041]S101, create interface control base class UIBase and its operation function, animation control function and label state;

[0042] The operation functions include: functions of adding, obtaining, and searching child nodes, sibling nodes, and parent nodes;

[0043] Described animation control function comprises common animation control function and inner animation control function, common animation control function and inner animation control function can run simultaneously;

[0044] The general animation control function refers to the movement of the entire control node relative to its sibling nodes, including translation, scaling, and rotation;

[0045] The internal animation control function refers to changes in the control, including the movement of the carousel characters;

[0046] Ordinary animation ...

Embodiment 2

[0079] Figure 4 It is a flowchart of a method for drawing an interface control tree in an embodiment of the present invention. The method comprises the steps of:

[0080] S401, running the animation start function StartAnimation of the interface control node;

[0081] The interface control nodes include interface picture UIImage, interface label UILable, interface grid UIGrid, interface revolving lantern UIMarquee;

[0082] The animation start function StartAnimation is used to obtain the animation effect type (such as translation, scaling, rotation, etc.) of the control node, animation duration, whether to delete the control node, the initial position and the size of the control node after the animation ends, The position and size of the node, whether to call back to notify the animation observer of the control node when the control node ends;

[0083] The type of animation effect mentioned is an effect defined in advance according to product requirements;

[0084] The a...

Embodiment 3

[0101] Figure 5 It is a schematic structural diagram of an interface control tree creation system according to an embodiment of the present invention.

[0102] The system includes: a base class creation module, a control class creation module, and a control tree creation module;

[0103] The base class creation module, connected with the control class creation module, is used to create the interface control base class UIBase and its operation function, animation control function, label state, current frame animation content preparation function and animation content drawing function;

[0104] The operation functions include: functions of adding, obtaining, and searching child nodes, sibling nodes, and parent nodes;

[0105] Described animation control function comprises common animation control function and inner animation control function, common animation control function and inner animation control function can run simultaneously;

[0106] The general animation control f...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a method and a system for creating and drawing an interface control tree and a mobile terminal. A specific control class derived from an interface control base class is created to generate animating nodes, interface container controls and interface control nodes, timer callback functions of the animating nodes are created, and the interface control tree and class objects are created and generated by combing father-son-brother relations of all control nodes by creating the interface control base class and operational functions of the interface control base class, animation control functions and tag status, the current frame animation content preparation functions and animating content functions. Only drawing preparation functions of root node animating nodes are interacted with the system to achieve the aim of animation effect of the drawn interface control tree. The drawing effects of the control tree are uniformed through the time cycle of an animation timer; the technical problems that interface controls are difficult to mutually contain so as to form complicated control systems are solved; and a complicated control layout is organized in a screen page to efficiently achieve the animation effects of the whole system.

Description

technical field [0001] The invention relates to the field of data structures, in particular to a method, system and mobile terminal for creating and drawing an interface control tree. Background technique [0002] The mainstream mobile phone development platforms in the existing mobile terminals, such as symbian, windows mobile, J2ME and other systems, all provide UI (User Interface) controls for development. In order to allow developers to expand their own unique UI controls, each developer The platforms all provide drawing tools, such as CGraphicsContext of symbian system, Graphics of J2ME system, etc. These UI controls are an important part of realizing human-computer interaction, but the UI controls provided by the existing systems do not support animation effects (such as control’s translation, zooming, flipping, etc.), especially in the J2ME system, UI controls are not easy to include each other to form a complex control system, and do not support interface control ani...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F9/44
CPCG06F8/38
Inventor 郭松
Owner 融创天下(上海)科技发展有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products