WO2013086903A1 - Ui布局自适应方法、移动设备以及布局生成设备 - Google Patents
Ui布局自适应方法、移动设备以及布局生成设备 Download PDFInfo
- Publication number
- WO2013086903A1 WO2013086903A1 PCT/CN2012/083510 CN2012083510W WO2013086903A1 WO 2013086903 A1 WO2013086903 A1 WO 2013086903A1 CN 2012083510 W CN2012083510 W CN 2012083510W WO 2013086903 A1 WO2013086903 A1 WO 2013086903A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- layout
- layout file
- display state
- file
- mobile device
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Definitions
- the present invention relates to the field of communications, and in particular to a User Interface (UI) layout adaptation method, a mobile device, and a layout generation device.
- UI User Interface
- BACKGROUND At present, embedded system, especially a handheld device software system such as a mobile phone, almost all adopts a Graphic User Interface (GUI) system with different degrees of complexity as an operation interface or display interface of various services.
- GUI Graphic User Interface
- Google's Android system Nokia's S60 system
- Datang's arena system Several commonly used open source mobile phone GUI systems are: GTK, QT, MINIGUI, etc.
- the so-called GUI refers to a computer-operated user interface that is graphically displayed. The graphical interface is visually more acceptable to the user than the command-line interface used by earlier computers.
- the window system is a graphical interface system. It divides and manages the screen area in the form of a window. At the same time, it supports the user's mouse, buttons and other external input devices to operate the window, for example, window minimization, destruction and drag and drop.
- the GUI system provides a set of controls that interact with the user, such as buttons, edit boxes, and images, and forms an event-driven mechanism that is convenient for developers to develop based on controls and such event-driven mechanisms.
- buttons, edit boxes, and images and forms an event-driven mechanism that is convenient for developers to develop based on controls and such event-driven mechanisms.
- the outermost layer of the interface is often a kind of container.
- the container will adjust the size and position of the corresponding sub-control according to the change of the size.
- Spread all the controls to the interface to accommodate switching between horizontal and vertical screens.
- the control is an interactive interface provided by the GUI system to the development user. It integrates display and events, and can display business data and trigger events according to user operations. It is an important part of the GUI system.
- a container is a special type of control that organizes and manages other controls. Through the container, a UI described in a tree form can be formed. There are several types of containers, and the types are different for different GUI systems.
- GUIs use UI to solve UI size adaptation.
- GUI systems with higher hardware configurations generally have container controls, such as Android system and GTK system
- GUI systems with lower hardware configuration generally do not have container controls, such as MINIGUI system, mainly because the management of the container requires additional overhead, and at the same time
- the adaptation process takes a long time, and this overhead is often unacceptable for GUI systems that locate low-end configurations. In response to the above problems, no effective solution has been proposed yet.
- a UI layout adaptation method including: when a display state of a mobile device changes, obtaining a layout file corresponding to the changed display state from a layout file stored in the mobile device; Adjust the UI layout of the device according to the obtained layout file.
- the display status comprises: a resolution of the screen and/or a horizontal and vertical screen switching.
- the step of adjusting the UI layout of the device according to the acquired layout file comprises: updating the size and position of the control in the UI of the mobile device according to the layout file corresponding to the changed display state.
- the UI layout adaptation method before acquiring the layout file corresponding to the changed display state from the existing layout file in the mobile device, the UI layout adaptation method further includes: the layout file generating device generates the stored layout according to the predetermined display state change scenario. File; The layout file generation device downloads the stored layout file to the mobile device.
- the step of the layout file generating device generating the stored layout file according to the predetermined display state change scenario comprises: the layout file generating device generating a file in the format XML according to the display state change parameter in the predetermined display state change scenario; the layout file generation The device parses the file in the format of XML to obtain the size and position of each control in the display state change scenario; the layout file generating device converts the size and position of each acquired control into a code; the layout file generating device compiles the code The layout file that is stored.
- the layout file includes: a relationship description file for describing a relationship between the screen, the interface, the container, and the control.
- a mobile device including: an obtaining unit, configured to: acquire, when a display state changes, a layout file corresponding to a changed display state from a layout file stored in the mobile device; The adjustment unit is set to adjust the UI layout according to the obtained layout file.
- the mobile device further comprises: a storage device, configured to store the stored layout file downloaded by the layout file generating device into the mobile device.
- a layout generating apparatus comprising: a generating unit configured to generate a stored layout file stored on a mobile device according to a predetermined display state change scenario; a download unit configured to be stored The layout file is downloaded to the mobile device.
- the generating unit includes: a generating module, configured to generate a file in the format of XML according to the display state change parameter in a predetermined display state change scenario; and a parsing module configured to parse the file in the format XML to obtain a display state change scenario The size and position of each control; the conversion module, set to convert the size and position of each control obtained into code; compile the module, set to compile the code to generate the stored layout file.
- the mobile device internally stores a layout file corresponding to the change of the display state.
- FIG. 1 is a block diagram showing a preferred structure of a UI layout adaptive system according to an embodiment of the present invention
- FIG. 2 is a block diagram showing another preferred structure of a UI layout adaptive system according to an embodiment of the present invention
- FIG. 4 is another preferred flowchart of a UI layout adaptation method according to an embodiment of the present invention.
- the present invention provides a preferred UI layout adaptation system 100, the system comprising: a mobile device 102 and a layout generation device 104.
- the layout generating device 104 includes: a generating unit 1042, configured to generate a stored layout file stored on the mobile device according to a predetermined display state change scenario; and a downloading unit 1044 configured to download the stored layout file to the mobile device.
- the mobile device 102 includes: an obtaining unit 1022, configured to: when the display state changes, acquire a layout file corresponding to the changed display state from a layout file stored in the mobile device; the adjusting unit 1024 is configured to be based on the acquired layout file
- the UI layout is adjusted; preferably, the mobile device 102 further includes: a storage device 1026 configured to store the stored layout file downloaded by the layout file generating device into the mobile device.
- the mobile device stores a layout file corresponding to the change of the display state. Therefore, when the display state changes, the layout file can be directly called to implement the layout adjustment, thereby solving the problem in the prior art.
- the UI adaptive process is dynamically carried out inside the mobile device and the device configuration requirements are high, and the adaptive time is too long, the technical effect of reducing the time spent on the adaptation and reducing the system resource loss is achieved.
- the adaptive link of the container can be performed on the PC side. , reducing the cost of container adaptive time-consuming and resource waste for mobile devices, and is more suitable for resource-constrained embedded devices.
- the programming language is extensive, because the container and its adaptive mechanism can be placed on the PC side, and the PC side development language (such as java, C++, C) is not limited to the programming language required for embedded, and the adaptation is improved. Sex.
- the display status may include, but is not limited to: resolution of the screen and/or horizontal and vertical screen switching.
- the mobile device can be triggered to obtain the layout file stored by the mobile device. Adjust the layout of the UI to achieve UI layout adaptation.
- the present invention also provides an improvement to the adjustment unit 1024.
- the adjustment unit 1024 In a preferred embodiment of the present invention, the adjustment unit
- the 1024 updates the size and position of the controls in the UI of the mobile device according to the layout file corresponding to the changed display state.
- the size and location of the control in the mobile terminal UI are updated according to the layout file stored in the mobile terminal, and the mobile device itself does not need to perform the adaptive link of the container. Achieving an adaptive process to the UI reduces the resource loss of the mobile device caused by the container adaptation and reduces the time consuming of the adaptive process.
- the present invention also improves the generation unit 1042 to achieve a layout file that is adapted to be generated in each state of the mobile device and that can be called at any time. In order to achieve the above object, specifically, based on various preferred embodiments of the present invention, as shown in FIG.
- the generating unit 1042 includes: a generating module 202 configured to change parameters according to the display state in a predetermined display state change scenario Generating a file in the form of an Extensible Markup Language (XML); the parsing module 204 is configured to parse the file in the XML format to obtain the size and position of each control in the display state change scenario; the conversion module 206, It is set to convert the size and position of each acquired control into a code; the compiling module 208 is configured to compile the code to generate a stored layout file.
- XML Extensible Markup Language
- the display state of the mobile device is pre-designated in the layout file, thereby generating a file corresponding to the XML format in each state, and then measuring the position size of each control in the file in the XML format, thereby Generate a layout file that can be directly downloaded to the mobile device and directly applied to the mobile device, providing a solution for the GUI that does not support the adaptive mechanism, without modifying the existing GUI mechanism to satisfy the adaptation, thus reducing a large number of The problem of system stability caused by code changes has been affected; at the same time, the problem of stable risk brought about by the evolution of the container type to the existing GUI system is avoided, and the stability of the system is improved.
- the layout file includes, but is not limited to: a relationship description file for describing a relationship between a screen, an interface, a container, and a control.
- the layout file stored in the mobile device includes a relationship description file for describing a relationship between the screen, the interface, the container, and the control, so that the display file can be changed according to the layout file.
- Embodiment 2 Based on the preferred UI layout adaptation system shown in FIG. 1-2, the present invention also provides a preferred UI layout adaptation method. As shown in FIG. 3, the method specific steps include S302 and S304.
- the mobile device stores a layout file corresponding to the change of the display state. Therefore, when the display state changes, the layout file can be directly called to implement the layout adjustment, thereby solving the problem in the prior art.
- the display status may include, but is not limited to: resolution of the screen and/or horizontal and vertical screen switching.
- the mobile device when the screen resolution of the mobile device changes, or the screen is switched from the horizontal screen to the vertical screen, or the vertical screen is switched to the horizontal screen, the mobile device can be triggered to obtain the layout file stored by the mobile device. Adjust the layout of the UI to achieve UI layout adaptation.
- the present invention further provides a preferred step of adjusting a UI layout of the device according to the acquired layout file, comprising: updating a size and a position of the control in the UI of the mobile device according to the layout file corresponding to the changed display state.
- the display state changes the size and location of the control in the mobile terminal UI are updated according to the layout file stored in the mobile terminal, and the mobile device itself does not need to perform the adaptive link of the container.
- the UI layout adaptation method before acquiring the layout file corresponding to the changed display state from the existing layout file in the mobile device, the UI layout adaptation method further includes The layout file generating device generates the stored layout file according to the predetermined display state change scenario; the layout file generating device downloads the stored layout file to the mobile device.
- the adaptive link of the container can be performed on the PC side, and the container is reduced.
- the cost of time-consuming and resource waste caused by adaptive mobile devices is more suitable for resource-constrained embedded devices.
- the programming language is extensive, because the container and its adaptive mechanism can be placed on the PC side, and the PC side development language can be various (such as java, C++, C), not limited to the programming language required for embedded, improve Adaptability.
- the present invention also improves the step of the layout file generating device generating the stored layout file according to the predetermined display state change scenario, so as to achieve a layout file that is adapted to be generated in each state of the mobile device and can be called at any time.
- the step of generating, by the layout file generating device, the stored layout file according to the predetermined display state change scenario includes: the layout file generating device generates the XML format according to the display state change parameter in the predetermined display state change scenario.
- the file layout device parses the file in the format of Extensible Markup Language (XML) to obtain the display state change.
- XML Extensible Markup Language
- the layout file generating device converts the size and position of each acquired control into a code; the layout file generating device compiles the code to generate a stored layout file.
- the display state of the mobile device is pre-designated in the layout file, thereby generating a file corresponding to the XML format in each state, and then measuring the position size of each control in the file in the XML format, thereby Generate a layout file that can be directly downloaded to the mobile device and directly applied to the mobile device, providing a solution for the GUI that does not support the adaptive mechanism, without modifying the existing GUI mechanism to satisfy the adaptation, thus reducing a large number of
- the problem of system stability caused by code changes has been affected; at the same time, the problem of stable risk brought about by the evolution of the container type to the existing GUI system is avoided, and the stability of the system is improved.
- the layout file includes, but is not limited to: a relationship description file for describing a relationship between a screen, an interface, a container, and a control.
- the layout file stored in the mobile device includes a relationship description file for describing a relationship between the screen, the interface, the container, and the control, so that the display state can be changed according to the layout.
- the file adjusts the layout of the UI to meet the requirements of interface adaptation.
- a personal computer Personal Computer (Personal Computer, PC for short) is used instead of the layout file generating device.
- the PC has a GUI system, a set of control libraries, and preferably, also includes: UI design tools.
- the process of generating a layout file is shown in Figure 4, including (S402-S412):
- the PC uses the container and the control stack to generate the designed UI. Preferably, it can be performed by the UI design tool in the PC.
- S406 Generate a corresponding preliminary layout file for each scenario according to the scenario where the simulated UI simulation resolution changes. For example, if there are two resolutions, a preliminary layout file at two resolutions is generated.
- the preliminary layout file may be a file in an XML format.
- the interface will adjust the new layout according to the new size.
- this automatic adjustment does not meet the user's needs
- save the new layout as a new XML format file.
- the position of the child controls in the linear layout container is determined by the order, alignment, and edge values of the child controls in the container.
- the position of the child controls in the relative layout container is determined by the layout parameters relative to the parent and other child controls.
- Each container has its own specific organization rules, and when the container size changes, the container adjusts the child control position size according to the organization rules. Since the container's organization rule code does not need to be run on the phone, the developer can choose the language to be developed according to his or her own characteristics and the base library. Among them, screens, interfaces, containers, control elements, and control properties are defined in the layout file. After designing the UI, the UI design tool generates a file in the corresponding XML format according to the defined format.
- S408 The container adaptively adjusts the preliminary layout file of the XML format according to the resolution.
- the adaptive adjustment of the preliminary layout file can be completed by the following steps: S1: The container issues a measurement request to the child control, preferably, in the preferred embodiment, a control other than the special control of the container Called a child control;
- S2 traversing the control layout tree from top to bottom, determining the width and height of each sub-layout and sub-control by measurement.
- the measurement process is performed based on the GUI system, and when the sub-control measures its own size, if the sub-control includes The text displays information, and it is also necessary to determine the sub-layout, the width and height of the child control based on the information of the text, and then calculate the position of the child control in the container.
- the child control needs to respect the calculation rule. If the size of the child control is specified by the user, the size needs to be observed; if the size of the child control is to fill the container, the child control needs to comply with this. a predetermined rule.
- S3 The container allocates the actual size of the child control and the position in the parent window based on the measured sub-layout, the width and height of the child control.
- the layout file in the form of a code may be a layout file in the form of a C code, but the present invention is not limited thereto, and may be a jvva format, a C++ format, or the like, which is not limited herein.
- the layout file in code form is an absolute layout and does not contain information about any container.
- the layout file in the form of a code can be generated by the following steps:
- S1 Find an XML parser or develop an XML parser, parse the preliminary layout file of the XML format by the XML parser;
- S2 call the measurement algorithm to measure the size and position of each control (absolute coordinate position);
- S3 The position and size of the output control is a layout file in the form of C code (absolute layout file).
- UI layout management provides functions such as creation, destruction, and interface size location update of the interface.
- the mobile device changes according to the The display state invokes a layout file in the form of code that is burned into the mobile device and adjusts the UI layout of the mobile device based on the file to create a new interface.
- the adaptive link of the container is placed on the mobile device side, for example, on the PC side, which reduces the time-consuming cost of container adaptation, and is more suitable for resource-constrained embedded devices.
- High stability providing a solution for the GUI that does not support the adaptive mechanism, can meet the adaptive requirements without modifying the existing GUI mechanism, and reduce the impact of system stability caused by a large number of code changes, It also avoids the risk to existing GUI systems due to the evolution of container types.
- the layout file generating device generates a UI description file for various resolutions or horizontal and vertical screens, the user can intervene or adjust the layout file in each case to achieve different resolutions or horizontal and vertical screens. In this case, the flexible changes of the UI are not limited to the adjustment rules of the container itself.
- the programming language is extensive, because the container and its adaptive mechanism are all placed on the PC side, and the PC side develops a variety of languages (such as java, C++, C), and does not limit the programming language required for embedding. Improve the adaptability of development.
- a general-purpose computing device which can be concentrated on a single computing device or distributed over a network composed of multiple computing devices.
- they may be implemented by program code executable by the computing device, such that they may be stored in the storage device by the computing device and, in some cases, may be different from the order herein.
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Telephone Function (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种UI布局自适应方法、移动设备以及布局生成设备,其中,该方法包括:当移动设备的显示状态发生变化时,从移动设备内部存储的布局文件中获取与变化后的显示状态对应的布局文件;根据获取的布局文件对设备的UI布局进行调整。本发明解决了现有技术中由于通过容器进行UI的自适应过程在设备内部动态进行而造成的设备配置要求高,自适应时间过长的技术问题,达到了减少自适应耗费的时间以及降低系统资源损耗的技术效果。
Description
UI布局自适应方法、 移动设备以及布局生成设备 技术领域 本发明涉及通信领域, 具体而言, 涉及一种用户界面(User Interface, 简称为 UI) 布局自适应方法、 移动设备以及布局生成设备。 背景技术 目前, 嵌入式系统, 特别是手机等手持设备的软件系统几乎都是采用复杂程度不 一的图形用户界面 (Graphical User Interface, 简称为 GUI) 系统作为各种业务的操作 接口或显示接口。 例如, Google的 android系统、 Nokia的 S60系统以及大唐的 arena 系统。 常用的几种开源手机 GUI系统有: GTK、 QT、 MINIGUI等。 所谓的 GUI是指采用图形方式显示的计算机操作用户界面, 与早期计算机使用的 命令行界面相比, 图形界面对于用户来说在视觉上更易于接受。 窗口系统就是一种图 形界面方式的系统, 它以窗口的方式对屏幕区域进行划分管理, 同时支持用户鼠标、 按键等外部输入设备对窗口进行操作, 例如, 窗口最小化、 销毁以及拖放等。 GUI系 统提供一套能与用户进行交互的控件, 比如按钮、 编辑框以及图片等, 并形成了事件 驱动机制, 方便开发人员应用基于控件以及这种事件驱动机制进行开发。 随着手机技术的快速发展, 很多手持设备都可以支持横屏和竖屏之间的切换, 用 户可以对 UI进行操作, 然而, 该 UI并不随着屏幕位置的颠倒而发生颠倒, 而是自动 调整界面布局, 使其更适合当前的屏幕分辨率。这种自适应往往需借助于容器的功能, 界面最外层往往是一种容器, 当界面尺寸变化时, 容器会根据这种尺寸的变化调整对 应子控件的尺寸和位置, 这种位置调整会蔓延到该界面的所有控件, 从而适应横竖屏 之间的切换。 控件是 GUI系统提供给开发用户的一种交互接口, 集显示和事件于一身, 既能显 示业务数据也能根据用户操作触发事件, 是 GUI系统重要组成部分。 容器是一种特殊 控件, 用来组织管理其他控件。 通过容器, 能形成以树状形式描述的 UI。 容器的种类 有若干种, 对于不同的 GUI系统, 其种类划分不尽相同。但对于不同的 GUI系统, 容 器都具有一种重要的功能: 组织安排子控件的空间位置。 当容器或子控件的尺寸发生 变化时, 容器会相应地调整子控件的位置和尺寸, 我们称其为控件尺寸的自适应机制。 目前, 很多 GUI解决 UI尺寸自适应都采用这种手段。
目前, 硬件配置较高的 GUI系统一般具有容器控件, 比如 Android系统和 GTK 系统, 而硬件配置较低的 GUI系统一般不具容器控件, 比如 MINIGUI系统, 这主要 因为容器的管理需要额外开销, 同时自适应过程的耗时比较长, 而这种开销往往是定 位低端配置的 GUI系统难以接受的。 针对上述的问题, 目前尚未提出有效的解决方案。 发明内容 本发明提供了一种 UI布局自适应方法、移动设备以及布局生成设备, 以至少解决 相关技术中由于通过容器进行 UI 的自适应过程在设备内部动态进行而造成的设备配 置要求高, 自适应时间过长的技术问题。 根据本发明的一个方面, 提供了一种 UI布局自适应方法, 包括: 当移动设备的显 示状态发生变化时, 从移动设备内部存储的布局文件中获取与变化后的显示状态对应 的布局文件; 根据获取的布局文件对设备的 UI布局进行调整。 优选地, 显示状态包括: 屏幕的分辨率和 /或横竖屏切换。 优选地,根据获取的布局文件对设备的 UI布局进行调整的步骤包括:根据与变化 后的显示状态对应的布局文件更新移动设备的 UI中控件的尺寸和位置。 优选地, 从移动设备内部已有的布局文件中获取与变化后的显示状态对应的布局 文件之前,该 UI布局自适应方法还包括:布局文件生成设备根据预定的显示状态变化 场景生成存储的布局文件; 布局文件生成设备将存储的布局文件下载到移动设备中。 优选地, 布局文件生成设备根据预定的显示状态变化场景生成存储的布局文件的 步骤包括: 布局文件生成设备在预定的显示状态变化场景中根据显示状态变化参数生 成格式为 XML的文件;布局文件生成设备对格式为 XML的文件进行解析获取显示状 态变化场景中各个控件的尺寸和位置; 布局文件生成设备将所获取到的各个控件的尺 寸和位置转换成代码; 布局文件生成设备对代码进行编译生成存储的布局文件。 优选地, 布局文件包括: 用于描述屏幕、 界面、 容器、 控件之间的关系的关系描 述文件。 根据本发明的另一方面, 提供了一种移动设备, 包括: 获取单元, 设置为在显示 状态发生变化时, 从移动设备内部存储的布局文件中获取与变化后的显示状态对应的 布局文件; 调整单元, 设置为根据获取的布局文件对 UI布局进行调整。
优选地, 该移动设备还包括: 存储设备, 设置为存储布局文件生成设备下载到移 动设备中的存储的布局文件。 根据本发明的又一方面, 提供了一种布局生成设备, 包括: 生成单元, 设置为根 据预定的显示状态变化场景生成存储在移动设备上的存储的布局文件; 下载单元, 设 置为将存储的布局文件下载到移动设备中。 优选地, 生成单元包括: 生成模块, 设置为在预定的显示状态变化场景中根据显 示状态变化参数生成格式为 XML的文件; 解析模块, 设置为对格式为 XML的文件进 行解析获取显示状 态变化场景中各个控件的尺寸和位置; 转化模块, 设置为将所获取到的各个控件 的尺寸和位置转换成代码; 编译模块, 设置为对代码进行编译生成存储的布局文件。 在本发明中, 移动设备内部存储有对应于显示状态发生变化的布局文件, 因此在 显示状态发生变化的时候可以直接调用布局文件实现布局的调整, 从而解决了现有技 术中由于通过容器进行 UI 的自适应过程在设备内部动态进行而造成的设备配置要求 高, 自适应时间过长的技术问题, 达到了减少自适应耗费的时间以及降低系统资源损 耗的技术效果。 附图说明 此处所说明的附图用来提供对本发明的进一步理解, 构成本申请的一部分, 本发 明的示意性实施例及其说明用于解释本发明, 并不构成对本发明的不当限定。 在附图 中: 图 1是根据本发明实施例的 UI布局自适应系统的一种优选结构框图; 图 2是根据本发明实施例的 UI布局自适应系统的另一种优选结构框图; 图 3根据本发明实施例的 UI布局自适应方法的一种优选流程图; 图 4根据本发明实施例的 UI布局自适应方法的另一种优选流程图。 具体实施方式 下文中将参考附图并结合实施例来详细说明本发明。 需要说明的是, 在不冲突的 情况下, 本申请中的实施例及实施例中的特征可以相互组合。
实施例 1 如图 1所示, 本发明提供了一种优选的 UI布局自适应系统 100, 该系统包括: 移 动设备 102以及布局生成设备 104。 其中, 布局生成设备 104包括: 生成单元 1042, 设置为根据预定的显示状态变化场景生成存储在移动设备上的存储的布局文件; 下载 单元 1044, 设置为将存储的布局文件下载到移动设备中。 移动设备 102包括: 获取单 元 1022, 设置为在显示状态发生变化时, 从移动设备内部存储的布局文件中获取与变 化后的显示状态对应的布局文件; 调整单元 1024, 设置为根据获取的布局文件对 UI 布局进行调整; 优选地, 移动设备 102还包括: 存储设备 1026, 设置为存储布局文件 生成设备下载到移动设备中的存储的布局文件。 在上述优选实施方式中, 移动设备内部存储有对应于显示状态发生变化的布局文 件, 因此在显示状态发生变化的时候可以直接调用布局文件实现布局的调整, 从而解 决了现有技术中由于通过容器进行 UI 的自适应过程在移动设备内部动态进行而造成 的设备配置要求高, 自适应时间过长的技术问题, 达到了减少自适应耗费的时间以及 降低系统资源损耗的技术效果。 进一步的, 在上述优选实施方式中, 通过在布局生成设备中生成对应于移动设备 的 UI布局文件,再将该布局文件下载到终端设备中,从而可以将容器的自适应环节放 在 PC侧进行, 减少容器自适应对移动设备带来的耗时和资源浪费的代价, 更适合资 源受限的嵌入式设备。 同时, 编程语言广泛, 由于容器以及其自适应机制可以放在 PC 侧进行, 而 PC侧开发语言多种 (比如 java、 C++、 C), 不局限于嵌入式所需的编程语 言, 提高了适应性。 优选地, 在本发明各个优选实施方式中, 显示状态可以包括但不限于: 屏幕的分 辨率和 /或横竖屏切换。 在上述优选实施方式中, 当移动设备的屏幕分辨率发生变化, 或者是屏幕由横屏切换为竖屏, 或者是由竖屏切换为横屏的时候都可以触发移动设备 获取自身存储的布局文件对 UI的布局进行调整, 从而实现 UI布局的自适应。 本发明还对调整单元 1024进行了改进,在本发明一个优选实施方式中,调整单元
1024根据与变化后的显示状态对应的布局文件更新移动设备的 UI中控件的尺寸和位 置。 在上述优选实施方式中, 当显示状态发生变化时, 根据移动终端中存储的布局文 件对移动终端 UI中的控件的尺寸和位置进行更新,移动设备自身并不需要进行容器的 自适应环节就可以达到对 UI的自适应过程,减少了容器自适应带来的移动设备的资源 损耗, 也减少了自适应过程的耗时。
本发明还对生成单元 1042进行了改进,以便达到生成移动设备每种状态下都适应 且可以随时调用的布局文件。 为了实现上述目的, 具体的, 在本发明各个优选的实施 例的基础上, 如图 2所示, 生成单元 1042包括: 生成模块 202, 设置为在预定的显示 状态变化场景中根据显示状态变化参数生成格式为可扩展标记语言 (Extensible Markup Language, 简称为 XML) 的文件; 解析模块 204, 设置为对格式为 XML的文 件进行解析获取显示状态变化场景中各个控件的尺寸和位置; 转化模块 206, 设置为 将所获取到的各个控件的尺寸和位置转换成代码; 编译模块 208, 设置为对代码进行 编译生成存储的布局文件。 在上述优选实施方式中, 通过在布局文件中预先指定好移动设备的显示状态, 从 而生成每种状态下对应的 XML格式的文件,再对 XML格式的文件中各个控件的位置 大小进行测量, 从而生成可以直接下载到移动设备中并能为移动设备直接应用的布局 文件,给不支持自适应机制的 GUI提供了一套解决方案,不需修改现有 GUI机制以满 足自适应, 这样减少了大量代码变更而导致的系统稳定收到影响的问题; 同时也避免 了因为容器种类演化而对现有的 GUI系统带来的稳定风险的问题,提高了系统稳定性。 在本发明各个优选实施方式中, 布局文件包括但不限于: 用于描述屏幕、 界面、 容器、 控件之间的关系的关系描述文件。 在上述优选实施方式中, 通过移动设备中存 储的布局文件包括, 用于描述屏幕、 界面、 容器、 控件之间的关系的关系描述文件, 从而使得在显示状态发生变化的时候可以根据该布局文件对 UI的布局进行调整,满足 界面自适应的要求。 值得注意的是, 本发明不仅保护 UI布局自适应系统 100, 还单独保护上述的移动 设备 102以及布局生成设备 104, 其各自的组成结构以及工作步骤均如上, 在此不再 赘述。 实施例 2 基于图 1-2所示的优选的 UI布局自适应系统, 本发明还提供了一种优选的 UI布 局自适应方法, 如图 3所示, 该方法具体步骤包括 S302和 S304。
S302: 当移动设备的显示状态发生变化时, 从移动设备内部存储的布局文件中获 取与变化后的显示状态对应的布局文件。
S304: 根据获取的布局文件对设备的 UI布局进行调整。
在上述优选实施方式中, 移动设备内部存储有对应于显示状态发生变化的布局文 件, 因此在显示状态发生变化的时候可以直接调用布局文件实现布局的调整, 从而解 决了现有技术中由于通过容器进行 UI 的自适应过程在设备内部动态进行而造成的设 备配置要求高, 自适应时间过长的技术问题, 达到了减少自适应耗费的时间以及降低 系统资源损耗的技术效果。 优选地, 在本发明各个优选实施方式中, 显示状态可以包括但不限于: 屏幕的分 辨率和 /或横竖屏切换。 在上述优选实施方式中, 当移动设备的屏幕分辨率发生变化, 或者是屏幕由横屏切换为竖屏, 或者是由竖屏切换为横屏的时候都可以触发移动设备 获取自身存储的布局文件对 UI的布局进行调整, 从而实现 UI布局的自适应。 本发明还提供了一种优选的根据获取的布局文件对设备的 UI布局进行调整的步 骤包括:根据与变化后的显示状态对应的布局文件更新移动设备的 UI中控件的尺寸和 位置。 在上述优选实施方式中, 当显示状态发生变化时, 根据移动终端中存储的布局 文件对移动终端 UI中的控件的尺寸和位置进行更新,移动设备自身并不需要进行容器 的自适应环节就可以达到对 UI的自适应过程,减少了容器自适应带来的移动设备的资 源损耗, 也减少了自适应过程的耗时。 本发明还对移动设备内部存储的布局文件的生成方法进行了改进, 以便达到在独 立于移动设备的布局文件生成设备生成对应的布局文件技术效果。为了实现上述目的, 具体地, 在本发明各个优选的实施例的基础上, 从移动设备内部已有的布局文件中获 取与变化后的显示状态对应的布局文件之前, UI布局自适应方法还包括: 布局文件生 成设备根据预定的显示状态变化场景生成存储的布局文件; 布局文件生成设备将存储 的布局文件下载到移动设备中。 在上述优选实施方式中, 通过在布局生成设备中生成 对应于移动设备的 UI布局文件,再将该布局文件下载到终端设备中,从而可以将容器 的自适应环节放在 PC侧进行, 减少容器自适应对移动设备带来的耗时和资源浪费的 代价, 更适合资源受限的嵌入式设备。 同时, 编程语言广泛, 由于容器以及其自适应 机制可以放在 PC侧进行, 而 PC侧开发语言可以有多种 (比如 java、 C++、 C), 不局限 于嵌入式所需的编程语言, 提高了适应性。 本发明还对布局文件生成设备根据预定的显示状态变化场景生成存储的布局文件 的步骤进行了改进, 以便达到生成移动设备每种状态下都适应且可以随时调用的布局 文件。 为了实现上述目的, 具体的, 布局文件生成设备根据预定的显示状态变化场景 生成存储的布局文件的步骤包括: 布局文件生成设备在预定的显示状态变化场景中根 据显示状态变化参数生成格式为 XML 的文件; 布局文件生成设备对格式为可扩展标 记语言(Extensible Markup Language, 简称为 XML) 的文件进行解析获取显示状态变
化场景中各个控件的尺寸和位置; 布局文件生成设备将所获取到的各个控件的尺寸和 位置转换成代码; 布局文件生成设备对代码进行编译生成存储的布局文件。 在上述优选实施方式中, 通过在布局文件中预先指定好移动设备的显示状态, 从 而生成每种状态下对应的 XML格式的文件,再对 XML格式的文件中各个控件的位置 大小进行测量, 从而生成可以直接下载到移动设备中并能为移动设备直接应用的布局 文件,给不支持自适应机制的 GUI提供了一套解决方案,不需修改现有 GUI机制以满 足自适应, 这样减少了大量代码变更而导致的系统稳定收到影响的问题; 同时也避免 了因为容器种类演化而对现有的 GUI系统带来的稳定风险的问题,提高了系统稳定性。 在本发明各个优选实施方式中, 布局文件包括但不限于: 用于描述屏幕、 界面、 容器、 控件之间的关系的关系描述文件。 在上述优选实施方式中, 通过移动设备中存 储的布局文件包括, 用于描述屏幕、 界面、 容器、 控件之间的关系的关系描述文件, 从而使得,在显示状态发生变化的时候可以根据该布局文件对 UI的布局进行调整,满 足界面自适应的要求。 实施例 3 本发明提供了一种优选的实施例来进一步对本发明进行解释,但是值得注意的是, 该优选实施例只是为了更好的描述本发明, 并不构成对本发明不当的限定。 在本优选实施例中, 以个人电脑 (Personal Computer, 简称为 PC) 代替布局文件 生成设备进行说明, 该 PC具有一个 GUI系统, 一套控件库, 优选地, 还可以包括: UI设计工具。 生成布局文件的过程如图 4所示, 包括 (S402-S412):
S402: PC中的 UI设计工具设计 UI。
S404: PC使用容器和控件堆积产生设计出的 UI, 优选地, 可以通过 PC中的 UI 设计工具进行。
S406: 根据堆积出的 UI模拟分辨率发生变化的情景, 对每种情景都生成一份对 应的初步布局文件。 例如, 存在两种分辨率, 则生成两种分辨率下的初步布局文件。 优选地, 该初步 布局文件可以是 XML格式的文件。 基于 UI设计工具, 改变屏幕分辨率或改变界面尺 寸, 界面会根据新的尺寸调整出新的布局。 优选地, 当这种自动调整不满足用户需求
时, 用户可以手动调整 UI布局, 保存新的布局为一份新的 XML格式的文件。 这样在 不同分辨率下, 都对应一个 XML格式的文件, 即一个分辨率或者一种显示状态对应 一个界面布局。 在实际应用中, 常用的由三种类型的布局容器, 分别是: 绝对布局容器、 线性布 局容器以及相对布局容器。 各个容器的主要差异在于确定子控件位置的方式, 这三种 类型的容器确定子控件位置的方式如下:
1 )绝对布局容器中子控件的位置需明确指定,是相对于界面左上角的绝对坐标位 置。
2)线性布局容器中子控件的位置是由子控件在容器中的顺序、对齐方式以及边缘 值确定的。
3 ) 相对布局容器中子控件的位置由相对于父控件和其他子控件的布局参数确定 的。 每种容器具有自己特定的组织规则, 当容器尺寸发生变化时, 容器根据组织规则 调整子控件位置尺寸。 由于该容器的组织规则代码不需运行在手机上, 开发者可以根 据自己特长、 基础库的情况选择开发所用的语言。 其中, 布局文件中定义了屏幕、 界 面、 容器、 控件元素以及控件属性。 UI设计工具在设计 UI后, 按照定义的格式生成 对应的 XML格式的文件。
S408: 容器根据分辨率对 XML格式的初步布局文件进行自适应的调整。 优选地, 可以通过以下步骤完成对初步布局文件进行自适应的调整: S1 : 容器向子控件发出测量请求, 优选地, 在本优选实施例中, 将除了容器这种 特殊的控件以外的其它控件称为子控件;
S2: 自上而下遍历控件布局树, 通过测量确定每个子布局、子控件的宽度和高度, 优选地, 测量过程是基于 GUI系统进行的, 在子控件测量自身尺寸时, 如果子控件中 包含文本显示信息, 还需要根据文本的信息确定子布局、 子控件的宽度和高度, 然后 再计算子控件在容器中的位置。 优选地, 在测量过程中, 子控件需要尊重计算的规则, 如果子控件的尺寸是用户 指定的, 则需要遵守这种尺寸; 如果子控件的尺寸是为了填充容器的, 则子控件需要 遵守这种预定的规则。
S3: 容器根据测量得到的子布局、 子控件的宽度和高度分配子控件实际大小和以 及在父窗口中的位置。
S410: 解析 XML格式的初步布局文件, 生成代码形式的布局文件。 优选地, 该 代码形式的布局文件可以是 C代码形式的布局文件, 但是本发明不限于此, 还可以为 jvva格式、 C++格式等, 在此不做限定。 代码形式的布局文件是绝对布局, 不包含任 何容器的信息。 优选地, 可以通过如下步骤生成代码形式的布局文件:
S1 : 寻找一个 XML解析器或者是开发一个 XML解析器, 通过该 XML解析器解 析上述的 XML格式的初步布局文件; S2: 调用测量算法测量出每个控件的尺寸和位置 (绝对坐标位置);
S3: 输出控件的位置和尺寸成 C代码形式的布局文件 (绝对布局文件)。
S412: 解析完成之后, 将 C代码形式的布局文件进行交叉编译, 然后将其连接烧 制到移动设备中。 优选地, 在本发明各个优选实施方式中, UI布局管理提供界面的创建、 销毁以及 界面尺寸位置更新等功能。 移动设备在实际应用中, 创建了界面以后, 当当前的屏幕由横屏变为竖屏、 或者 由竖屏切换到横屏、 或者是屏幕的分辨率发生变化的时候, 移动设备根据变化后的显 示状态调用烧制到移动设备中的代码形式的布局文件, 并根据该文件对移动设备的 UI 布局进行调整, 从而创建新的界面。 例如, 当移动设备从竖屏切换到横屏的时候, 获 取横屏对应的 UI布局的 C代码形式的布局文件, 通过该文件更新竖屏界面中各个控 件的位置和尺寸, 从而完成 UI布局界面的调整, 使得此时的 UI布局适应当前显示的 需求。 从以上的描述中, 可以看出, 本发明实现了如下技术效果:
1 ) 性能高, 将容器的自适应环节放在异于移动设备侧进行, 例如在 PC侧进行, 减少了容器自适应带来的耗时的代价, 更适合资源受限的嵌入式设备。
2) 稳定性高, 给不支持自适应机制的 GUI提供了一套解决方案, 不需修改现有 GUI机制就可以满足自适应的需求,减少了大量代码变更导致的系统稳定受到的影响, 同时也避免了因为容器种类演化而对现有的 GUI系统造成的风险。
3 ) 因为布局文件生成设备对各种分辨率情况下或横竖屏情况下都生成一份 UI描 述文件, 因此用户可以干预或调整每种情况下的布局文件, 从而能达到不同分辨率或 横竖屏情况下, UI的灵活变化, 而不局限于容器自身的调整规则。
4) 编程语言广泛, 由于将容器以及其自适应机制都放在 PC侧进行, 而且 PC侧 开发语言种类比较多 (比如 java、 C++、 C), 而不局限嵌入式所需的编程语言, 从而提 高了开发的适应性。 显然, 本领域的技术人员应该明白, 上述的本发明的各模块或各步骤可以用通用 的计算装置来实现, 它们可以集中在单个的计算装置上, 或者分布在多个计算装置所 组成的网络上, 可选地, 它们可以用计算装置可执行的程序代码来实现, 从而, 可以 将它们存储在存储装置中由计算装置来执行, 并且在某些情况下, 可以以不同于此处 的顺序执行所示出或描述的步骤, 或者将它们分别制作成各个集成电路模块, 或者将 它们中的多个模块或步骤制作成单个集成电路模块来实现。 这样, 本发明不限制于任 何特定的硬件和软件结合。 以上所述仅为本发明的优选实施例而已, 并不用于限制本发明, 对于本领域的技 术人员来说, 本发明可以有各种更改和变化。 凡在本发明的精神和原则之内, 所作的 任何修改、 等同替换、 改进等, 均应包含在本发明的保护范围之内。
Claims
1. 一种用户界面 UI布局自适应方法, 包括: 当移动设备的显示状态发生变化时, 从所述移动设备内部存储的布局文件 中获取与变化后的显示状态对应的布局文件;
根据获取的所述布局文件对所述设备的 UI布局进行调整。
2. 根据权利要求 1所述的方法, 其中, 所述显示状态包括: 屏幕的分辨率和 /或横 竖屏切换。
3. 根据权利要求 1所述的方法, 其中, 根据获取的所述布局文件对所述设备的 UI 布局进行调整的步骤包括:
根据所述与变化后的显示状态对应的布局文件更新所述移动设备的 UI 中 控件的尺寸和位置。
4. 根据权利要求 1所述的方法, 其中, 从所述移动设备内部已有的布局文件中获 取与变化后的显示状态对应的布局文件之前, 还包括:
布局文件生成设备根据预定的显示状态变化场景生成所述存储的布局文 件;
所述布局文件生成设备将所述存储的布局文件下载到所述移动设备中。
5. 根据权利要求 4所述的方法, 其中, 布局文件生成设备根据预定的显示状态变 化场景生成所述存储的布局文件的步骤包括:
所述布局文件生成设备在预定的显示状态变化场景中根据显示状态变化参 数生成格式为 XML的文件;
所述布局文件生成设备对所述格式为 XML的文件进行解析获取显示状态 变化场景中各个控件的尺寸和位置;
所述布局文件生成设备将所获取到的各个控件的尺寸和位置转换成代码; 所述布局文件生成设备对所述代码进行编译生成所述存储的布局文件。
6. 根据权利要求 1-5中任一项所述的方法, 其中, 所述布局文件包括: 用于描述 屏幕、 界面、 容器、 控件之间的关系的关系描述文件。
一种移动设备, 包括:
获取单元, 设置为在显示状态发生变化时, 从所述移动设备内部存储的布 局文件中获取与变化后的显示状态对应的布局文件;
调整单元, 设置为根据获取的所述布局文件对用户界面 UI布局进行调整。 根据权利要求 7所述的移动设备, 其中, 还包括: 存储设备, 设置为存储布局文件生成设备下载到所述移动设备中的所述存 储的布局文件。 一种布局生成设备, 包括:
生成单元, 设置为根据预定的显示状态变化场景生成存储在移动设备上的 存储的布局文件;
下载单元, 设置为将所述存储的布局文件下载到所述移动设备中。 根据权利要求 9所述的布局生成设备, 其中, 所述生成单元包括: 生成模块, 设置为在预定的显示状态变化场景中根据显示状态变化参数生 成格式为 XML的文件;
解析模块, 设置为对所述格式为 XML的文件进行解析获取显示状态变化 场景中各个控件的尺寸和位置;
转化模块, 设置为将所获取到的各个控件的尺寸和位置转换成代码; 编译模块, 设置为对所述代码进行编译生成所述存储的布局文件。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110416395XA CN103164197A (zh) | 2011-12-14 | 2011-12-14 | Ui布局自适应方法、移动设备以及布局生成设备 |
CN201110416395.X | 2011-12-14 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2013086903A1 true WO2013086903A1 (zh) | 2013-06-20 |
Family
ID=48587322
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2012/083510 WO2013086903A1 (zh) | 2011-12-14 | 2012-10-25 | Ui布局自适应方法、移动设备以及布局生成设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN103164197A (zh) |
WO (1) | WO2013086903A1 (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI509510B (zh) * | 2014-09-03 | 2015-11-21 | ||
US9710889B2 (en) | 2013-09-13 | 2017-07-18 | Hewlett-Packard Development Company, L.P. | Screen orientation |
WO2022228405A1 (zh) * | 2021-04-25 | 2022-11-03 | 北京字跳网络技术有限公司 | 信息交互方法、装置和电子设备 |
Families Citing this family (34)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103336691B (zh) * | 2013-06-29 | 2016-08-10 | 安科智慧城市技术(中国)有限公司 | 一种基于Android的动态布局方法及系统 |
CN104423931B (zh) * | 2013-08-20 | 2017-12-22 | 北大方正集团有限公司 | 用于横屏和竖屏显示的共用资源的生成方法和系统 |
CN103488403B (zh) * | 2013-08-30 | 2018-02-02 | 小米科技有限责任公司 | 界面布局切换方法、装置和移动终端 |
CN103530117A (zh) * | 2013-09-30 | 2014-01-22 | 山西云途信息技术有限公司 | 一种适配移动终端不同尺寸屏幕的方法及装置 |
CN104571979B (zh) * | 2013-10-09 | 2018-12-11 | 腾讯科技(深圳)有限公司 | 一种实现分屏视图的方法和装置 |
CN104639969A (zh) * | 2013-11-12 | 2015-05-20 | 中兴通讯股份有限公司 | 一种页面全屏显示方法和装置 |
CN103823620B (zh) * | 2014-03-04 | 2017-01-25 | 飞天诚信科技股份有限公司 | 一种屏幕适配的方法和装置 |
CN103914223B (zh) * | 2014-03-21 | 2018-02-09 | 海尔集团公司 | 终端应用界面的生成方法及装置 |
CN105094774A (zh) * | 2014-05-13 | 2015-11-25 | 大唐软件技术股份有限公司 | 一种终端系统界面的展示方法和装置 |
CN104267934B (zh) * | 2014-09-10 | 2017-12-29 | 北京金山安全软件有限公司 | 信息的展现方法、装置和移动终端 |
CN105573773A (zh) * | 2014-10-17 | 2016-05-11 | Tcl集团股份有限公司 | 一种布局用户界面的方法、装置和系统 |
CN104699376A (zh) * | 2015-04-03 | 2015-06-10 | 上海航天测控通信研究所 | 控件自动布局方法 |
CN106325647B (zh) * | 2015-06-17 | 2019-10-18 | 华为技术有限公司 | 一种ui调整方法、装置和移动终端 |
CN105373385A (zh) * | 2015-11-23 | 2016-03-02 | 四川长虹电器股份有限公司 | 一种Android应用多分辨率UI界面适配脚本化开发方法 |
CN105373406B (zh) * | 2015-12-03 | 2019-11-12 | Tcl集团股份有限公司 | 基于Android平台的应用布局动态切换方法及系统 |
CN105573764B (zh) * | 2015-12-24 | 2019-03-22 | 北京大学 | 一种面向智能手表的Android应用重构方法 |
CN105718289B (zh) * | 2016-01-21 | 2020-12-29 | 腾讯科技(深圳)有限公司 | 一种组件关系建立方法及其设备 |
CN106020810A (zh) * | 2016-05-13 | 2016-10-12 | 乐视控股(北京)有限公司 | 显示栏目自适应切换方法及装置 |
CN106095170B (zh) * | 2016-06-02 | 2019-07-09 | 深圳创维-Rgb电子有限公司 | 一种osd触发区域偏移校正方法及系统 |
CN108243487A (zh) * | 2016-12-26 | 2018-07-03 | 深圳鼎智通讯股份有限公司 | 带有oled屏的省电智能手机及其省电方法 |
CN107045682A (zh) * | 2017-03-23 | 2017-08-15 | 努比亚技术有限公司 | 移动终端及指纹支付方法 |
CN107229398A (zh) * | 2017-04-27 | 2017-10-03 | 广州慧扬健康科技有限公司 | 电子病历表单控件联动系统 |
CN108121584A (zh) * | 2017-12-20 | 2018-06-05 | 北京酷我科技有限公司 | 一种从右到左显示的方法 |
CN108073438B (zh) * | 2018-01-02 | 2020-05-12 | 武汉斗鱼网络科技有限公司 | 页面展示方法、装置及电子终端 |
CN110007915B (zh) * | 2018-01-04 | 2022-11-11 | 武汉斗鱼网络科技有限公司 | 一种自适应子控件的线性布局方法及装置 |
CN109189532B (zh) * | 2018-08-28 | 2021-05-11 | 广州视源电子科技股份有限公司 | 电子白板的控件栏显示方法、装置、设备及存储介质 |
CN109710121B (zh) * | 2019-01-10 | 2020-07-03 | 环球雅途集团有限公司 | 一种自适应屏幕尺寸的排版显示方法 |
CN112015309B (zh) * | 2019-05-31 | 2022-05-13 | 北京字节跳动网络技术有限公司 | 显示切换方法、装置及移动终端 |
CN114077429A (zh) * | 2020-08-18 | 2022-02-22 | 华为技术有限公司 | 一种显示界面的布局方法及电子设备 |
CN114327701A (zh) * | 2020-09-29 | 2022-04-12 | 华为技术有限公司 | 一种应用界面的布局方法及电子设备 |
CN114840290B (zh) * | 2022-04-12 | 2022-09-23 | 北京麟卓信息科技有限公司 | 一种竖屏安卓应用适配pc显示器的方法 |
CN115080140A (zh) * | 2022-04-26 | 2022-09-20 | 网易(杭州)网络有限公司 | 显示控制方法、装置和电子设备 |
CN114647478B (zh) * | 2022-05-23 | 2022-09-13 | 武汉中科通达高新技术股份有限公司 | 数据看板生成方法、装置、计算机设备及存储介质 |
CN115048172A (zh) * | 2022-06-17 | 2022-09-13 | 北京奇艺世纪科技有限公司 | 一种页面适配方法、装置、电子设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1614557A (zh) * | 2003-11-04 | 2005-05-11 | 西门子公司 | 用于动态生成用户界面的方法和系统 |
US20070130523A1 (en) * | 2005-12-01 | 2007-06-07 | Tai-Yeon Ku | User interface automatic transform system and method based on display device |
CN101238427A (zh) * | 2005-08-02 | 2008-08-06 | 索尼株式会社 | 基于网络的图形用户界面的动态大小调整的系统和方法 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101645006B (zh) * | 2009-08-25 | 2012-01-25 | 山东中创软件商用中间件股份有限公司 | 一种Eclipse的属性页的动态生成方法及装置 |
-
2011
- 2011-12-14 CN CN201110416395XA patent/CN103164197A/zh active Pending
-
2012
- 2012-10-25 WO PCT/CN2012/083510 patent/WO2013086903A1/zh active Application Filing
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1614557A (zh) * | 2003-11-04 | 2005-05-11 | 西门子公司 | 用于动态生成用户界面的方法和系统 |
CN101238427A (zh) * | 2005-08-02 | 2008-08-06 | 索尼株式会社 | 基于网络的图形用户界面的动态大小调整的系统和方法 |
US20070130523A1 (en) * | 2005-12-01 | 2007-06-07 | Tai-Yeon Ku | User interface automatic transform system and method based on display device |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9710889B2 (en) | 2013-09-13 | 2017-07-18 | Hewlett-Packard Development Company, L.P. | Screen orientation |
TWI509510B (zh) * | 2014-09-03 | 2015-11-21 | ||
WO2022228405A1 (zh) * | 2021-04-25 | 2022-11-03 | 北京字跳网络技术有限公司 | 信息交互方法、装置和电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN103164197A (zh) | 2013-06-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2013086903A1 (zh) | Ui布局自适应方法、移动设备以及布局生成设备 | |
US11861334B2 (en) | Providing communication between a client system and a process-based software application | |
JP5165886B2 (ja) | コンポーネント化されたアプリケーション環境のための拡張可能なユーザ・インターフェース拡張方法、コンポーネント化されたアプリケーション環境データ処理システム、およびコンピュータ・プログラム | |
US7493594B2 (en) | System and method for designing component based applications | |
US11853820B2 (en) | Cross-process communication method, apparatus, and device | |
US20230359447A1 (en) | Display Interface Layout Method and Electronic Device | |
US10191733B2 (en) | Software change process orchestration in a runtime environment | |
US20110167403A1 (en) | Methods for platform-agnostic definitions and implementations of applications | |
US20070168936A1 (en) | Design-time architecture for self-contained patterns | |
EP3848798A1 (en) | Information processing method and apparatus, storage medium, and electronic device | |
CA2634839C (en) | Server for communicating with multi-mode devices using multi-mode applications | |
CN102495735A (zh) | web 端UI组件应用框架系统 | |
CN103544005A (zh) | 一种Android自定义控件的扩展开发方法及装置 | |
CA2468361A1 (en) | System and method of generating applications for mobile devices | |
US20080313594A1 (en) | System and method for creating multi-mode applications | |
TW201324351A (zh) | 行動裝置應用程式之轉換方法及可轉換行動裝置應用程式之行動裝置和系統 | |
CN111651219A (zh) | 一种多模块项目配置文件管理的方法及设备 | |
CN107632833A (zh) | 轻应用的生成方法、设备及电子设备 | |
US7543280B2 (en) | Converting and executing applications | |
CN109240733A (zh) | 一种基于安卓系统更新广告sdk的方法及终端 | |
JPWO2013175560A1 (ja) | 情報通信システム及び情報変換方法 | |
KR20140069525A (ko) | 통합개발환경을 이용한 ui 구현 방법 | |
CN106484452A (zh) | 一种软件平台的统一配置管理方法和装置 | |
CN113127000B (zh) | 应用程序组件的编译方法、装置、设备及存储介质 | |
CA2635172C (en) | Device for communicating in multiple modes using multi-mode applications |
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: 12858448 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: 12858448 Country of ref document: EP Kind code of ref document: A1 |