CN102200914A - Method and equipment of realizing user interface on mobile terminal - Google Patents
Method and equipment of realizing user interface on mobile terminal Download PDFInfo
- Publication number
- CN102200914A CN102200914A CN2011101729547A CN201110172954A CN102200914A CN 102200914 A CN102200914 A CN 102200914A CN 2011101729547 A CN2011101729547 A CN 2011101729547A CN 201110172954 A CN201110172954 A CN 201110172954A CN 102200914 A CN102200914 A CN 102200914A
- Authority
- CN
- China
- Prior art keywords
- class
- symbian
- platform
- user interface
- guichan
- Prior art date
- Legal status (The legal status 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 status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 57
- 238000011161 development Methods 0.000 claims abstract description 111
- 238000012545 processing Methods 0.000 claims description 15
- 230000006870 function Effects 0.000 claims description 14
- 238000004806 packaging method and process Methods 0.000 claims description 6
- 238000009877 rendering Methods 0.000 claims description 5
- 230000000694 effects Effects 0.000 claims description 2
- 230000008569 process Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 238000013461 design Methods 0.000 description 5
- 230000008859 change Effects 0.000 description 2
- 238000009825 accumulation Methods 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Landscapes
- Stored Programmes (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method and equipment of realizing a user interface on a mobile terminal, which has the advantages that the difficulty of platform development can be reduced, the period of platform development is shortened, the reusability and developing efficiency of codes are improved, the expected user interface is realized, and the user experience is improved. The method provided by the embodiment of the invention comprises the following steps: 1, transplanting Guichan to a Symbian S60 platform by utilizing the mode in the specification, and encapsulating the platform to acquire a user interface development platform, wherein an adapter type which can be used in Guichan of the Symbian S60 platform is established by inheriting the interface type corresponding to the Guichan; a view control type Symbian UI is established by inheriting the CAknAppUi type of the Symbian S60 platform; a view type SymbianView is established by inheriting the CCoeControl type of the Symbian S60 platform; and a control type is established by inheriting the Widget type from the Guichan; and the type for resource management in the Symbian S60 platform is encapsulated, and the theme management type VThemeManager is established to manage resources in the memory; and 2, selecting the required user interface resource, and realizing the required user interface by utilizing the user interface development platform.
Description
Technical Field
The present invention relates to the field of user interface development, and in particular, to a method and device for implementing a user interface on a mobile terminal.
Background
With the increasing programmability of mobile phone software in the market, the development platform and the industrial chain of the mobile phone software become mature gradually, and client software on the mobile phone is increased gradually, such as instant messaging software of the mobile phone, browser software of the mobile phone and the like.
These client software gradually become another important network Application after Wireless Application Protocol (WAP) service by virtue of rich applications, user-centric experience, and good service awareness. The current mobile software development mainly refers to the development of upper-layer application software on a mobile phone, which is gradually relatively independent from the traditional embedded development, and becomes a new hotspot in the software industry.
User Interface (UI) design and development of mobile phone client software occupy a quite important proportion in the whole software development process, and for a team without relevant accumulation, the software UI development can occupy about 40% of the whole workload of the software.
The Symbian Series 60 (hereinafter abbreviated as Symbian S60) platform is a mobile phone UI platform popular in the market at present, is widely adopted and developed by a plurality of manufacturers, and has a large base number of user groups.
However, the existing Symbian S60 platform has some disadvantages, for example, the development of the Symbian S60 platform needs to be performed on its proprietary software development tool Symbian sdk, which requires that a developer has to master a great deal of Symbian sdk knowledge, the development difficulty is relatively large, and the development period is too long; in the development process of the Symbian S60 platform, the code reuse rate is very low, so that the development efficiency and the resource utilization rate are also low; in addition, compared with other mobile phone platforms (such as Andriod, iOS) in the market, the user interface that can be realized by the current Symbian S60 platform is still relatively monotonous, the user experience is not high, and the actual requirement cannot be met.
Disclosure of Invention
The embodiment of the invention provides a method and equipment for realizing a user interface on a mobile terminal, which can reduce the difficulty of platform development, shorten the period of platform development, improve the reuse rate and the development efficiency of codes, realize the expected user interface and improve the user experience.
In order to achieve the above purpose, the technical solution of the embodiment of the present invention is realized as follows:
the embodiment of the invention provides a method for realizing a user interface on a mobile terminal, which comprises the following steps:
the method comprises the following steps: transplanting the open source library Guichan to a Symbian S60 platform of Saiban, and encapsulating the Symbian S60 platform to obtain a user interface development platform:
creating an adapter class of Guichan which can be used for the Symbian S60 platform by inheriting the corresponding interface class of Guichan;
creating a view control class Symbian UI of the user interface development platform by inheriting the UI control class CAknApui of the Symbian S60 platform;
creating a view class Symbian View of the user interface development platform by inheriting a control class CCoeControl of a Symbian S60 platform;
creating a control class of the user interface development platform by inheriting a control base class Widget of Guichan;
encapsulating classes for resource management in a Symbian S60 platform, and creating a theme management class VThemeManager of the user interface development platform to manage resources in a memory;
step two: and selecting the required user interface resource, and realizing the required user interface by using the user interface development platform.
The embodiment of the invention also provides a device for realizing the user interface on the mobile terminal, which comprises a development platform establishing unit and a user interface realizing unit,
the development platform establishing unit is used for transplanting open source library Guichan to Symbian S60 platform of Saiban and packaging the Symbian S60 platform to obtain a user interface development platform;
the user interface realizing unit selects the required user interface resource and realizes the required user interface by using the user interface development platform;
wherein, the development platform establishing unit specifically comprises:
the adapter class creating module is used for creating an adapter class of Guichan which can be used for the Symbian S60 platform by inheriting the interface class corresponding to Guichan;
the view control class creating module is used for creating a view control class Symbian UI of the user interface development platform by inheriting the UI control class CAknappUi of the Symbian S60 platform;
the View class creating module is used for creating a View class Symbian View of the user interface development platform by inheriting a CCoeControl class of a Symbian S60 platform;
the control class creating module is used for creating the control class of the user interface development platform by inheriting the Widget class of Guichan;
and the theme management class creating module is used for packaging classes for resource management in the Symbian S60 platform and creating a theme management class VThemeManager of the user interface development platform so as to manage resources in the memory.
It can be seen from the above that, the embodiment of the present invention provides a novel user interface development scheme based on open source library Guichan for Symbian S60 platform, and by creating an adapter class of Guichan suitable for Symbian S60 platform and other technical means, Guichan is transplanted to Symbian S60 platform, and the characteristics of Symbian S60 platform itself are encapsulated, so that a developer does not need to additionally master a large amount of proprietary knowledge of Symbian sdk in the development process, the difficulty of platform development is greatly reduced, and the period of platform development is shortened.
The overall framework design of the user interface development platform provided by the technical scheme of the embodiment of the invention can improve the reuse rate of codes and the development efficiency; in addition, the technical scheme of the embodiment of the invention can flexibly develop various complex user interfaces according to the user interface resources selected by user definition, realize the expected user interface and improve the user experience.
The embodiment of the invention provides an improved user interface development scheme suitable for a Symbian S60 platform, which can be compatible with the existing Symbian S60 mobile phone platform, improve the utilization rate of the existing resources, furthest avoid the influence on the existing Symbian S60 user while improving the performance of the user interface platform, and has higher application prospect and commercial value.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a flowchart illustrating a method for implementing a user interface on a mobile terminal according to an embodiment of the present invention;
fig. 2 is an inheritance relationship diagram of symbian ui class provided in the second embodiment of the present invention;
fig. 3 is a relationship diagram of symbian view classes provided in the second embodiment of the present invention;
fig. 4 is a schematic diagram of an inheritance relationship of a control class according to a second embodiment of the present invention;
FIG. 5 is a schematic diagram of a VThemeManager class reference relationship provided in a second embodiment of the present invention;
fig. 6 is a relationship diagram of a Helloworld application program according to a third embodiment of the present invention;
fig. 7 is a schematic structural diagram of an apparatus for implementing a user interface on a mobile terminal according to a fourth embodiment of the present invention.
Detailed Description
The technical solutions of the present invention will be described clearly and completely with reference to the accompanying drawings, and it is to be understood that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
An embodiment of the present invention provides a method for implementing a user interface on a mobile terminal, and referring to fig. 1, the method includes:
the method comprises the following steps: transplanting the open source library Guichan to a Symbian S60 platform and encapsulating the Symbian S60 platform to obtain a user interface development platform by the following method:
11: creating an adapter class of Guichan which can be used for the Symbian S60 platform by inheriting the corresponding interface class of Guichan;
12: creating a view control class Symbian UI of a User Interface development platform by inheriting a User Interface (UI) control class CAknappUi of a Symbian S60 platform;
13: creating a view class Symbian View of the user interface development platform by inheriting a CCoeControl class of a Symbian S60 platform;
14: creating a control class of the user interface development platform by inheriting the Widget class of Guichan;
15: encapsulating classes for resource management in a Symbian S60 platform, and creating a theme management class VThemeManager of the user interface development platform to manage resources in a memory;
step two: 21: and selecting the required user interface resource, and realizing the required user interface by using the user interface development platform.
It can be seen from the above that, the embodiment of the present invention provides a novel user interface development scheme based on open source library Guichan for Symbian S60 platform, and by creating an adapter class of Guichan suitable for Symbian S60 platform and other technical means, Guichan is transplanted to Symbian S60 platform, and the characteristics of Symbian S60 platform itself are encapsulated, so that a developer does not need to additionally master a large amount of proprietary knowledge of Symbian sdk in the development process, the difficulty of platform development is greatly reduced, and the period of platform development is shortened.
The overall framework design of the user interface development platform provided by the technical scheme of the embodiment of the invention can improve the reuse rate of codes and the development efficiency; in addition, the technical scheme of the embodiment of the invention can flexibly develop various complex user interfaces according to the user interface resources selected by user definition, realize the expected user interface and improve the user experience.
The embodiment of the invention provides an improved user interface development scheme suitable for a Symbian S60 platform, which can be compatible with the existing Symbian S60 mobile phone platform, improve the utilization rate of the existing resources, furthest avoid the influence on the existing Symbian S60 user while improving the performance of the user interface platform, and has higher application prospect and commercial value.
The method for implementing the user interface on the mobile terminal and the corresponding user interface development platform provided by the second embodiment of the invention are explained in detail below mainly from five aspects of an adapter class, a symbian ui class, a symbian view class, a control class and a VThemeManager class.
1) Adaptor class of Guichan for Symbian S60 platform
The description is mainly given here by taking as an example a scenario in which the aforementioned adapter class includes an event processing class (denoted as symbian input), a font processing class (denoted as symbian nfont), and a graphics rendering processing class (denoted as symbian gdirender).
a) Symbian input class
The Symbian Input class of Guichan, which can be used for the Symbian S60 platform, is implemented by inheriting the Input class of Guichan (denoted as Input).
The Input class defines a keyboard (Key) event queue (denoted as mKeyInputQueue) and a Mouse (Mouse) event queue (denoted as mmouselnputqueue), as well as some interface methods that operate on the queues.
The Symbian Input class needs to realize an interface method defined by the Input class, and the core idea of the Symbian Input class is to store received Key events and Mouse events into an mKeyInputQueue queue and an mMouseImputQueue queue respectively, and then to distribute the Key events and the Mouse events to corresponding event source controls respectively by scanning the two queues.
b) Symbian nFET class
The Symbian nfont class of Guichan, which can be used with the Symbian S60 platform, is implemented by inheriting the font class of Guichan (denoted as F ont), and the font class that references the Symbian S60 platform (denoted as CFont).
The Font class defines some interface methods, the symbian nfont class references the CFont class, and the Font class defined interface methods are implemented based on the CFont class for use by Guichan.
c) Symbian GDIRender class
The Symbian gdirender class of Guichan, which can be used for the Symbian S60 platform, is implemented by inheriting the Graphics class of Guichan (denoted as Graphics), and the drawing class (denoted as cfbsbitmappadevice) and (denoted as CFbsBitGc) that reference the Symbian S60 platform.
The Symbian GDIRender class is realized by inheriting the Graphics class of Guichan. The Graphics class defines some interface methods. The Symbian GDIRender class references the drawing classes CFbsBitmappavice and CFbsBitGc provided by the Symbian S60 platform, and implements the interface method of the Graphics class definition based on the two classes for providing to Guichan for use.
2) Symbian UI class
Referring to fig. 2, the Symbian UI class inherits from the UI control class CAknAppUi of the Symbian S60 platform, encapsulating the view switching framework associated with the Symbian S60 platform.
The CAknAppUi class is a necessary class in a framework core of a Symbian S60 platform, and the scheme utilizes the Symbian UI class to package the Symbian UI class so as to ensure that a newly realized user interface development platform can normally operate based on the Symbian S60 platform.
3) SymbianView class
The view class of the user interface development platform (denoted as Symbian view) is obtained by inheriting the view interface class (denoted as VView) and the control class (denoted as CCoeControl) on Symbian S60 platform, and referring to the corresponding adapter class,
wherein, referring to fig. 3, the VView class inherits the page management class (denoted VFormManager), the VFormManager class references the page class (denoted VForm) and the graphical user interface control class (denoted VGUI), the VForm class inherits the Container class of Guichan, and the VGUI class inherits the graphical user interface control class (denoted GUI) of Guichan.
The corresponding adapter class referenced by the SymbianView class described above is the SymbianGDIRender class.
Page class VForm: the method is a window interface implementation class of the application program, and uses a basic control which can be laid out in a page as a container to realize various functional requirements of the application program;
page management class VFormManager: the method is mainly used for managing pages, and comprises the steps of switching between pages, distributing page size change (sizechange) events and theme change (themechange) events and the like;
view type Vview: is an interface class, in order to implement the function of cross-platform operation, some pure virtual interfaces are defined in the class to unify the processing interfaces related to the platform, such as a needleredraw () method, and the inheritance class implements the call of screen redrawing in the method.
Control class CCoeControl in Symbian S60: the implementation receives Key events of the Symbian S60 platform, touch screen (or Mouse) events, and other events strongly related to the Symbian S60 platform.
Optionally, according to specific functions that can be implemented by the user interface development platform, the symbian view class further references an animation class (denoted as symbian gifcontrol) and a rendering effect class (denoted as symbian gles control), where the symbian gifcontrol class has a function of supporting playing of Graphics Interchange Format (GIF) animation, and the symbian gles control class has a function of supporting playing of 3D animation.
The symbian gifcontrol class and the symbian glescontrol class are newly set classes in the user interface development platform provided by the scheme, and the specific creating mode can refer to the creating mode of other classes in the user interface development platform.
4) Control classes
Referring to fig. 4, the control class of the ui development platform is created by multiple inheriting of the customized control class (denoted as VControl) and the Widget class of Guichan,
the VControl class has related functions supporting control skin, such as control transparent processing, interactive effects and the like;
the Widget class is a base class of all controls in Guichan, and all control classes in the scheme are inherited from the control base class to realize event processing logic of Guichan.
Illustratively, the control class includes one or a combination of the following:
a button class (denoted as VButton), an image button class (denoted as VImageButton), an image box class (denoted as VImageBox), a label class (denoted as VLabel), a check box class (denoted as VCheckBox), a radio box class (denoted as VRadioBox), a list class (denoted as VList), a scroll area class (denoted as vscrolarray), a page tab class (denoted as VTab), a group box class (denoted as VGroupBox), and a text box class (denoted as VTextBox).
5) VThemeManager class
Referring to fig. 5, the VThemeManager class refers to an environment management class (denoted as VEnviromentManager), a picture resource management class (denoted as VImageManager), a font management class (denoted as VFontManager), a text resource management class (denoted as VStringManager), a color management class (denoted as vcoolormanager), an audio management class (denoted as VSoundManager), and a layout management class (denoted as VLayoutManager);
wherein, each class cited by the VThemeManager class encapsulates the function on the original Symbian S60 platform, for example:
encapsulating a class used for environment management in a Symbian S60 platform, and creating a VENVIRONMager class based on the encapsulated class;
packaging classes used for picture management in a Symbian S60 platform, and creating a VImageManager class based on the packaged classes;
encapsulating classes for font management in a Symbian S60 platform, and creating a VFontManager class based on the encapsulated classes;
encapsulating classes for text management in a Symbian S60 platform, and creating a VStringManager class based on the encapsulated classes;
encapsulating classes for color management in a Symbian S60 platform, and creating a VColoManager class based on the encapsulated classes;
encapsulating classes for audio management in a Symbian S60 platform, and creating a VSoundManager class based on the encapsulated classes;
the classes for layout management in the Symbian S60 platform are encapsulated and the VLayoutManager class is created based on the encapsulated classes.
Environmental management class VEnviromentManager: the class provides some tool methods, such as methods for acquiring application program paths, judging whether files exist or not and the like;
picture resource management class VImageManager: the method can set picture Identifications (IDs) for a plurality of pictures in a plurality of application programs respectively, splice the plurality of pictures into a combined picture, and obtain one or more required pictures from the combined picture according to the picture IDs. For example, all pictures in the application program are spliced into a combined graph with a large capacity through a predetermined algorithm, and each sub-graph (single picture) is obtained by setting a picture obtaining (GetImage) method and using a picture ID.
Font management class VFontManager: the type manages various fonts of the application program and provides a method for obtaining the fonts;
text resource management class VStringManager: storing the character string resource of the application program in a binary format by a predetermined method, and then providing a character string obtaining (GetString) method to obtain each text character string by the set character string ID;
color management class VColorManager: the color resources of all controls are uniformly managed, and each color value is obtained through a color ID by providing a color obtaining (GetColor) method;
audio management class vsoudemanager: the method for uniformly managing all audio files of the application program provides a method for playing the files and supports audio formats such as amr and wav;
layout management class VLayoutManager: the type supports various layout modes, such as flow layout (FlowLayout), grid layout (gridllayout) and the like;
the VThemeManager class uniformly manages the 7 management classes (managers), provides a method for acquiring each Manager, can set different themes, manages resources of each Manager under different themes, and realizes functions of changing skins of application programs.
The above is only a description of the creation mode of five core classes in the user interface development platform, and the five core classes support the main architecture of the user interface development platform, so that it can be understood that, in order to make the user interface development platform more powerful and more superior in performance, other classes with corresponding functions can be created by referring to the mode of creating the core classes.
It can be seen from the above that, the embodiment of the present invention provides a novel user interface development scheme based on open source library Guichan for Symbian S60 platform, and by creating an adapter class of Guichan suitable for Symbian S60 platform and other technical means, Guichan is transplanted to Symbian S60 platform, and the characteristics of Symbian S60 platform itself are encapsulated, so that a developer does not need to additionally master a large amount of proprietary knowledge of Symbian sdk in the development process, the difficulty of platform development is greatly reduced, and the period of platform development is shortened.
The overall framework design of the user interface development platform provided by the technical scheme of the embodiment of the invention can improve the reuse rate of codes and the development efficiency; in addition, the technical scheme of the embodiment of the invention can flexibly develop various complex user interfaces according to the user interface resources selected by user definition, realize the expected user interface and improve the user experience.
The embodiment of the invention provides an improved user interface development scheme suitable for a Symbian S60 platform, which can be compatible with the existing Symbian S60 mobile phone platform, improve the utilization rate of the existing resources, furthest avoid the influence on the existing Symbian S60 user while improving the performance of the user interface platform, and has higher application prospect and commercial value.
The third embodiment of the invention explains the scene of the application program of the user interface with the name Hellowold, which is developed by using the user interface development platform created by the technical scheme. The method mainly comprises the following steps:
t1: and selecting the user interface resource required by building the Hellowold application program.
The user interface resources may include resources such as required pictures, character strings, audio, and the like, and the content included in the selected user interface resources is different according to the difference of the style, or function of the user interface desired to be established.
T2: and generating various documents or resources required in the application Hellowold.
In general, the format, capacity, and the like of original data in a user interface resource cannot be directly applied to an application program, and the selected user interface resource needs to be organized and processed, for example, various documents or resources required in the application program, such as represented as helloworldddocument types, are generated by using a ThemesTool set in a user interface development platform.
T3: implementing page classes for applications
i) The commonality of all pages of an application in this class is achieved by:
HelloworldForm：public VForm，
ii) implementing a page of the application by inheriting HellowoldForm by a code wherein XXX represents a name of a certain page;
XXXForm：public HelloworldForm，
implementing a plurality of pages of the application by repeating step ii).
T4: implementing view classes for applications
i) Implementing view classes for an application by code
HelloworldView：public SymbianView；
ii) providing a plant process for producing XXXform by implementing VFormManager:: Constructform process in this class;
t5: implementing view control classes for applications
i)HelloworldUI：public SymbianUI，
ii) initializing a user interface development platform in the class;
iii) instantiate a HellowView in the class: m _ HellowView, pushing m _ HellowView into the control stack;
iv) routing to the first page of the application in the class by calling the NavigateToForm method;
t6: adding various controls in the XXXform to realize the functions to be completed by the page;
t7: other xxxforms are implemented to accomplish other functions of the application.
Referring to FIG. 6, a relationship diagram of the Hellowold application is shown, where arrows with triangle ends represent inheritance relationships and other arrows represent reference relationships. The view control class HelloWorldUI of the application inherits Symbian UI, the application comprises a plurality of pages, each page inherits from the application page class HelloWorldForm, and HelloWorldForm inherits from VForm.
Therefore, when the technical scheme is used for developing the user interface, the code reuse rate is high, the development mode is flexible, a developer is not required to master a large amount of software development tools Symbian SDK proprietary knowledge proprietary to Symbian S60, and the development difficulty is reduced.
The fourth embodiment of the present invention further provides a device for implementing a user interface on a mobile terminal, referring to fig. 7, the device includes a development platform establishing unit 71 and a user interface implementing unit 72,
the development platform establishing unit 71 transplants open source library Guichan to Symbian S60 platform of Saiban, and packages the Symbian S60 platform to obtain a user interface development platform;
the user interface implementing unit 72 selects the required user interface resource, and implements the required user interface by using the user interface development platform;
wherein, the development platform establishing unit specifically comprises:
the adapter class creation module 711 is used for creating an adapter class of Guichan which can be used for the Symbian S60 platform by inheriting the interface class corresponding to Guichan;
a view control class creation module 712, which creates a view control class Symbian UI of the user interface development platform by inheriting the UI control class CAknAppUi of the Symbian S60 platform;
a view class creation module 713, which creates a view class Symbian view of the user interface development platform by inheriting a control class CCoecontrol of the Symbian S60 platform;
the control class creating module 714 is used for creating the control class of the user interface development platform by inheriting the Widget of the control base class of Guichan;
the theme management class creating module 715 encapsulates the classes for resource management in the Symbian S60 platform, and creates a theme management class VThemeManager of the user interface development platform to manage the resources in the memory.
Further, the adapter class includes an event processing class symbian input, a font processing class symbian nfont, and a graphics rendering processing class symbian gdirender, and the adapter class creation module includes:
the first creation submodule is used for realizing a Symbian Input class of Guichan which can be used for a Symbian S60 platform by inheriting the Input class of Guichan;
the second creating submodule realizes a Symbian nFET class of Guichan which can be used for a Symbian S60 platform by inheriting a Font class Font of Guichan and quoting a Font class CFont of the Symbian S60 platform;
and a third creation submodule for realizing a Symbian GDIRender class of Guichan, which can be used for a Symbian S60 platform, by inheriting Graphics class Graphics of Guichan and drawing classes CFbsBitmappavice and CFbsBitGc which refer to the Symbian S60 platform.
For the convenience of clearly describing the technical solutions of the embodiments of the present invention, in the embodiments of the present invention, the words "first", "second", and the like are used to distinguish the same items or similar items with basically the same functions and actions, and those skilled in the art can understand that the words "first", "second", and the like do not limit the quantity and execution order.
Further, the theme management class vthememarmager created by the theme management class creation module 715 refers to an environment management class VEnviromentManager, a picture resource management class VImageManager, a font management class VFontManager, a text resource management class VStringManager, a color management class vcollormanager, an audio management class VSoundManager, and a layout management class vlayouutmanager.
The control class includes one or a combination of the following:
a button class VButton, an image button class VImageButton, an image box class VImageBox, a label class VLabel, a check box class VCheckBox, a radio box class VRadioBox, a list class VList, a scroll area class vscrolarea, a page label class VTab, a group box class vgrouppbox, and a text box class VTextBox.
The specific working modes of each unit and module in the device embodiment of the invention can be referred to the method embodiment of the invention.
It can be seen from the above that, the embodiment of the present invention provides a novel user interface development scheme based on open source library Guichan for Symbian S60 platform, and by creating an adapter class of Guichan suitable for Symbian S60 platform and other technical means, Guichan is transplanted to Symbian S60 platform, and the characteristics of Symbian S60 platform itself are encapsulated, so that a developer does not need to additionally master a large amount of proprietary knowledge of Symbian sdk in the development process, the difficulty of platform development is greatly reduced, and the period of platform development is shortened.
The overall framework design of the user interface development platform provided by the technical scheme of the embodiment of the invention can improve the reuse rate of codes and the development efficiency; in addition, the technical scheme of the embodiment of the invention can flexibly develop various complex user interfaces according to the user interface resources selected by user definition, realize the expected user interface and improve the user experience.
The embodiment of the invention provides an improved user interface development scheme suitable for a Symbian S60 platform, which can be compatible with the existing Symbian S60 mobile phone platform, improve the utilization rate of the existing resources, furthest avoid the influence on the existing Symbian S60 user while improving the performance of the user interface platform, and has higher application prospect and commercial value.
Those skilled in the art will readily appreciate that the present invention may be implemented in software, coupled with a general purpose hardware platform as required. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the embodiments or some parts of the embodiments.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like made within the spirit and principle of the present invention should be included in the scope of the present invention.
Claims (10)
1. A method for implementing a user interface on a mobile terminal, the method comprising:
the method comprises the following steps: transplanting the open source library Guichan to a Symbian S60 platform of Saiban, and encapsulating the Symbian S60 platform to obtain a user interface development platform:
creating an adapter class of Guichan which can be used for the Symbian S60 platform by inheriting the corresponding interface class of Guichan;
creating a view control class Symbian UI of the user interface development platform by inheriting the user interface UI control class CAknappUi of the Symbian S60 platform;
creating a view class Symbian View of the user interface development platform by inheriting a control class CCoeControl of the Symbian S60 platform;
creating a control class of the user interface development platform by inheriting a control base class Widget of Guichan;
encapsulating classes for resource management in a Symbian S60 platform, and creating a theme management class VThemeManager of the user interface development platform to manage resources in a memory;
step two: and selecting the required user interface resource, and realizing the required user interface by using the user interface development platform.
2. The method of claim 1, wherein the adapter class includes an event processing class symbian input, a font processing class symbian nfont, and a graphics rendering processing class symbian gdirender;
the creating an adapter class of Guichan that can be used for the Symbian S60 platform by inheriting the corresponding interface class of Guichan includes:
the Symbian Input class of Guichan which can be used for a Symbian S60 platform is realized by inheriting the Input class of Guichan;
the Symbian nFET class of Guichan, which can be used for the Symbian S60 platform, is realized by inheriting the Font class Font of Guichan and quoting the Font class CFont of the Symbian S60 platform;
the Symbian gdirender class of Guichan, which can be used for the Symbian S60 platform, is implemented by inheriting Graphics class Graphics of Guichan, and drawing classes cfbsbitmap device and CFbsBitGc, which refer to the Symbian S60 platform.
3. The method of claim 2, wherein creating the view class Symbian view of the user interface development platform by inheriting the control class CCoeControl of the Symbian S60 platform comprises:
the view type Symbian View of the user interface development platform is obtained by inheriting a control class CCoeControl on a view interface type Vview and a Symbian S60 platform and referring to a corresponding adapter class, wherein the Vview class inherits a page management class VFormManager, the VFormManager class refers to a page class VForm and a graphical user interface control class VGUI, the VForm class inherits a Container connector class of Guichan, and the VGUI class inherits a graphical user interface control class GUI class of Guichan.
4. The method of claim 3,
the referenced corresponding adapter class is a SymbianGDIRender class, the SymbianView class also references an animation class SymbianGIFControl and a rendering effect class SymbianGLESControl, wherein the SymbianGIFControl class has a function of supporting playing of image interchange format GIF animation, and the SymbianGLESControl class has a function of supporting playing of 3D animation.
5. The method of claim 1, wherein creating the control class of the user interface development platform by inheriting a Widget, a control base class of Guichan, comprises:
creating a control class of the user interface development platform by multi-inheriting the self-defined control class VControl and the Widget class of Guichan,
the VControl class has related functionality to support control skins.
6. The method of claim 5, wherein the control class comprises one or a combination of the following:
a button class VButton, an image button class VImageButton, an image box class VImageBox, a label class VLabel, a check box class VCheckBox, a radio box class VRadioBox, a list class VList, a scroll area class vscrolarea, a page label class VTab, a group box class vgrouppbox, and a text box class VTextBox.
7. The method as claimed in claim 1, wherein encapsulating classes for resource management in Symbian S60 platform and creating a theme management class VThemeManager for the user interface development platform to manage resources in memory comprises:
the VThemeManager class refers to an environment management class, a picture resource management class, a font management class, a VFontManager, a text resource management class, a color management class, an audio management class, a VSoundManager and a layout management class, VLayoutManager;
wherein,
encapsulating a class used for environment management in a Symbian S60 platform, and creating a VENVIRONMager class based on the encapsulated class;
packaging classes used for picture management in a Symbian S60 platform, and creating a VImageManager class based on the packaged classes;
encapsulating classes for font management in a Symbian S60 platform, and creating a VFontManager class based on the encapsulated classes;
encapsulating classes for text management in a Symbian S60 platform, and creating a VStringManager class based on the encapsulated classes;
encapsulating classes for color management in a Symbian S60 platform, and creating a VColoManager class based on the encapsulated classes;
encapsulating classes for audio management in a Symbian S60 platform, and creating a VSoundManager class based on the encapsulated classes;
the classes for layout management in the Symbian S60 platform are encapsulated and the VLayoutManager class is created based on the encapsulated classes.
8. The method of claim 7,
the VImageManager class can set picture identification IDs for multiple pictures in multiple application programs respectively, splice the multiple pictures into one combined picture, and obtain a required picture from the combined picture according to the picture IDs.
9. An apparatus for implementing a user interface on a mobile terminal, the apparatus comprising a development platform establishing unit and a user interface implementing unit,
the development platform establishing unit is used for transplanting open source library Guichan to Symbian S60 platform of Saiban and packaging the Symbian S60 platform to obtain a user interface development platform;
the user interface realizing unit selects the required user interface resource and realizes the required user interface by using the user interface development platform;
wherein, the development platform establishing unit specifically comprises:
the adapter class creating module is used for creating an adapter class of Guichan which can be used for the Symbian S60 platform by inheriting the interface class corresponding to Guichan;
the view control class creating module is used for creating a view control class Symbian UI of the user interface development platform by inheriting the UI control class CAknappUi of the Symbian S60 platform;
the view class creating module is used for creating a view class Symbian View of the user interface development platform by inheriting a control class CCoeControl of a Symbian S60 platform;
the control class creating module is used for creating the control class of the user interface development platform by inheriting the Widget of the control base class of Guichan;
and the theme management class creating module is used for packaging classes for resource management in the Symbian S60 platform and creating a theme management class VThemeManager of the user interface development platform so as to manage resources in the memory.
10. The apparatus of claim 9,
the adapter class comprises an event processing class Symbian input, a font processing class Symbian nFET and a graphic drawing processing class Symbian GDIRender, and the adapter class creating module comprises:
the first creation submodule is used for realizing a Symbian Input class of Guichan which can be used for a Symbian S60 platform by inheriting the Input class of Guichan;
the second creating submodule realizes a Symbian nFET class of Guichan which can be used for a Symbian S60 platform by inheriting a Font class Font of Guichan and quoting a Font class CFont of the Symbian S60 platform;
and a third creation submodule for realizing a Symbian GDIRender class of Guichan, which can be used for a Symbian S60 platform, by inheriting Graphics class Graphics of Guichan and drawing classes CFbsBitmappavice and CFbsBitGc which refer to the Symbian S60 platform.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011101729547A CN102200914B (en) | 2011-06-24 | 2011-06-24 | Method and equipment of realizing user interface on mobile terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011101729547A CN102200914B (en) | 2011-06-24 | 2011-06-24 | Method and equipment of realizing user interface on mobile terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102200914A true CN102200914A (en) | 2011-09-28 |
| CN102200914B CN102200914B (en) | 2013-11-27 |
Family
ID=44661612
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2011101729547A Active CN102200914B (en) | 2011-06-24 | 2011-06-24 | Method and equipment of realizing user interface on mobile terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102200914B (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102541564A (en) * | 2011-12-31 | 2012-07-04 | 东软集团股份有限公司 | UI (User Interface) multiplexing method and device |
| CN103164204A (en) * | 2011-12-15 | 2013-06-19 | 北京新媒传信科技有限公司 | Generation method and system of user interfaces based on Symbian system |
| CN105511873A (en) * | 2015-12-02 | 2016-04-20 | 网易（杭州）网络有限公司 | User interface control display method and device |
| CN106575232A (en) * | 2014-08-22 | 2017-04-19 | 微软技术许可有限责任公司 | Remote management of a graphical user interface |
| CN109284165A (en) * | 2018-10-30 | 2019-01-29 | 武汉斗鱼网络科技有限公司 | Client skin change method, device, equipment and computer readable storage medium |
| CN105183556B (en) * | 2015-08-11 | 2019-02-05 | Oppo广东移动通信有限公司 | The resource management-control method and relevant device of mobile terminal |
| CN109656555A (en) * | 2018-11-30 | 2019-04-19 | 深圳市汇川技术股份有限公司 | Operation interface implementation method, system, robot demonstrator and storage medium |
| CN112528594A (en) * | 2020-12-16 | 2021-03-19 | 上海连尚网络科技有限公司 | Control identification method and equipment |
| CN116185412A (en) * | 2023-04-19 | 2023-05-30 | 陕西空天信息技术有限公司 | Data management method and device, electronic equipment and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2006077281A1 (en) * | 2005-01-18 | 2006-07-27 | Nokia Corporation | User interface for different displays |
| US20080014929A1 (en) * | 2006-05-05 | 2008-01-17 | Infosys Technologies Ltd. | Occasionally connected computing for mobile web services |
| CN101667115A (en) * | 2008-09-02 | 2010-03-10 | 中国移动通信集团公司 | Terminal, system and method for deploying client application |
-
2011
- 2011-06-24 CN CN2011101729547A patent/CN102200914B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2006077281A1 (en) * | 2005-01-18 | 2006-07-27 | Nokia Corporation | User interface for different displays |
| US20080014929A1 (en) * | 2006-05-05 | 2008-01-17 | Infosys Technologies Ltd. | Occasionally connected computing for mobile web services |
| CN101667115A (en) * | 2008-09-02 | 2010-03-10 | 中国移动通信集团公司 | Terminal, system and method for deploying client application |
Non-Patent Citations (1)
| Title |
|---|
| SCOTT NYKL等: "An Overview of the STEAMiE Educational Game Engine", 《FRONTIERS IN EDUCATION CONFERENCE,2008,38TH ANNUAL》, 25 October 2008 (2008-10-25) * |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103164204A (en) * | 2011-12-15 | 2013-06-19 | 北京新媒传信科技有限公司 | Generation method and system of user interfaces based on Symbian system |
| CN103164204B (en) * | 2011-12-15 | 2016-02-17 | 北京新媒传信科技有限公司 | Based on the generation method and system of the user interface of Symbian system |
| CN102541564A (en) * | 2011-12-31 | 2012-07-04 | 东软集团股份有限公司 | UI (User Interface) multiplexing method and device |
| CN106575232A (en) * | 2014-08-22 | 2017-04-19 | 微软技术许可有限责任公司 | Remote management of a graphical user interface |
| CN106575232B (en) * | 2014-08-22 | 2019-11-15 | 微软技术许可有限责任公司 | The long-range management of graphic user interface |
| CN105183556B (en) * | 2015-08-11 | 2019-02-05 | Oppo广东移动通信有限公司 | The resource management-control method and relevant device of mobile terminal |
| CN105511873A (en) * | 2015-12-02 | 2016-04-20 | 网易（杭州）网络有限公司 | User interface control display method and device |
| CN109284165A (en) * | 2018-10-30 | 2019-01-29 | 武汉斗鱼网络科技有限公司 | Client skin change method, device, equipment and computer readable storage medium |
| CN109284165B (en) * | 2018-10-30 | 2021-11-09 | 武汉斗鱼网络科技有限公司 | Client skin changing method, device, equipment and computer readable storage medium |
| CN109656555A (en) * | 2018-11-30 | 2019-04-19 | 深圳市汇川技术股份有限公司 | Operation interface implementation method, system, robot demonstrator and storage medium |
| CN112528594A (en) * | 2020-12-16 | 2021-03-19 | 上海连尚网络科技有限公司 | Control identification method and equipment |
| CN112528594B (en) * | 2020-12-16 | 2024-04-12 | 上海尚往网络科技有限公司 | Control identification method and equipment |
| CN116185412A (en) * | 2023-04-19 | 2023-05-30 | 陕西空天信息技术有限公司 | Data management method and device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102200914B (en) | 2013-11-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102200914B (en) | Method and equipment of realizing user interface on mobile terminal | |
| US8745573B2 (en) | Platform-independent application development framework | |
| CN104484189B (en) | The structure and design method of a kind of application interface | |
| CN105700925B (en) | A kind of interface implementing method and device of APP | |
| CN111290778B (en) | AI model packaging method, platform and electronic equipment | |
| CN103092612B (en) | Realize method and the electronic installation of Android operation system 3D desktop pinup picture | |
| US20070300217A1 (en) | Data Container for User Interface Content Data | |
| CN103513976B (en) | Service flowpath modelling approach and device | |
| KR20080021081A (en) | Fine-grained control of z-order elements in a xml presentation | |
| US20180275971A1 (en) | Graphical user interface programming system | |
| US11677807B2 (en) | System and method to standardize and improve implementation efficiency of user interface content | |
| CN103150154A (en) | Implementation method and device of application plug-in | |
| US9198009B2 (en) | System and method for providing end to end interactive mobile applications using SMS | |
| CN112966328B (en) | BIM-based method for automatically creating shared parameters by applying Dynamo | |
| CN113076163A (en) | Card rendering method and device | |
| Lewis et al. | Native mobile development: a cross-reference for iOS and Android | |
| CN107423291A (en) | A kind of data translating method and client device | |
| WO2024066825A1 (en) | Page project development method, apparatus, device, medium and product | |
| CN116301785A (en) | Method and device for realizing custom text editor component | |
| CN115617441A (en) | Method and device for binding model and primitive, storage medium and computer equipment | |
| CN111124386B (en) | Animation event processing method, device, equipment and storage medium based on Unity | |
| CN109240690B (en) | Interface generation method and device for data form | |
| CN113760248A (en) | Method and device for generating application program | |
| CN108415692A (en) | One key generates the method and system of front end UI Bean plug-in units | |
| CN114356303A (en) | Implementation method of software communication system structure integrated development environment based on Eclipse |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CP02 | Change in the address of a patent holder |
Address after: Room 818, 8 / F, 34 Haidian Street, Haidian District, Beijing 100080 Patentee after: BEIJING ULTRAPOWER SOFTWARE Co.,Ltd. Address before: 100089 Beijing city Haidian District wanquanzhuang Road No. 28 Wanliu new building A block 5 layer Patentee before: BEIJING ULTRAPOWER SOFTWARE Co.,Ltd. |
|
| CP02 | Change in the address of a patent holder |