CN101814031A - Method for realizing customization of focus rectangle style of user interface elements - Google Patents
Method for realizing customization of focus rectangle style of user interface elements Download PDFInfo
- Publication number
- CN101814031A CN101814031A CN 201010152813 CN201010152813A CN101814031A CN 101814031 A CN101814031 A CN 101814031A CN 201010152813 CN201010152813 CN 201010152813 CN 201010152813 A CN201010152813 A CN 201010152813A CN 101814031 A CN101814031 A CN 101814031A
- Authority
- CN
- China
- Prior art keywords
- focus
- user interface
- rectangle style
- synchronization module
- style
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to computer software technology, in particular to a method for realizing customization of a focus rectangle style of user interface elements in embedded environment. The invention discloses the method for realizing the customization of the focus rectangle style of the user interface elements and solves the problem of single focus rectangle style in the conventional technology. The technical scheme comprises the main points of: a, preparing an xml file which is used for expressing the focus rectangle style; b, preparing a js file which is used for operating interface elements in the xml file; c, establishing a focus synchronization module which is used for receiving a keypress response of a user; d, receiving keypress input of the user and acquiring the next focus element by using a focus element navigation module; e, transferring the next focus element which serves as the input quantity to the focus synchronization module; and f, synchronizing the focus rectangle to the current focus element by the focus synchronization module. The method for realizing the customization of the focus rectangle style of the user interface elements has the advantages of realizing diversification of the focus rectangle style and meeting the requirements of different manufacturers and developers on customization.
Description
Technical field
The present invention relates to computer software technology, relate to the customizable implementation method of the focus rectangle style of user interface element under the embedded environment specifically.
Background technology
Along with the development of Internet technology, increasing internet, applications is customized to each platform.Wherein, embedded platform is portable and function singleness owing to it, and as mobile phone, set-top box etc. have attracted increasing internet, applications.Because the abstract input equipment under the embedded platform is mostly to respond the equipment of button, so showing a kind of visual means of user's current location is that user interface element is formulated a more eye-catching focus pattern frame, as browser, the focus pattern frame in the operating process such as flash.But because embedded environment lower platform software different, thus the realization of focus rectangle style realize at platform code one deck often, as C language or C++ etc.Like this, focus rectangle style just cannot not become customizablely concerning the user.And for third party developer, be the pattern that impossible change focus frame easily not having under the situation of source code, relatively single of the pattern that so just causes focus frame lacks variation.
Summary of the invention
Technical matters to be solved by this invention is: propose a kind of customizable implementation method of focus rectangle style of user interface element, solve the single problem of focus rectangle style in the conventional art.
The present invention solves the problems of the technologies described above the technical scheme that is adopted: the customizable implementation method of the focus rectangle style of user interface element may further comprise the steps:
A. make the xml file of performance focus rectangle style;
B. make the js file of operation xml file median surface element;
C. set up focus synchronization module, be responsible for receiving user's key response;
D. receive the user key-press input, calculate next focus element by focus element navigation;
E. next focus element is passed to focus synchronization module as input quantity;
F. focus synchronization module is synchronized to focus frame on the current focus element.
Among the step c, described focus synchronization module is based upon the platform software aspect.
The invention has the beneficial effects as follows: can realize the focus rectangle style variation, satisfy different vendor and developer's customization needs.
Description of drawings
Fig. 1 is an implementation method process flow diagram of the present invention.
Embodiment
The invention will be further described below in conjunction with accompanying drawing.
The present invention calls on and is making the pattern of focus frame to customize easily according to manufacturer or developer's intention.Platform is to adopt widget platform (a kind of popular internet, applications platform middleware now, what support is the little application of widget, xml+js is used in writing of widget application program), the pattern design of focus frame is transferred to the widget application layer by original shape library layer, with should the be used for support of focus frame, so just can realize very easily that the pattern of focusing frame customizes as a kind of widget platform.
As shown in Figure 1, concrete steps of the present invention can show as following several aspects below widget (little, the code that a fritter is carried out on any one web page based on HTML again) platform: xml (extend markup language) file of making performance focus frame interface pattern; Making can be operated the script file of xml file median surface element, i.e. script+XML DOM the model of internet W3C formulation; Set up focus synchronization module; Synchronous focus frame and user interface element.Concrete steps are as follows:
1. make the xml file of performance focus frame interface pattern:
Make the xml file that a user wishes to show focus rectangle style, so-called xml file promptly is made of the xml element, and the xml element is the label that meets the xml syntax rule.
2. make the script file that can operate xml file median surface element:
Js (a kind of computerese script) file mainly is to be used for operating xml element in the focus rectangle style xml file.Standard come in the xml of W3C model.As can in the js file, adding the user wishes that focus frame occurs in the process that shows or move effect function.
3. set up focus synchronization module:
Set up a focus synchronization module in the platform software aspect, be responsible for receiving user's key response.
4. synchronous focus frame and user interface element:
With user's key response, deliver to focus synchronization module, focus synchronization module is under the assistance of current focus element and element navigation algorithm, and focus frame is with to next focus element synchronously.
For different widget platforms, concrete design also needs to adjust according to the standard of platform.But owing to be adjustment at application, so operation is easy to, cost is very little.
Claims (2)
1. the customizable implementation method of the focus rectangle style of user interface element is characterized in that: may further comprise the steps:
A. make the xml file of performance focus rectangle style;
B. make the js file of operation xml file median surface element;
C. set up focus synchronization module, be responsible for receiving user's key response;
D. receive the user key-press input, calculate next focus element by focus element navigation;
E. next focus element is passed to focus synchronization module as input quantity;
F. focus synchronization module is synchronized to focus frame on the current focus element.
2. the customizable implementation method of the focus rectangle style of user interface element as claimed in claim 1, it is characterized in that: among the step c, described focus synchronization module is based upon the platform software aspect.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201010152813 CN101814031A (en) | 2010-04-22 | 2010-04-22 | Method for realizing customization of focus rectangle style of user interface elements |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN 201010152813 CN101814031A (en) | 2010-04-22 | 2010-04-22 | Method for realizing customization of focus rectangle style of user interface elements |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101814031A true CN101814031A (en) | 2010-08-25 |
Family
ID=42621294
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN 201010152813 Pending CN101814031A (en) | 2010-04-22 | 2010-04-22 | Method for realizing customization of focus rectangle style of user interface elements |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101814031A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016188289A1 (en) * | 2015-05-27 | 2016-12-01 | 阿里巴巴集团控股有限公司 | Drawing method and device for interface element |
| CN106250561A (en) * | 2016-08-17 | 2016-12-21 | 青岛海信电器股份有限公司 | A kind of focus frame method for drafting based on HTML canvas and device |
| CN108051008A (en) * | 2017-11-24 | 2018-05-18 | 惠州市德赛西威汽车电子股份有限公司 | A kind of implementation method of vehicle mounted guidance interface I Driver functions |
| CN110602539A (en) * | 2019-08-26 | 2019-12-20 | 贵州省广播电视信息网络股份有限公司 | Vue framework implementation based on TV |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101465866A (en) * | 2007-12-20 | 2009-06-24 | 上海盛娱网络科技有限公司 | Method for accessing WAP network based on Web terminal and transition module |
-
2010
- 2010-04-22 CN CN 201010152813 patent/CN101814031A/en active Pending
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101465866A (en) * | 2007-12-20 | 2009-06-24 | 上海盛娱网络科技有限公司 | Method for accessing WAP network based on Web terminal and transition module |
Non-Patent Citations (2)
| Title |
|---|
| 《http://www.w3pop.com/learn/view/doc/jsref_onfocus/》 20070402 无 JavaScript onfocus 事件 , * |
| 《福建电脑》 20051230 王娟等 利用Enter键实现表单组件焦点的移动 第67－68页 , 第3期 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016188289A1 (en) * | 2015-05-27 | 2016-12-01 | 阿里巴巴集团控股有限公司 | Drawing method and device for interface element |
| CN106303652A (en) * | 2015-05-27 | 2017-01-04 | 阿里巴巴集团控股有限公司 | The method for drafting of a kind of interface element and device |
| CN106303652B (en) * | 2015-05-27 | 2019-09-06 | 阿里巴巴集团控股有限公司 | A kind of method for drafting and device of interface element |
| CN106250561A (en) * | 2016-08-17 | 2016-12-21 | 青岛海信电器股份有限公司 | A kind of focus frame method for drafting based on HTML canvas and device |
| CN108051008A (en) * | 2017-11-24 | 2018-05-18 | 惠州市德赛西威汽车电子股份有限公司 | A kind of implementation method of vehicle mounted guidance interface I Driver functions |
| CN110602539A (en) * | 2019-08-26 | 2019-12-20 | 贵州省广播电视信息网络股份有限公司 | Vue framework implementation based on TV |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9928044B2 (en) | Systems and methods for programming mobile devices | |
| US20200159508A1 (en) | Systems and methods for creating integrated applications for electronic devices | |
| CN110704136B (en) | Method for rendering applet components, client, electronic device and storage medium | |
| CN106569794B (en) | Application program development device | |
| KR101161083B1 (en) | Adaptive streaming for on demand wireless services | |
| CN101216765B (en) | Mobile terminal topic style dynamic altering method | |
| KR101819508B1 (en) | Apparatus and method for changing theme of application in portable terminal | |
| CN101930366A (en) | Browser-based mobile phone middleware | |
| CN101283572A (en) | Application program update deployment to a mobile device | |
| CN102918523A (en) | Method and apparatus for specifying mapping parameters for user interface element presentation in an application | |
| CN102231106A (en) | Method for generating application code of mobile and general development platform | |
| CN102799477A (en) | Resource access method and apparatus | |
| CA2896612A1 (en) | Systems and methods for building and using hybrid mobile applications | |
| CN102799654A (en) | Intelligent terminal and document online previewing method and system for intelligent terminal | |
| CN101814031A (en) | Method for realizing customization of focus rectangle style of user interface elements | |
| CN103412748A (en) | Display control method, device and system for user interface of embedded platform | |
| WO2016130491A1 (en) | Platform for extension interaction with applications | |
| CN105160028A (en) | Webpage browsing realizing method and browser realizing system | |
| CN101158894A (en) | Dynamically automatic adapting programming system and method in modular soft software system | |
| CN105359104A (en) | Synchronization points for state information | |
| CN102567028B (en) | Tear-off menu display control method, device and terminal | |
| CN101483694B (en) | Playing control method and apparatus for vector animation | |
| CN111246299A (en) | Communication terminal and application management method | |
| CN112650540B (en) | Method for starting fast application and related device | |
| CN102262530A (en) | Constructing method of cloud computing window desktop based on production type view box structure |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| C12 | Rejection of a patent application after its publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20100825 |