CN107566875A - A kind of UI flexible configurations on Intelligent set top box, the method for dynamic renewal - Google Patents
A kind of UI flexible configurations on Intelligent set top box, the method for dynamic renewal Download PDFInfo
- Publication number
- CN107566875A CN107566875A CN201710773422.6A CN201710773422A CN107566875A CN 107566875 A CN107566875 A CN 107566875A CN 201710773422 A CN201710773422 A CN 201710773422A CN 107566875 A CN107566875 A CN 107566875A
- Authority
- CN
- China
- Prior art keywords
- component
- dynamic
- content
- top box
- set top
- 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
Abstract
The invention discloses one kind on Intelligent set top box UI flexible configurations,The method of dynamic renewal,Arranged in advance with service end by client,Pass through the appearance form of each content in app,Content and function etc. define different components,For defined component type,Realize the dynamic construction of three kinds of states successively in client by the data by service end transmission,When component uses,The newly-built component by way of statement,Module position is realized by constructed fuction,The initialization of attribute,Passed finally by the call back function of component internal and join the displaying for realizing component content,For the component of later stage extension,Because the uncertainty of component type,The form displaying of first pass acquiescence component,Component Gallery is added to after software release upgrade,Complete the renewal of New Parent,Solves the problems, such as the interface basis control element real-time update in android intelligence systems,Solve in different intelligent terminal,The UI adaptation issues as caused by multiresolution.
Description
Technical field
The present invention relates to a kind of UI flexible configurations on Intelligent set top box, the method for dynamic renewal, and in particular to android
Client end interface is drawn and Auto.
Background technology
Under the overall background of the integration of three networks, along with developing rapidly for internet television, the intelligence of Android system is carried
Set top box is increasingly becoming the main flow kind of set-top box marlcet with its excellent performance, powerful function and abundant application, is able to
Extensive use.
At present, the mainstream applications on android Intelligent set top boxes are all based on B/S or C/S frameworks to realize, both
Implementation cuts both ways.Application based on the exploitation of B/S frameworks is expansible by the instant displayed web page content of webview modes
Property it is high, adapt to Incremental Development Model, but the problems such as webview key assignments adaptation issues, interface response speed is slower be present；And base
In the application of C/S frameworks exploitation, using the primary application layer Development Frameworks of android, interface response and bandwagon effect are all very
Remarkably, but real-time update interface is unable to, after issue, if it is desired to a kind of layout or style are changed in interface, it is necessary to answer
Modified with program's source code, issued again by way of program upgrading, process is very cumbersome, and influences Consumer's Experience.
The content of the invention
For solve the deficiencies in the prior art, it is an object of the invention to provide one kind on Intelligent set top box flexible configuration,
The method of dynamic renewal, on the premise of interface response and visual effect is ensured, solves the interface base in android intelligence systems
The problem of plinth control element real-time update.Solve in different intelligent terminal, the UI adaptation issues as caused by multiresolution, reduce
Because of the increased development amount of UI bandwagon effects institute.
In order to realize above-mentioned target, the present invention adopts the following technical scheme that：One kind UI on Intelligent set top box flexibly matches somebody with somebody
Put, the method for dynamic renewal, it is characterised in that：Described method comprises the following steps：
Step 1：Arranged in advance with service end by client, pass through the appearance form of each content, content and function in app
Deng the different component of definition；
Step 2：For defined component type, three are realized successively in client by the data by service end transmission
The dynamic construction of kind state；
Step 3：Component in use, by way of statement newly-built component, by constructed fuction realize module position, category
Property initialization, pass ginseng finally by the call back function of component internal and realize the displaying of component content；
Step 4：For the component of later stage extension, because the uncertainty of component type, first pass gives tacit consent to the shape of component
Formula is shown, Component Gallery is added to after software release upgrade, completes the renewal of New Parent.
A kind of foregoing UI flexible configurations on Intelligent set top box, the method for dynamic renewal, it is characterised in that：Step 1
In, the component that function difference of the same race shows form need to define different types, and different components is by component id come unique mark
Component type.
A kind of foregoing UI flexible configurations on Intelligent set top box, the method for dynamic renewal, it is characterised in that：For fixed
The component of justice, the good Component Gallery of integration packaging is needed in client.
A kind of foregoing UI flexible configurations on Intelligent set top box, the method for dynamic renewal, it is characterised in that：Dynamic construction
Including：Position structure, attribute structure and content structure.
A kind of foregoing UI flexible configurations on Intelligent set top box, the method for dynamic renewal, it is characterised in that：
Position is built, and left margin of the component with respect to father's layout and top are determined by leftMargin, topMargin field
Away from so as to uniquely determine module position on interface.
Attribute is built, true by attributes such as Clickable, Focusable, backgroundcolor, Height, Width
Whether can click on, whether can obtain focus, background color, component height, element width etc., attribute field here if determining component
Can be according to each component type dynamic expansion, configurable attribute is more, then the dynamic change content of control is abundanter.
Content build, by defaultImageURL, onfocuseImageURL, selectImageURL,
The fields such as ImageIntent determine the acquiescence picture of component, choose the contents such as picture, click event, and contents attribute is according to specific
Component category definition.
The present invention is advantageous in that：All interface elements of application are moved by way of modularization by back-end data
State is built, ensure that module position, attribute, content it is variable, it is ensured that the flexible configuration of component updates with dynamic, and can directly lead to
Later the wide high pixel value of platform securing component, then the dp values by client according to conversion of resolution into reality, guarantee different terminals,
Identical visual effect, reduce the UI adaptation workloads that multiresolution is brought, save development cost.
Brief description of the drawings
Fig. 1 is a kind of UI flexible configurations on Intelligent set top box of the present invention, the method component type design drawing of dynamic renewal；
Fig. 2 is a kind of UI flexible configurations on Intelligent set top box of the present invention, the embodiment of the method picture component of dynamic renewal
Define schematic diagram.
Embodiment
Make specific introduce to the present invention below in conjunction with the drawings and specific embodiments.
Shown in reference picture 1, Fig. 2, a kind of UI flexible configurations on Intelligent set top box of the present invention, the method for dynamic renewal will
The step of control is stated is adjusted, and various types of controls are packaged into different components, common with service end by client
Definitions component type, then component property is reached into client by communication protocol by service end, client parsing back-end data is moved
State formation component, realize the dynamic renewal of component.Described method comprises the following steps：
Step 1：Arranged in advance with service end by client, pass through the appearance form of each content, content and function in app
Deng the different component of definition, the component that function difference of the same race shows form need to define different types, and different components passes through group
Part id carrys out unique mark component type；
Step 2：For defined component type, three are realized successively in client by the data by service end transmission
The dynamic construction of kind state, position structure, determine component with respect to the left side that father is laid out by leftMargin, topMargin field
Back gauge and top margin, so as to uniquely determine module position on interface.
Attribute is built, true by attributes such as Clickable, Focusable, backgroundcolor, Height, Width
Whether can click on, whether can obtain focus, background color, component height, element width etc., attribute field here if determining component
Can be according to each component type dynamic expansion, configurable attribute is more, then the dynamic change content of control is abundanter.
Content build, by defaultImageURL, onfocuseImageURL, selectImageURL,
The fields such as ImageIntent determine the acquiescence picture of component, choose the contents such as picture, click event, and contents attribute is according to specific
Component category definition.；
Step 3：For defined component, the good Component Gallery of integration packaging is needed in client, component is in use, pass through
The newly-built component of mode of statement, the initialization of module position, attribute is realized by constructed fuction, finally by returning for component internal
Letter of transfer number passes the displaying that ginseng realizes component content；
Step 4：For the component of later stage extension, because the uncertainty of component type, first pass gives tacit consent to the shape of component
Formula is shown, Component Gallery is added to after software release upgrade, completes the renewal of New Parent.
The present invention proposes a kind of development scheme of modularization, and the concept using component is ensureing interface response and vision effect
On the premise of fruit, solves the problems, such as the interface basis control element real-time update in android intelligence systems；Solve simultaneously not
With on intelligent terminal, the UI adaptation issues as caused by multiresolution.Below by taking picture component as an example, invention components are melted with hair
Mode is described in further detail.
Step 1：Picture component is defined, assembly function is used to show common recommendation bitmap piece, and component id is 3.
Step 2：Position, attribute and the content of picture component are built, picture component property is as shown in Figure 2.Pass through the left side
Away from, top margin, picture is wide, high determination picture module position；After determining that picture component is chosen by fields such as animRation
The attributes such as scaling, picture component content is determined by fields such as defaultImageURL.
Step 3：The use of picture component：
(1) building for Component Gallery is completed, we define MyImageView classes and realize picture component in the client, in structure
Make Custom component in function to be laid out, and the attribute of picture component is obtained by parsing back-end data, encapsulation
The methods of onFocusChange, onClick processing component focus logical AND click event etc..
(2) MyImageView classes are initialized when client builds and is laid out, and the picture metadata of backstage configuration is reached
In component, the drafting of picture component is completed.
The present invention has the advantage that fairly obvious：
(1) on the premise of interface response and visual effect is ensured, solves the interface basis control in android intelligence systems
The problem of part element real-time update.
Based on the application of C/S frameworks exploitation, using the primary application layer Development Frameworks of android, interface response and displaying
Effect is all very outstanding, but is unable to real-time update interface, after issue, if it is desired to a kind of layout or wind are changed in interface
Lattice are issued, it is necessary to changed on application program source code again by way of program upgrading, and process is very cumbersome, and are influenceed
Consumer's Experience.All interface elements applied in the application, by back-end data dynamic construction, ensure that by way of modularization
Module position, attribute, content it is variable, it is ensured that the flexible configuration of component updates with dynamic.
(2) solve in different intelligent terminal, the UI adaptation issues as caused by multiresolution, reduce because of UI bandwagon effects institute
Increased development amount.
Intelligent set top box is similar with smart mobile phone, has a variety of resolution ratio such as 720p, 1080p, 4k, and generally we are doing intelligence
Can be on set top box application and development when, it is necessary to according to different resolution adjustment topology files, reach the machine in different resolution
Possess consistent display effect on top box.Using the development scheme of modularization, we are directly wide high by backstage securing component
Pixel value, then the dp values by client according to conversion of resolution into reality, ensure different terminals, identical visual effect, reduce
The UI adaptation workloads that multiresolution is brought, save development cost
The basic principles, principal features and advantages of the present invention have been shown and described above.The technical staff of the industry should
Understand, the invention is not limited in any way for above-described embodiment, all to be obtained by the way of equivalent substitution or equivalent transformation
Technical scheme, all fall within protection scope of the present invention.
Claims (5)
1. a kind of UI flexible configurations on Intelligent set top box, the method for dynamic renewal, it is characterised in that：Described method is included such as
Lower step：
Step 1：Arranged in advance with service end by client, it is fixed by the appearance form of each content, content and function etc. in app
The different component of justice；
Step 2：For defined component type, three kinds of shapes are realized successively in client by the data by service end transmission
The dynamic construction of state；
Step 3：Component in use, by way of statement newly-built component, module position, attribute are realized by constructed fuction
Initialization, passed finally by the call back function of component internal and join the displaying for realizing component content；
Step 4：For the component of later stage extension, because the uncertainty of component type, first pass gives tacit consent to the form exhibition of component
Show, Component Gallery is added to after software release upgrade, completes the renewal of New Parent.
2. a kind of UI flexible configurations on Intelligent set top box according to claim 1, the method for dynamic renewal, its feature exist
In：
In step 1, the component that function difference of the same race shows form need to define different types, and different components passes through component id
Carry out unique mark component type.
3. a kind of UI flexible configurations on Intelligent set top box according to claim 1, the method for dynamic renewal, its feature exist
In：
For defined component, the good Component Gallery of integration packaging is needed in client.
4. a kind of UI flexible configurations on Intelligent set top box according to claim 1, the method for dynamic renewal, its feature exist
In：
Dynamic construction includes：Position structure, attribute structure and content structure.
5. a kind of UI flexible configurations on Intelligent set top box according to claim 4, the method for dynamic renewal, its feature exist
In：
Position is built, and left margin and top margin of the component with respect to father's layout are determined by leftMargin, topMargin field,
So as to uniquely determine module position on interface.
Attribute is built, and group is determined by attributes such as Clickable, Focusable, backgroundcolor, Height, Width
Whether part can be clicked on, whether can obtain focus, background color, component height, element width etc., and attribute field here can root
According to each component type dynamic expansion, configurable attribute is more, then the dynamic change content of control is abundanter.
Content is built, and passes through defaultImageURL, onfocuseImageURL, selectImageURL, ImageIntent
The acquiescence picture of component is determined etc. field, chooses the contents such as picture, click event, and contents attribute is determined according to specific component classification
Justice.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710773422.6A CN107566875A (en) | 2017-08-31 | 2017-08-31 | A kind of UI flexible configurations on Intelligent set top box, the method for dynamic renewal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710773422.6A CN107566875A (en) | 2017-08-31 | 2017-08-31 | A kind of UI flexible configurations on Intelligent set top box, the method for dynamic renewal |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107566875A true CN107566875A (en) | 2018-01-09 |
Family
ID=60977681
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710773422.6A Pending CN107566875A (en) | 2017-08-31 | 2017-08-31 | A kind of UI flexible configurations on Intelligent set top box, the method for dynamic renewal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107566875A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108733443A (en) * | 2018-05-09 | 2018-11-02 | 成都市极米科技有限公司 | A kind of APP dynamic configuration systems and its implementation, Dynamic Configuration based on android system |
| CN109714620A (en) * | 2018-12-27 | 2019-05-03 | 山东浪潮商用***有限公司 | A kind of interface visualization editor and display methods and system based on set-top box |
| CN110045999A (en) * | 2019-04-23 | 2019-07-23 | 北京三快在线科技有限公司 | Draw method, apparatus, terminal and the storage medium of component |
| CN114443029A (en) * | 2020-11-04 | 2022-05-06 | 武汉斗鱼鱼乐网络科技有限公司 | Method and related device for generating guide interface component |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120117504A1 (en) * | 2008-06-06 | 2012-05-10 | Apple Inc. | User Interface for Application Management for a Mobile Device |
| CN104850428A (en) * | 2015-04-23 | 2015-08-19 | 百度在线网络技术（北京）有限公司 | Method and device for updating user interface of mobile client |
| CN105242937A (en) * | 2014-06-27 | 2016-01-13 | 中兴通讯股份有限公司 | Method for dynamically updating application interface, terminal and system |
| CN106201458A (en) * | 2016-06-27 | 2016-12-07 | 上海波汇科技股份有限公司 | A kind of interface creating method can joined flexibly and system |
-
2017
- 2017-08-31 CN CN201710773422.6A patent/CN107566875A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120117504A1 (en) * | 2008-06-06 | 2012-05-10 | Apple Inc. | User Interface for Application Management for a Mobile Device |
| CN105242937A (en) * | 2014-06-27 | 2016-01-13 | 中兴通讯股份有限公司 | Method for dynamically updating application interface, terminal and system |
| CN104850428A (en) * | 2015-04-23 | 2015-08-19 | 百度在线网络技术（北京）有限公司 | Method and device for updating user interface of mobile client |
| CN106201458A (en) * | 2016-06-27 | 2016-12-07 | 上海波汇科技股份有限公司 | A kind of interface creating method can joined flexibly and system |
Non-Patent Citations (3)
| Title |
|---|
| 王小科: "《C#程序开发参考手册》", 31 August 2013, 北京：机械工业出版社 * |
| 高凯: "Activity界面布局", 《ANDROID程序设计基础教程》 * |
| 黄心渊等: "《图形图像制作环境》", 31 July 2004, 北京：高等教育出版社 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108733443A (en) * | 2018-05-09 | 2018-11-02 | 成都市极米科技有限公司 | A kind of APP dynamic configuration systems and its implementation, Dynamic Configuration based on android system |
| CN109714620A (en) * | 2018-12-27 | 2019-05-03 | 山东浪潮商用***有限公司 | A kind of interface visualization editor and display methods and system based on set-top box |
| CN110045999A (en) * | 2019-04-23 | 2019-07-23 | 北京三快在线科技有限公司 | Draw method, apparatus, terminal and the storage medium of component |
| CN114443029A (en) * | 2020-11-04 | 2022-05-06 | 武汉斗鱼鱼乐网络科技有限公司 | Method and related device for generating guide interface component |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107566875A (en) | A kind of UI flexible configurations on Intelligent set top box, the method for dynamic renewal | |
| CN102662616B (en) | For screen graph adaptive approach and the system of mobile terminal | |
| CN103281575B (en) | A kind of Novel control method of intelligent television | |
| CN102915375B (en) | A kind of webpage loading method based on layout subregion | |
| CN101751028B (en) | General calibration system of automobile electronic control unit and realizing method thereof | |
| CN111078169B (en) | Front-end device of visual large-screen system and construction method thereof | |
| CN105786526A (en) | Web-based efficient flow chart drawing system and method | |
| CN104007967B (en) | A kind of user interface creating method and device based on extensible markup language | |
| CN103530379B (en) | tree structure data display method and device | |
| CN109636887A (en) | A kind of conversion of Two-dimensional electron technical drawing format and vector quantization interactive system | |
| CN105282321A (en) | Adaption method of application software user interface and display device | |
| CN102012906A (en) | Three-dimensional scene management platform based on SaaS architecture and editing and browsing method | |
| CN103577568A (en) | Cross-platform mobile safety comprehensive information aggregation system and method adopting same | |
| CN102855315A (en) | Cluster network topology presentation method based on HTML5 (HyperText Markup Language 5) | |
| CN102236709A (en) | Flex-based monitoring page display method and system | |
| CN106792103A (en) | Set top box side homepage wicket represents the method and Set Top Box of multiple recommendation bitmaps | |
| US20230147594A1 (en) | Method for integratedly updating map data, device and storage medium | |
| CN111586462A (en) | Method for acquiring and moving focus in IPTV | |
| CN101546546B (en) | Network data converter and method for controlling data conversion | |
| CN107438194A (en) | A kind of intelligent television UI object rendering methods and intelligent television | |
| CN101295251A (en) | Interface issuing method and device | |
| CN102222354A (en) | Method and system for automatically drawing graphical interface | |
| CN106649428A (en) | Analyzing method and apparatus of storage files | |
| CN109992801A (en) | A kind of PCB update method based on PADS software | |
| CN102054282A (en) | Method and device for changing attributes of graph elements of computer-aided design (CAD) files |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20190321 Address after: 210006 Tongyu Building, 501 Zhongshan South Road, Nanjing City, Jiangsu Province Applicant after: Tianyi Smart Family Technology Co., Ltd. Address before: 210006 Tongyu Building, 501 Zhongshan South Road, Nanjing City, Jiangsu Province Applicant before: Jiangsu Public Information Co., Ltd. |
|
| TA01 | Transfer of patent application right | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180109 |
|
| RJ01 | Rejection of invention patent application after publication |