WO2011116601A1 - Device and method for implementing landscape/portrait screen switching of mobile terminal - Google Patents

Device and method for implementing landscape/portrait screen switching of mobile terminal Download PDF

Info

Publication number
WO2011116601A1
WO2011116601A1 PCT/CN2010/077889 CN2010077889W WO2011116601A1 WO 2011116601 A1 WO2011116601 A1 WO 2011116601A1 CN 2010077889 W CN2010077889 W CN 2010077889W WO 2011116601 A1 WO2011116601 A1 WO 2011116601A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
mobile terminal
description file
horizontal
vertical screen
Prior art date
Application number
PCT/CN2010/077889
Other languages
French (fr)
Chinese (zh)
Inventor
郭鑫
Original Assignee
中兴通讯股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2011116601A1 publication Critical patent/WO2011116601A1/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality

Definitions

  • the present invention relates to the field of mobile terminal technologies, and in particular, to an apparatus and method for implementing horizontal and vertical screen switching of a mobile terminal.
  • BACKGROUND With the increasing application of mobile terminals, the display requirements of mobile terminals are getting higher and higher, the screens of mobile terminals are getting larger and larger, and some wide screens are also appearing on the screen, which provide display for mobile terminals. With good conditions, the display requirements have also been improved, and the switching of horizontal and vertical screens has gradually emerged.
  • the horizontal and vertical screen switching technology refers to the automatic rotation of the screen image when the mobile terminal is switched between the horizontal direction and the vertical direction to meet the visual needs of the user.
  • the developer uses the automatic layout control when developing the MMI program.
  • the automatic layout control automatically arranges the interface elements to adapt to the change of the screen width and height.
  • this method is more complicated, and the developer's workload is relatively large.
  • the second way is simpler, but because of the automatic layout, the position and size of the elements of the interface are automatically calculated by the layout control.
  • Most of the interface after switching is not beautiful, affecting the user experience, and if you encounter MMI users. With a lot of layout controls, MMI runs more slowly.
  • not all GUI systems have support for automatic layout controls.
  • An object of the present invention is to provide an apparatus for realizing switching between horizontal and vertical screens of a mobile terminal, which can reduce the development amount of the existing method and make the interface after switching more beautiful.
  • Another object of the present invention is to provide a method for implementing horizontal and vertical screen switching of a mobile terminal, which can reduce the development amount of the existing method and make the interface after switching more beautiful.
  • the device for implementing the horizontal and vertical screen switching of the mobile terminal includes the interface description file unit, the interface analysis engine, and the GUI control unit, wherein the interface description file unit is configured to describe each interface of the mobile terminal, and each The description of the interface in the horizontal screen and the vertical screen state is saved in the interface description file, wherein the interface description file includes the interface element and the attribute on the interface; the interface parsing engine is configured to use the current screen.
  • the state is configured to parse the interface description file in the interface description file unit, and the interface element obtained by the parsing invokes a corresponding interface provided by the GUI control unit;
  • the GUI control unit is a graphical user interface, configured to be invoked according to the interface parsing engine Corresponding interface, draw the corresponding interface elements.
  • the interface parsing engine is further configured to maintain a correspondence between the interface elements and their attributes for the GUI control unit to draw.
  • the method further includes an interface design tool for simultaneously setting configurable attributes of the interface elements in the horizontal screen and the vertical screen state.
  • the attribute refers to the composition information of the interface element, including the position, height, width, and displayed text/picture of the interface element.
  • the interface description file is an XML file.
  • the method for implementing the horizontal and vertical screen switching of the mobile terminal includes the following steps: Step A: describe each interface of the mobile terminal, and save the description of each interface in the horizontal screen and the vertical screen state in the interface description file.
  • the interface description file includes the interface element and the attribute on the interface;
  • Step B The interface analysis engine parses the interface description file according to the current screen state, and invokes the corresponding interface provided by the GUI according to the parsed interface element, and draws The corresponding interface element.
  • the interface parsing engine pre-maintains the correspondence between interface elements and their attributes for the GUI to draw.
  • the interface design tool is used to simultaneously set the configurable properties of the interface elements in the horizontal and vertical screen states.
  • the attribute refers to the composition information of the interface element, including the position, height, width, and displayed text/picture of the interface element.
  • the interface description file is an XML file.
  • FIG. 1 is a schematic structural diagram of an apparatus for implementing horizontal and vertical screen switching of a mobile terminal according to an embodiment of the present invention
  • FIG. 2 is a flowchart of a method for implementing horizontal and vertical screen switching of a mobile terminal according to an embodiment of the present invention
  • an apparatus for implementing horizontal and vertical screen switching of a mobile terminal includes: an interface description file unit, an interface parsing engine, and a GUI control unit.
  • the interface description file unit is configured to describe each interface of the mobile terminal, and save the description of each interface in the horizontal screen and the vertical screen state in the interface description file, where the interface description file includes the interface.
  • the interface element refers to each display component in the display interface.
  • the interface elements may be GUI controls.
  • the GUI control unit is a graphical user interface, configured to parse the corresponding interface called by the I engine according to the interface, and draw corresponding interface elements.
  • An interface parsing engine is configured to parse the interface description file in the interface description file unit according to the current screen state, and the interface element obtained by the parsing invokes a corresponding interface provided by the GUI control unit; and is further used to maintain between the interface element and its attribute. The corresponding relationship is used for drawing by the GUI control unit, so that the interface element can display the latest data information in time.
  • a Man Machine Interface which is an interface for a user to perform a horizontal and vertical screen switching operation of a mobile terminal, and is composed of a plurality of interface elements.
  • the apparatus for implementing the horizontal and vertical screen switching of the mobile terminal in the embodiment of the present invention may further include an interface design tool for simultaneously setting configurable attributes of the interface elements in the horizontal screen and the vertical screen state. Developers can use this tool to design and develop application interfaces. Developers can develop an interface for applications in landscape and portrait orientation, and this tool can save the interface as an interface description file in a specified format.
  • the interface design tool here can simultaneously set the position and size of the interface elements in the horizontal and vertical screen states.
  • the interface design tool refers to the tools similar to Microsoft's VC and VB.
  • the tool contains various interface elements. The developer only needs to place the interface elements with the mouse, and finally get the desired interface.
  • the interface design tool adapts to different GUIs to support the controls of the GUI.
  • Interface design tools can be developed on their own or they can be designed using the existing open source Eclipse framework.
  • the above interface description file is an XML file.
  • Step 201 The programmer uses the interface design tool to design the application interface, and uses the tool to design the interface relative to the handwritten code. Say it is fast. Because of the switch between horizontal and vertical screens, developers here need to design the horizontal and vertical screens.
  • Step 202 The interface design tool saves the developer's interface design as an interface description file in a specified format.
  • the description file herein includes interface information when the horizontal screen and the vertical screen are included. Description The file format of the piece can be:
  • WS VISIBLE” rect "10,80,30, 10;” caption: "Close”/>
  • each control on the interface will contain two pieces of position information and size information, in the case of the front screen and the horizontal screen.
  • the window element with ID 1 has a coordinate position of (0, 10) under the vertical motion, a width and a height of 180 and 30 respectively, and a coordinate (0, 20) in the horizontal screen state. And high for 240 and 20.
  • the information in the two states is separated by ";". If there is no such element in a certain state, no information is required, such as an interface element with an ID of 3 or 4.
  • Step 203 Save the interface description file in a specified location of the file system of the mobile terminal, so that the interface parsing engine can apply the interface description files according to the situation.
  • Step 204 The interface parsing engine will find the interface description files for node parsing and call the interface of the GUI to display the interface.
  • the system will receive this information, and start the interface parsing engine to rebuild the interface.
  • the interface parsing engine will detect the current screen state, and then construct the MMI interface according to the corresponding attributes of the interface elements. And show it.
  • FIG. 3 it is a flowchart for implementing vertical screen to horizontal screen switching of a mobile terminal according to an embodiment of the present invention. Of course, the process of switching from landscape to portrait is similar.
  • Step 301 The current state is the vertical screen state;
  • Step 302 When the user rotates the mobile phone, the information of switching to the horizontal screen state is generated;
  • Step 303 The interface analysis engine finds that the current state of the screen changes and changes the state of the current state;
  • Step 304 The screen state is changed, and the display interface is also changed.
  • the interface parsing engine re-analyzes the interface element part of the interface description file, and obtains the position and size information of each element in the horizontal screen state;
  • Steps 305 and 306 Parsing engine Obtain the original data of the interface element and assign it to the corresponding interface element, which is the cornerstone for the following display;
  • Step 307 Interface analysis I engine will analyze the new interface element information, call the GUI drawing interface to interface element Draw it out and display it in the interface.
  • the interface in the horizontal screen state is displayed in front of the end user.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Telephone Function (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

A device and a method for implementing the landscape/portrait screen switching of a mobile terminal are provided. The device includes an interface description file unit, an interface parsing engine and a graphical user interface (GUI) control unit, wherein the interface description file unit is employed to describe each interface of the mobile terminal and saving the description of each interface in a landscape screen mode and a portrait screen mode into an interface description file including interface elements on the interface and attributes thereof; the interface parsing engine is employed to parse the interface description file in the interface description file unit according to the current screen mode and calling a corresponding interface provided by the GUI control unit according to the interface element obtained by parsing; and the GUI control unit is a graphical user interface and is employed to draw a corresponding interface element according to the corresponding interface called by the interface parsing engine. The device and the method can reduce the development workload of conventional methods and improve switching efficiency.

Description

实现移动终端横竖屏切换的装置及方法 技术领域 本发明涉及移动终端技术领域, 特别涉及一种实现移动终端横竖屏切换 的装置及方法。 背景技术 随着移动终端的应用越来越广泛,人们对移动终端的显示要求越来越高, 移动终端的屏幕越来越大, 同时一些宽屏也出现在屏幕上, 这些对于移动终 端的显示提供了很好的条件的同时对显示要求也有所提高, 横竖屏的切换也 逐渐孕育而生。 横竖屏切换技术,是指移动终端在水平方向和竖直方向放置之间转换时, 屏幕图像自动旋转, 以符合用户的视觉需求。 由于横屏显示和竖屏显示时宽、 高条件发生了变化, 终端应用程序的界面也要进行相应的变化。 但是, 这种 变化不是简单的横竖之间的变化, 界面元素的位置、 大小也要进行改变, 甚 至界面内的某些元素也会消失, 否则会给用户带来不好的视觉体验。 当前实现横竖展的方式主要为以下两种方式:  TECHNICAL FIELD The present invention relates to the field of mobile terminal technologies, and in particular, to an apparatus and method for implementing horizontal and vertical screen switching of a mobile terminal. BACKGROUND With the increasing application of mobile terminals, the display requirements of mobile terminals are getting higher and higher, the screens of mobile terminals are getting larger and larger, and some wide screens are also appearing on the screen, which provide display for mobile terminals. With good conditions, the display requirements have also been improved, and the switching of horizontal and vertical screens has gradually emerged. The horizontal and vertical screen switching technology refers to the automatic rotation of the screen image when the mobile terminal is switched between the horizontal direction and the vertical direction to meet the visual needs of the user. Since the width and height conditions of the horizontal screen display and the vertical screen display change, the interface of the terminal application also needs to be changed accordingly. However, this change is not a simple change between horizontal and vertical. The position and size of the interface elements will also change, and even some elements in the interface will disappear, otherwise it will bring a bad visual experience to the user. The current way to achieve horizontal and vertical exhibition is mainly in the following two ways:
1 )开发者提供两套 MMI程序, 当进行横竖屏切换时, 运行相应的 MMI 程序。 1) The developer provides two sets of MMI programs, and when the horizontal and vertical screens are switched, the corresponding MMI program is run.
2 )开发者在开发 MMI程序时使用自动布局控件, 当进行横竖屏切换时 自动布局控件会对界面元素进行自动布局来适应屏幕宽高的变化。 对于第一种方式, 很明显这种方式比较复杂, 开发者的工作量比较大。 第二种方式简单一些, 但是由于使用的是自动布局, 界面的元素的位置和大 小是布局控件自动计算出来的, 切换后的界面大部分并不美观, 影响用户体 验, 而且如果遇到 MMI用户大量使用布局控件, MMI的运行效率会比较慢。 此外, 并不是所有的 GUI系统都有自动布局控件的支持。 因此, 需要找到一种更简便更易产生可控界面的横竖屏切换方法, 能够 给用户带来更好的感官体 -险。 发明内容 本发明的目的在于, 提供一种实现移动终端横竖屏切换的装置, 能够降 低现有方法的开发量, 使切换后的界面更美观。 本发明的另一目的在于, 提供一种实现移动终端横竖屏切换的方法, 能 够降低现有方法的开发量, 使切换后的界面更美观。 本发明的实现移动终端横竖屏切换的装置, 包括界面描述文件单元、 界 面解析引擎和 GUI控件单元, 其中, 所述界面描述文件单元, 用于对该移动 终端的各个界面进行描述, 将每个界面在横屏和竖屏状态下的描述保存在其 界面描述文件中, 其中, 该界面描述文件中包括该界面上的界面元素及其属 性; 所述界面解析引擎, 用于才艮据当前屏幕状态对界面描述文件单元中的界 面描述文件进行解析, 居解析得到的界面元素调用 GUI控件单元提供的相 应接口; 所述 GUI控件单元, 为图形用户接口, 用于根据所述界面解析引擎 调用的相应接口, 绘制相应的界面元素。 其中, 所述界面解析引擎, 进一步用于维护界面元素与其属性之间的对 应关系, 以供所述 GUI控件单元进行绘制。 其中, 进一步包括界面设计工具, 用于同时设置界面元素在横屏和竖屏 状态下的可配置属性。 其中, 所述属性指界面元素的构成信息, 包括界面元素的位置、 高度、 宽度、 显示的文字 /图片。 其中, 所述界面描述文件为 XML文件。 本发明的实现移动终端横竖屏切换的方法, 包括下列步骤: 步骤 A: 对该移动终端的各个界面进行描述, 将每个界面在横屏和竖屏 状态下的描述保存在其界面描述文件中, 其中, 该界面描述文件中包括该界 面上的界面元素及其属性; 步骤 B: 界面解析引擎根据当前屏幕状态对界面描述文件进行解析, 根 据解析得到的界面元素调用 GUI提供的相应接口, 绘制相应的界面元素。 其中, 在所述步 4聚 B中, 进一步包括下列步 4聚: 界面解析引擎预先维护界面元素与其属性之间的对应关系, 以供 GUI进 行绘制。 另外, 可以进一步包括下列步骤: 利用界面设计工具同时设置界面元素在横屏和竖屏状态下的可配置属 性。 其中, 所述属性指界面元素的构成信息, 包括界面元素的位置、 高度、 宽度、 显示的文字 /图片。 其中, 所述界面描述文件为 XML文件。 本发明的有益效果是: 依照本发明的实现移动终端横竖屏切换的装置及 方法, 能够充分利用通过描述文件来进行界面构造的趋势特点, 只要对原有 的描述文件及界面解析引擎进行简单修改即可实现对横竖屏切换的支持, 能 够降低现有方法的开发量, 使切换后的界面更美观且效率高。 附图说明 图 1为本发明实施例的实现移动终端横竖屏切换的装置结构示意图; 图 2为本发明实施例的实现移动终端横竖屏切换的方法流程图; 图 3为本发明实施例的实现移动终端竖屏至横屏切换的流程图。 具体实施方式 以下, 参考附图 1〜3详细描述本发明实施例的实现移动终端横竖展切换 的装置及方法。 如图 1所示, 本发明实施例的实现移动终端横竖屏切换的装置, 包括: 界面描述文件单元、 界面解析引擎、 GUI控件单元。 界面描述文件单元, 用于对该移动终端的各个界面进行描述, 将每个界 面在横屏和竖屏状态下的描述保存在其界面描述文件中, 其中, 该界面描述 文件中包括该界面上的界面元素及其属性。 其中, 界面元素是指显示界面中 的各个显示组成元素, 例如, 这些界面元素可以为 GUI控件。 其属性是指界 面元素的构成信息, 例如, 位置、 高度、 宽度、 显示的文字 /图片等。 GUI控件单元, 为图形用户接口, 用于根据所述界面解析 I擎调用的相 应接口, 绘制相应的界面元素。 界面解析引擎, 用于根据当前屏幕状态对界面描述文件单元中的界面描 述文件进行解析, 居解析得到的界面元素调用 GUI控件单元提供的相应接 口; 并且进一步用于维护界面元素与其属性之间的对应关系, 以供所述 GUI 控件单元进行绘制, 使界面元素能够及时显示最新的数据信息。 人机界面 (Man Machine Interface, MMI ), 其为用户进行移动终端横竖 屏切换操作的界面, 其上由多个界面元素组成。 另外, 本发明实施例的实现移动终端横竖屏切换的装置, 还可以包括界 面设计工具, 用于同时设置界面元素在横屏和竖屏状态下的可配置属性。 开 发人员可以利用该工具进行应用程序界面的设计与开发。 开发人员可以开发 横屏和竖屏时应用程序的界面, 此工具可以将界面保存为指定格式的界面描 述文件。 这里的界面设计工具可以同时设置界面元素在横屏和竖屏状态下的 位置和大小。 界面设计工具是指类似于微软的 VC、 VB的工具, 工具中包含 了各种界面元素, 开发人员只需要用鼠标将界面元素放置起来, 最终即可得 到想要的界面。 当然界面设计工具会根据不同的 GUI进行适配以支持该 GUI 的控件。界面设计工具可以自行开发, 也可以利用现有的开源的 Eclipse框架 进行设计。 另外, 上述界面描述文件为 XML文件。 如图 2所示, 本发明实施例的实现移动终端横竖屏切换的方法, 包括下 列步骤: 步骤 201 : 编程人员利用界面设计工具进行应用程序界面的设计, 使用 工具进行界面的设计相对手写代码来说要快。 由于涉及到横竖屏的切换, 所以这里开发人员要进行横屏和竖屏界面的 设计, 界面设计工具需要提供横、 竖屏两个状态的设计功能。 当然编程人员 可以跳过此步, 直接进行界面描述文件的编写。 这个对编程人员的要求相对 稍高一些。 步骤 202: 界面设计工具会将开发人员的界面设计保存为指定格式的界 面描述文件, 当然这里的描述文件要包含横屏和竖屏时的界面信息。 描述文 件的文件格式可以为: 2) The developer uses the automatic layout control when developing the MMI program. When the horizontal and vertical screens are switched, the automatic layout control automatically arranges the interface elements to adapt to the change of the screen width and height. For the first method, it is obvious that this method is more complicated, and the developer's workload is relatively large. The second way is simpler, but because of the automatic layout, the position and size of the elements of the interface are automatically calculated by the layout control. Most of the interface after switching is not beautiful, affecting the user experience, and if you encounter MMI users. With a lot of layout controls, MMI runs more slowly. In addition, not all GUI systems have support for automatic layout controls. Therefore, it is necessary to find a horizontal and vertical screen switching method which is simpler and more likely to generate a controllable interface, and can bring a better sensory body-risk to the user. SUMMARY OF THE INVENTION An object of the present invention is to provide an apparatus for realizing switching between horizontal and vertical screens of a mobile terminal, which can reduce the development amount of the existing method and make the interface after switching more beautiful. Another object of the present invention is to provide a method for implementing horizontal and vertical screen switching of a mobile terminal, which can reduce the development amount of the existing method and make the interface after switching more beautiful. The device for implementing the horizontal and vertical screen switching of the mobile terminal includes the interface description file unit, the interface analysis engine, and the GUI control unit, wherein the interface description file unit is configured to describe each interface of the mobile terminal, and each The description of the interface in the horizontal screen and the vertical screen state is saved in the interface description file, wherein the interface description file includes the interface element and the attribute on the interface; the interface parsing engine is configured to use the current screen. The state is configured to parse the interface description file in the interface description file unit, and the interface element obtained by the parsing invokes a corresponding interface provided by the GUI control unit; the GUI control unit is a graphical user interface, configured to be invoked according to the interface parsing engine Corresponding interface, draw the corresponding interface elements. The interface parsing engine is further configured to maintain a correspondence between the interface elements and their attributes for the GUI control unit to draw. The method further includes an interface design tool for simultaneously setting configurable attributes of the interface elements in the horizontal screen and the vertical screen state. The attribute refers to the composition information of the interface element, including the position, height, width, and displayed text/picture of the interface element. The interface description file is an XML file. The method for implementing the horizontal and vertical screen switching of the mobile terminal includes the following steps: Step A: describe each interface of the mobile terminal, and save the description of each interface in the horizontal screen and the vertical screen state in the interface description file. The interface description file includes the interface element and the attribute on the interface; Step B: The interface analysis engine parses the interface description file according to the current screen state, and invokes the corresponding interface provided by the GUI according to the parsed interface element, and draws The corresponding interface element. Wherein, in the step 4 B, the following steps are further included: The interface parsing engine pre-maintains the correspondence between interface elements and their attributes for the GUI to draw. In addition, the following steps may be further included: The interface design tool is used to simultaneously set the configurable properties of the interface elements in the horizontal and vertical screen states. The attribute refers to the composition information of the interface element, including the position, height, width, and displayed text/picture of the interface element. The interface description file is an XML file. The utility model has the beneficial effects that: the device and the method for realizing the horizontal and vertical screen switching of the mobile terminal according to the present invention can fully utilize the trend characteristic of the interface structure by using the description file, as long as the original description file and the interface analysis engine are simply modified. Support for horizontal and vertical screen switching can be realized, which can reduce the development amount of existing methods, and make the interface after switching more beautiful and efficient. BRIEF DESCRIPTION OF DRAWINGS FIG. 1 is a schematic structural diagram of an apparatus for implementing horizontal and vertical screen switching of a mobile terminal according to an embodiment of the present invention; FIG. 2 is a flowchart of a method for implementing horizontal and vertical screen switching of a mobile terminal according to an embodiment of the present invention; Flow chart of mobile terminal vertical screen to horizontal screen switching. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, an apparatus and method for realizing a mobile terminal horizontal and vertical display switching according to an embodiment of the present invention will be described in detail with reference to FIGS. As shown in FIG. 1 , an apparatus for implementing horizontal and vertical screen switching of a mobile terminal according to an embodiment of the present invention includes: an interface description file unit, an interface parsing engine, and a GUI control unit. The interface description file unit is configured to describe each interface of the mobile terminal, and save the description of each interface in the horizontal screen and the vertical screen state in the interface description file, where the interface description file includes the interface. Interface elements and their properties. The interface element refers to each display component in the display interface. For example, the interface elements may be GUI controls. Its attributes refer to the composition information of the interface elements, such as position, height, width, displayed text/picture, and so on. The GUI control unit is a graphical user interface, configured to parse the corresponding interface called by the I engine according to the interface, and draw corresponding interface elements. An interface parsing engine is configured to parse the interface description file in the interface description file unit according to the current screen state, and the interface element obtained by the parsing invokes a corresponding interface provided by the GUI control unit; and is further used to maintain between the interface element and its attribute. The corresponding relationship is used for drawing by the GUI control unit, so that the interface element can display the latest data information in time. A Man Machine Interface (MMI), which is an interface for a user to perform a horizontal and vertical screen switching operation of a mobile terminal, and is composed of a plurality of interface elements. In addition, the apparatus for implementing the horizontal and vertical screen switching of the mobile terminal in the embodiment of the present invention may further include an interface design tool for simultaneously setting configurable attributes of the interface elements in the horizontal screen and the vertical screen state. Developers can use this tool to design and develop application interfaces. Developers can develop an interface for applications in landscape and portrait orientation, and this tool can save the interface as an interface description file in a specified format. The interface design tool here can simultaneously set the position and size of the interface elements in the horizontal and vertical screen states. The interface design tool refers to the tools similar to Microsoft's VC and VB. The tool contains various interface elements. The developer only needs to place the interface elements with the mouse, and finally get the desired interface. Of course, the interface design tool adapts to different GUIs to support the controls of the GUI. Interface design tools can be developed on their own or they can be designed using the existing open source Eclipse framework. In addition, the above interface description file is an XML file. As shown in FIG. 2, the method for implementing the horizontal and vertical screen switching of the mobile terminal according to the embodiment of the present invention includes the following steps: Step 201: The programmer uses the interface design tool to design the application interface, and uses the tool to design the interface relative to the handwritten code. Say it is fast. Because of the switch between horizontal and vertical screens, developers here need to design the horizontal and vertical screens. The interface design tools need to provide two horizontal and vertical screen design functions. Of course, the programmer can skip this step and directly write the interface description file. This requirement for programmers is relatively higher. Step 202: The interface design tool saves the developer's interface design as an interface description file in a specified format. Of course, the description file herein includes interface information when the horizontal screen and the vertical screen are included. Description The file format of the piece can be:
<wnd class="dlg" style="WS VISIBLE" rect="0,0,240,320;0,0,320,240" caption="main win" host="vitural" > <wnd class="dlg" style="WS VISIBLE" rect="0,0,240,320;0,0,320,240" caption="main win" host="vitural" >
<control class=" static" id="l" style="WS CHILD|WS VISIBLE" rect="0, 10, 180,30;0,20,240,20" caption="I am a static, and you can just look at me!" /> <control class=" static" id="l" style="WS CHILD|WS VISIBLE" rect="0, 10, 180,30;0,20,240,20" caption="I am a static, and you can just Look at me!" />
<control class="sledit" id="2" style="WS CHILD|WS VISIBLE" rect = "0,50, 180,20;0,40, 240, 16" caption= "I am a edit, welcome to input what you want"/> <control class="buttonl" id="3" style="WS CHILD|WS VISIBLE" rect = "10,80,30, 10;" caption: "Close"/> <control class="sledit" id="2" style="WS CHILD|WS VISIBLE" rect = "0,50, 180,20;0,40, 240, 16" caption= "I am a edit, welcome to Input what you want"/> <control class="buttonl" id="3" style="WS CHILD|WS VISIBLE" rect = "10,80,30, 10;" caption: "Close"/>
<control class="button2" id="4" style="WS CHILD|WS VISIBLE" rect = ";100,80,30, 10 " caption: "OK"/> <control class="button2" id="4" style="WS CHILD|WS VISIBLE" rect = ";100,80,30, 10 " caption: "OK"/>
</wnd> 从上面的代码可以看到界面上的每一个控件都会包含两个位置信息和大 小信息, 前面为竖屏情况下, 后面的为横屏情况下。 如前面的示例代码中, ID为 1 的窗口元素在竖展下的坐标位置为 (0, 10 ), 宽和高分别为 180和 30, 在横屏状态下坐标为 (0, 20 ), 宽和高为 240和 20。 两个状态下的信息 用 ";" 来隔开, 如果某种状态下没有此元素则不用填写任何信息, 如 ID为 3或者 4的界面元素。 步骤 203: 将界面描述文件保存在移动终端的文件系统的指定位置, 这 样界面解析引擎即可才艮据情况适用这些界面描述文件。 步骤 204: 界面解析引擎会找到这些界面描述文件进行节点解析并调用 GUI的接口将界面显示出来。 当终端使用用户进行切换了屏幕状态时, 系统 会接收到此信息, 并启动界面解析引擎进行界面的重新构建, 界面解析引擎 会检测当前的屏幕状态, 才艮据界面元素的相应属性构建 MMI界面并显示出 来。 如图 3所示,为本发明实施例的实现移动终端竖屏至横屏切换的流程图, 当然从横屏切换至竖屏的过程与此相似。 步骤 301 : 当前为竖屏状态; 步骤 302: 在用户旋转手机时, 切换至横屏状态的信息产生; 步骤 303: 界面解析引擎发现当前屏幕状态改变后会对当前状态进行判 断并改变其状态; 步骤 304: 屏幕状态改变了, 则显示界面也要进行改变, 界面解析引擎 对界面描述文件重新解析界面元素部分, 并获取横屏状态下各元素的位置及 大小信息; 步骤 305和 306: 解析引擎获取界面元素原有的数据并赋值给相应的界 面元素, 为后面的显示作基石出; 步骤 307: 界面解析 I擎才艮据解析出的新的界面元素信息, 调用 GUI的 绘制接口将界面元素绘制出来, 并显示在界面中。 这样横屏状态的界面即显 示在终端用户面前。 综上所述, 依照本发明的实现移动终端横竖屏切换的装置及方法, 能够 充分利用通过描述文件来进行界面构造的趋势特点, 只要对原有的描述文件 及界面解析引擎进行简单修改即可实现对横竖屏切换的支持, 能够降低现有 方法的开发量、 切换后的界面更美观且效率高。 以上是为了使本领域普通技术人员理解本发明, 而对本发明所进行的详 细描述, 但可以想到, 在不脱离本发明的权利要求所涵盖的范围内还可以做 出其它的变化和 4爹改, 这些变化和 4爹改均在本发明的保护范围内。 </wnd> From the above code, you can see that each control on the interface will contain two pieces of position information and size information, in the case of the front screen and the horizontal screen. As in the previous example code, the window element with ID 1 has a coordinate position of (0, 10) under the vertical motion, a width and a height of 180 and 30 respectively, and a coordinate (0, 20) in the horizontal screen state. And high for 240 and 20. The information in the two states is separated by ";". If there is no such element in a certain state, no information is required, such as an interface element with an ID of 3 or 4. Step 203: Save the interface description file in a specified location of the file system of the mobile terminal, so that the interface parsing engine can apply the interface description files according to the situation. Step 204: The interface parsing engine will find the interface description files for node parsing and call the interface of the GUI to display the interface. When the terminal uses the user to switch the screen state, the system will receive this information, and start the interface parsing engine to rebuild the interface. The interface parsing engine will detect the current screen state, and then construct the MMI interface according to the corresponding attributes of the interface elements. And show it. As shown in FIG. 3, it is a flowchart for implementing vertical screen to horizontal screen switching of a mobile terminal according to an embodiment of the present invention. Of course, the process of switching from landscape to portrait is similar. Step 301: The current state is the vertical screen state; Step 302: When the user rotates the mobile phone, the information of switching to the horizontal screen state is generated; Step 303: The interface analysis engine finds that the current state of the screen changes and changes the state of the current state; Step 304: The screen state is changed, and the display interface is also changed. The interface parsing engine re-analyzes the interface element part of the interface description file, and obtains the position and size information of each element in the horizontal screen state; Steps 305 and 306: Parsing engine Obtain the original data of the interface element and assign it to the corresponding interface element, which is the cornerstone for the following display; Step 307: Interface analysis I engine will analyze the new interface element information, call the GUI drawing interface to interface element Draw it out and display it in the interface. The interface in the horizontal screen state is displayed in front of the end user. In summary, the apparatus and method for implementing the horizontal and vertical screen switching of the mobile terminal according to the present invention can fully utilize the trend characteristics of the interface structure by using the description file, as long as the original description file and the interface parsing engine are simply modified. Support for horizontal and vertical screen switching can reduce the development of existing methods, and the interface after switching is more beautiful and efficient. The above is a detailed description of the present invention to enable those skilled in the art to understand the invention, but it is contemplated that other variations and modifications may be made without departing from the scope of the invention as claimed. These changes and 4 tampering are all within the scope of the present invention.

Claims

权 利 要 求 书 Claim
1. 一种实现移动终端横竖屏切换的装置, 其特征在于, 包括界面描述文 件单元、 界面解析引擎和 GUI控件单元, 其中, An apparatus for implementing horizontal and vertical screen switching of a mobile terminal, comprising: an interface description file unit, an interface analysis engine, and a GUI control unit, wherein
所述界面描述文件单元,用于对该移动终端的各个界面进行描述, 将每个界面在横屏和竖屏状态下的描述保存在其界面描述文件中, 其 中, 该界面描述文件中包括该界面上的界面元素及其属性;  The interface description file unit is configured to describe each interface of the mobile terminal, and save the description of each interface in the horizontal screen and the vertical screen state in the interface description file, where the interface description file includes the Interface elements and their attributes on the interface;
所述界面解析引擎, 用于根据当前屏幕状态对界面描述文件单元 中的界面描述文件进行解析, 根据解析得到的界面元素调用 GUI控件 单元提供的相应接口;  The interface parsing engine is configured to parse the interface description file in the interface description file unit according to the current screen state, and invoke the corresponding interface provided by the GUI control unit according to the parsed interface element;
所述 GUI控件单元, 为图形用户接口, 用于根据所述界面解析引 擎调用的相应接口, 绘制相应的界面元素。  The GUI control unit is a graphical user interface for parsing corresponding interfaces invoked by the engine according to the interface, and drawing corresponding interface elements.
2. 如权利要求 1 所述的实现移动终端横竖屏切换的装置, 其特征在于, 所述界面解析引擎, 进一步用于维护界面元素与其属性之间的对应关 系, 以供所述 GUI控件单元进行绘制。 The apparatus for implementing the horizontal and vertical screen switching of the mobile terminal according to claim 1, wherein the interface parsing engine is further configured to maintain a correspondence between the interface element and its attribute for the GUI control unit to perform. draw.
3. 如权利要求 1 所述的实现移动终端横竖屏切换的装置, 其特征在于, 进一步包括界面设计工具, 用于同时设置界面元素在横屏和竖屏状态 下的可配置属性。 3. The apparatus for implementing horizontal and vertical screen switching of a mobile terminal according to claim 1, further comprising an interface design tool for simultaneously setting configurable attributes of the interface elements in a horizontal screen and a vertical screen state.
4. 如权利要求 1至 3 中任一项所述的实现移动终端横竖屏切换的装置, 其特征在于, 所述属性指界面元素的构成信息, 包括界面元素的位置、 高度、 宽度、 和显示的文字 /图片。 The apparatus for implementing horizontal and vertical screen switching of a mobile terminal according to any one of claims 1 to 3, wherein the attribute refers to composition information of an interface element, including position, height, width, and display of the interface element. Text/picture.
5. 如权利要求 1至 3 中任一项所述的实现移动终端横竖屏切换的装置, 其特征在于, 所述界面描述文件为 XML文件。 The device for implementing horizontal and vertical screen switching of a mobile terminal according to any one of claims 1 to 3, wherein the interface description file is an XML file.
6. —种实现移动终端横竖屏切换的方法, 其特征在于, 包括下列步骤: 步骤 A: 对该移动终端的各个界面进行描述, 将每个界面在横屏 和竖屏状态下的描述保存在其界面描述文件中, 其中, 该界面描述文 件中包括该界面上的界面元素及其属性; 6. A method for implementing horizontal and vertical screen switching of a mobile terminal, comprising: the following steps: Step A: describing each interface of the mobile terminal, and saving each interface in a horizontal screen and a vertical screen state in a description In the interface description file, the interface description file includes an interface element and an attribute thereof on the interface;
步骤 B: 界面解析引擎根据当前屏幕状态对界面描述文件进行解 析, 根据解析得到的界面元素调用 GUI提供的相应接口, 绘制相应的 界面元素。 Step B: The interface parsing engine parses the interface description file according to the current screen state, and invokes the corresponding interface provided by the GUI according to the parsed interface element, and draws corresponding Interface element.
7. 如权利要求 6所述的实现移动终端横竖屏切换的方法, 其特征在于, 在所述步 4聚 B中, 进一步包括下列步 4聚: 7. The method for implementing horizontal and vertical screen switching of a mobile terminal according to claim 6, wherein in the step B, the following steps are further included:
界面解析引擎预先维护界面元素与其属性之间的对应关系, 以供 GUI进行绘制。  The interface parsing engine pre-maintains the correspondence between interface elements and their attributes for the GUI to draw.
8. 如权利要求 6所述的实现移动终端横竖屏切换的方法, 其特征在于, 进一步包括下列步骤: 8. The method for implementing horizontal and vertical screen switching of a mobile terminal according to claim 6, further comprising the following steps:
利用界面设计工具同时设置界面元素在横屏和竖屏状态下的可配 置属性。  Use the interface design tool to simultaneously set the configurable properties of the interface elements in landscape and portrait orientation.
9. 如权利要求 6至 8中任一项所述的实现移动终端横竖屏切换的方法, 其特征在于, 所述属性指界面元素的构成信息, 包括界面元素的位置、 高度、 宽度、 和显示的文字 /图片。 The method for implementing horizontal and vertical screen switching of a mobile terminal according to any one of claims 6 to 8, wherein the attribute refers to composition information of an interface element, including position, height, width, and display of the interface element. Text/picture.
10. 如权利要求 6至 8中任一项所述的实现移动终端横竖屏切换的方法, 其特征在于, 所述界面描述文件为 XML文件。 The method for implementing horizontal and vertical screen switching of a mobile terminal according to any one of claims 6 to 8, wherein the interface description file is an XML file.
PCT/CN2010/077889 2010-03-25 2010-10-19 Device and method for implementing landscape/portrait screen switching of mobile terminal WO2011116601A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201010132071.9 2010-03-25
CN201010132071A CN101834938A (en) 2010-03-25 2010-03-25 Device and method for realizing horizontal/vertical screen switching of mobile terminal

Publications (1)

Publication Number Publication Date
WO2011116601A1 true WO2011116601A1 (en) 2011-09-29

Family

ID=42718865

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2010/077889 WO2011116601A1 (en) 2010-03-25 2010-10-19 Device and method for implementing landscape/portrait screen switching of mobile terminal

Country Status (2)

Country Link
CN (1) CN101834938A (en)
WO (1) WO2011116601A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107404510A (en) * 2016-05-20 2017-11-28 上海画擎信息科技有限公司 A kind of terminal room lighting collaborative editing shared system and method

Families Citing this family (25)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101834938A (en) * 2010-03-25 2010-09-15 中兴通讯股份有限公司 Device and method for realizing horizontal/vertical screen switching of mobile terminal
CN102222021A (en) * 2011-06-22 2011-10-19 百度在线网络技术(北京)有限公司 Input method panel switching method and device
CN102609521B (en) * 2012-02-10 2016-12-14 深圳创维数字技术有限公司 The changing method of a kind of webpage focus element and receiving terminal for digital television
CN103309697B (en) * 2012-03-15 2017-12-15 宇龙计算机通信科技(深圳)有限公司 A kind of interface display method of application program, system and display terminal
CN102662659B (en) * 2012-03-21 2015-12-02 北京奇虎科技有限公司 A kind of image display processing method and system
CN103809928B (en) 2012-11-14 2018-03-23 腾讯科技(深圳)有限公司 A kind of display methods, the device and system of trend graph of merchandising
CN103853347B (en) * 2012-11-28 2017-03-22 上海亿动信息技术有限公司 Information release method based on gravity sensing horizontal screen display of mobile terminal
CN103870289A (en) * 2012-12-10 2014-06-18 联想(北京)有限公司 Display mode adjusting method and electronic device
CN103970397B (en) * 2013-01-30 2018-06-15 腾讯科技(深圳)有限公司 Rotation screen method for showing interface and device
CN103488403B (en) * 2013-08-30 2018-02-02 小米科技有限责任公司 interface layout switching method, device and mobile terminal
CN103472997B (en) * 2013-09-24 2016-05-25 沈阳美行科技有限公司 A kind of according to the method for horizontal/vertical screen automatic switchover software interface display styles
CN103791942B (en) * 2014-02-21 2016-07-13 Tcl通讯(宁波)有限公司 For detecting detecting device and the detection method thereof of the horizontal/vertical screen state of mobile terminal
CN103914223B (en) * 2014-03-21 2018-02-09 海尔集团公司 The generation method and device at terminal applies interface
CN103929541A (en) * 2014-04-28 2014-07-16 深圳市中兴移动通信有限公司 Method and device for controlling acceleration sensor and mobile terminal
CN104035662A (en) * 2014-05-15 2014-09-10 小米科技有限责任公司 Interface display method, device and terminal
CN105511873B (en) * 2015-12-02 2020-05-12 网易(杭州)网络有限公司 User interface control display method and device
CN105988820A (en) * 2015-12-11 2016-10-05 乐视移动智能信息技术(北京)有限公司 Method and device for self-adaptively adjusting blank pages
US10872585B2 (en) 2016-01-15 2020-12-22 Huawei Technologies Co., Ltd. Display method and terminal
CN106020832A (en) * 2016-05-25 2016-10-12 大唐网络有限公司 Generation method and device for interface information on application programs
CN107168712B (en) * 2017-05-19 2021-02-23 Oppo广东移动通信有限公司 Interface drawing method, mobile terminal and computer readable storage medium
CN107729072B (en) * 2017-08-25 2020-05-26 深圳壹账通智能科技有限公司 Control attribute reading method and device, terminal and readable storage medium
CN108234763B (en) * 2017-12-29 2021-02-26 阿里巴巴(中国)有限公司 Horizontal and vertical screen switching method and device and terminal
CN109213462B (en) * 2018-08-07 2021-07-23 武汉斗鱼网络科技有限公司 Android horizontal and vertical screen data synchronization method and device, terminal and readable medium
CN109189498B (en) * 2018-08-07 2021-09-07 武汉斗鱼网络科技有限公司 Android horizontal and vertical screen data synchronization method and device, terminal and readable medium
CN111078173A (en) * 2019-12-12 2020-04-28 苏州飞控软件科技有限公司 Fast switching method and switching system of LED stage screen

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101369210A (en) * 2008-08-22 2009-02-18 深圳华为通信技术有限公司 Method and device for regulating user interface element
CN101834938A (en) * 2010-03-25 2010-09-15 中兴通讯股份有限公司 Device and method for realizing horizontal/vertical screen switching of mobile terminal

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101369210A (en) * 2008-08-22 2009-02-18 深圳华为通信技术有限公司 Method and device for regulating user interface element
CN101834938A (en) * 2010-03-25 2010-09-15 中兴通讯股份有限公司 Device and method for realizing horizontal/vertical screen switching of mobile terminal

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
HAN CHAO ET AL: "Android System Principle and Detailed Explanations on Main Point of Development Beijing", PHEI, 31 January 2010 (2010-01-31), pages 106 *
MARK L. MURPHY, BEGINNING ANDROID, 31 December 2009 (2009-12-31), NEW YORK:APRESS, pages 22, 237 - 249, 112 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107404510A (en) * 2016-05-20 2017-11-28 上海画擎信息科技有限公司 A kind of terminal room lighting collaborative editing shared system and method
CN107404510B (en) * 2016-05-20 2020-04-07 上海画擎信息科技有限公司 Portable collaborative editing and sharing system between terminals

Also Published As

Publication number Publication date
CN101834938A (en) 2010-09-15

Similar Documents

Publication Publication Date Title
WO2011116601A1 (en) Device and method for implementing landscape/portrait screen switching of mobile terminal
WO2019047748A9 (en) Split screen display method, apparatus, terminal, and storage medium
US8645849B2 (en) Method and apparatus for providing portioned web pages in a graphical user interface
JP6133318B2 (en) Cross window animation
WO2022037432A1 (en) Display interface layout method and electronic device
US10423238B2 (en) Methods and systems for prototyping a user interface
WO2017113730A1 (en) Method and system for generating and controlling composite user interface control
WO2013182089A1 (en) Object suspension realizing method and device
WO2015096712A1 (en) User equipment and method for controlling system column thereof
KR20140128207A (en) user terminal device with a pen and control method thereof
KR20140028384A (en) User terminal apparatus and contol method thereof
CN103345405A (en) Application program starting method and device and client
CN101374213A (en) Implementing method for self-defining television human-machine interface
WO2023061280A1 (en) Application program display method and apparatus, and electronic device
WO2017113551A1 (en) System and method for operating system of mobile device
CN105117232A (en) Method and system for generating text image on user interface
CN112445564B (en) Interface display method, electronic device and computer readable storage medium
KR20160073714A (en) Electronic Device and Method of Displaying Web Page Using the same
WO2013109858A1 (en) Design canvas
CN112506854A (en) Method, device, equipment and medium for storing page template file and generating page
WO2016201813A1 (en) Dynamic layout method and system based on android
Cohen et al. GUI design for Android apps
WO2013170525A1 (en) Method and device for presenting or drawing logical flow relationship of computer application program organization in the form of logical flow chart
WO2013017054A1 (en) Method and apparatus for automatically generating case scripts
CN112445501A (en) Data burning method and device and computer readable storage medium

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 10848263

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 10848263

Country of ref document: EP

Kind code of ref document: A1