CN108628656A - Interface adaptation method, device, computer equipment and storage medium on ios device - Google Patents

Interface adaptation method, device, computer equipment and storage medium on ios device Download PDF

Info

Publication number
CN108628656A
CN108628656A CN201810435780.0A CN201810435780A CN108628656A CN 108628656 A CN108628656 A CN 108628656A CN 201810435780 A CN201810435780 A CN 201810435780A CN 108628656 A CN108628656 A CN 108628656A
Authority
CN
China
Prior art keywords
interface
adaptation
width
height
target
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
Application number
CN201810435780.0A
Other languages
Chinese (zh)
Inventor
梁承飞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ping An Puhui Enterprise Management Co Ltd
Original Assignee
Ping An Puhui Enterprise Management Co Ltd
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 Ping An Puhui Enterprise Management Co Ltd filed Critical Ping An Puhui Enterprise Management Co Ltd
Priority to CN201810435780.0A priority Critical patent/CN108628656A/en
Publication of CN108628656A publication Critical patent/CN108628656A/en
Pending legal-status Critical Current

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

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)
  • Controls And Circuits For Display Device (AREA)

Abstract

The invention discloses interface adaptation method, device, computer equipment and storage mediums on a kind of ios device.This method includes：Obtain the resolution ratio of ios device to be identified, including the first screen height and the first screen width, obtain the resolution ratio at the interfaces UI and benchmark ios device to be adapted to that are configured on benchmark ios device, the resolution ratio of benchmark ios device includes the second screen height and the second screen width, height fit scale is obtained based on the first screen height and the second screen height, and width fit scale is obtained based on the first screen width and the second screen width；The proportional difference for obtaining height fit scale and width fit scale, according to the judging result of proportional difference and preset difference value, the interfacial level and interface width at the interfaces UI to be adapted to are adjusted, and obtain the interfaces target UI；On ios device to be identified, it is adapted to the interfaces display target UI.This method is adapted to according to fit scale, has preferable adaptation effect.

Description

Method and device for interface adaptation on IOS (input/output system) equipment, computer equipment and storage medium
Technical Field
The invention relates to the technical field of computers, in particular to an interface adaptation method and device on IOS equipment, computer equipment and a storage medium.
Background
With the rapid development of the internet technology, the development and application of the mobile client becomes popular, particularly, the development and design of the IOS operating system, and with the increasing diversification of the screen size of the IOS device applying the IOS operating system, this also means that a developer of application development needs to develop multiple sets of UI interfaces for the same application to adapt to the screen sizes of different IOS devices, which undoubtedly increases the workload of the developer, consumes time and labor, and thus the interface adaptation on the IOS device becomes more and more important. In order to solve the problem of interface adaptation on the IOS device, currently, adaptation tools such as AutoLayout or Masonry are mostly used to implement interface adaptation, but the current adaptation tools have the minimum requirement limit on the IOS operating system (for example, the IOS operating system is required to be IOS6 at the minimum), and also need to set or write constraint conditions with high complexity, and once the constraint conditions are set, the reusability is not high, and the portability is not high. Moreover, with the continuous upgrade and update of the IOS device, since the aspect ratio remains unchanged, the adaptive tool (AutoLayout or Masonry) adapted to the interface of the IOS device performs geometric magnification adaptation on the icon, the picture and the font, and the definition is reduced.
Disclosure of Invention
The embodiment of the invention provides a method and a device for interface adaptation on IOS equipment, computer equipment and a storage medium, which are used for solving the problem of low adaptability of interface adaptation on the prior IOS equipment.
The embodiment of the invention provides an interface adaptation method on IOS equipment, which comprises the following steps:
the method comprises the steps of obtaining the resolution of an IOS device to be identified and the resolution of a reference IOS device, wherein the resolution of the IOS device to be identified comprises a first screen height and a first screen width;
acquiring a UI interface to be adapted and the resolution of a reference IOS device, wherein the UI interface to be adapted and the resolution of the reference IOS device are configured on the reference IOS device, the resolution of the reference IOS device comprises a second screen height and a second screen width, and the UI interface to be adapted comprises an interface height and an interface width;
acquiring a height adaptation proportion based on the first screen height and the second screen height, and acquiring a width adaptation proportion based on the first screen width and the second screen width;
acquiring a ratio difference value of the height adaptation proportion and the width adaptation proportion, judging whether the ratio difference value is larger than a preset difference value, and adjusting the interface height and the interface width of the UI interface to be adapted according to a judgment result to acquire a target UI interface;
and adaptively displaying the target UI on the IOS equipment to be identified.
An embodiment of the present invention provides an interface adaptation device on an IOS device, including:
the device comprises a resolution acquisition module, a resolution processing module and a resolution processing module, wherein the resolution acquisition module is used for acquiring the resolution of the IOS device to be identified, and the resolution of the IOS device to be identified comprises a first screen height and a first screen width;
the system comprises a to-be-adapted UI acquisition module, a reference IOS device and a to-be-adapted UI acquisition module, wherein the to-be-adapted UI acquisition module is used for acquiring a to-be-adapted UI configured on the reference IOS device and the resolution of the reference IOS device, the resolution of the reference IOS device comprises a second screen height and a second screen width, and the to-be-adapted UI comprises an interface height and an interface width;
the adaptive proportion obtaining module is used for obtaining a height adaptive proportion based on the first screen height and the second screen height and obtaining a width adaptive proportion based on the first screen width and the second screen width;
the target UI interface acquisition module is used for acquiring a ratio difference value of the height adaptation proportion and the width adaptation proportion, judging whether the ratio difference value is larger than a preset difference value or not, and adjusting the interface height and the interface width of the UI interface to be adapted according to a judgment result to acquire a target UI interface;
and the target UI interface adaptive display module is used for adaptively displaying the target UI interface on the IOS equipment to be identified.
The embodiment of the invention provides computer equipment, which comprises a memory, a processor and a computer program which is stored in the memory and can run on the processor, wherein the processor realizes the steps of the interface adaptation method on the IOS equipment when executing the computer program.
An embodiment of the present invention provides a computer-readable medium, where a computer program is stored, and when the computer program is executed by a processor, the steps of the interface adaptation method on the IOS device are implemented.
In the method, the apparatus, the computer device, and the storage medium for adapting the interface on the IOS device provided in the embodiments of the present invention, a corresponding width adaptation ratio and a corresponding height adaptation ratio are determined according to the resolution of the IOS device to be identified and the resolution of the reference IOS device, and are used as a basis for adjusting the adaptation. Then, acquiring a ratio difference value of the height adaptation ratio and the width adaptation ratio, judging whether the ratio difference value is larger than a preset difference value, adjusting the interface height and the interface width of the UI interface to be adapted according to a judgment result, acquiring a target UI interface, and facilitating reduction of the difference degree displayed by the UI interface on the IOS equipment to be identified; and finally, the target UI interface is adaptively displayed on the IOS equipment to be identified so that the target UI interface can be normally displayed on the IOS equipment to be identified, and a better display effect is achieved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the description of the embodiments of the present invention will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art that other drawings can be obtained according to these drawings without inventive labor.
FIG. 1 is a flow chart of a method for interface adaptation on an IOS device in accordance with an embodiment of the present invention;
FIG. 2 is another flowchart of a method for interface adaptation on an IOS device according to an embodiment of the present invention;
FIG. 3 is a flowchart of one embodiment of step S40 of FIG. 2;
FIG. 4 is a detailed diagram of the bitmap parameters of the picture according to the embodiment of the present invention;
FIG. 5 is a schematic diagram of an interface adaptation apparatus on an IOS device according to an embodiment of the present invention;
FIG. 6 is a schematic diagram of a computer device in an embodiment of the invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Fig. 1 shows a flowchart of an interface adaptation method on an IOS device in this embodiment. The method for interface adaptation on the IOS equipment is applied to equipment provided with an IOS operating system, and comprises but is not limited to mobile intelligent equipment of the IOS operating system such as an iPhone mobile phone, an iPod touch, an iPad, an Apple TV and the like. The method for adapting the interface on the IOS equipment is used for adjusting and adapting the UI interface of a certain application program installed on the IOS equipment, and simplifies the adaptation work of the UI interfaces on different IOS equipment on the premise of ensuring the normal display effect of the UI interface. As shown in fig. 1, the method for adapting an interface on an IOS device includes the following steps:
s10: the resolution of the IOS device to be identified is obtained, and the resolution of the IOS device to be identified comprises a first screen height and a first screen width.
The IOS (internet Operating System-Cisco, IOS for short, also written as IOS) and Cisco network configuration System are described in the specification. The IOS is a complex operating system optimized for internetworking, a software architecture separated from hardware, and can be dynamically upgraded to adapt to changing technologies (hardware and software) as network technologies continue to evolve. The IOS equipment to be identified refers to IOS equipment needing interface adaptation. An IOS device refers to a device that uses an IOS operating system.
Resolution is a screen parameter, including screen height and screen width. In a specific embodiment, the resolution may be obtained by a UI interface size obtaining tool, for example, the resolution of the IOS device screen to be identified may be obtained by [ [ UIScreen mainScreen ] boundaries ], and specifically, the screen width may be determined by [ UIScreen mainScreen ]. boundaries. The resolution of the IOS device to be identified includes: the IOS device recognition method comprises a first screen height and a first screen width, wherein the first screen height is the screen height of the IOS device to be recognized, and the first screen width is the screen width of the IOS device to be recognized.
S20: and acquiring the UI interface to be adapted and the resolution of the reference IOS device, wherein the UI interface to be adapted and the resolution of the reference IOS device are configured on the reference IOS device, the resolution of the reference IOS device comprises a second screen height and a second screen width, and the UI interface to be adapted comprises an interface height and an interface width.
The UI interface to be adapted is a UI interface which needs to be adaptively displayed on the IOS device to be identified. The UI interface (user interface) refers to a user interface, which is an interface for performing human-computer interaction. Wherein, the interface width and the interface height are basic parameters of the interface. These two basic parameters provide a radix of computation to the UI interface on the IOS device to be identified.
The reference IOS device is an IOS device used for configuring the UI interface to be adapted in advance. Because the UI interface to be adapted is configured on the reference IOS device, the two parameters of the interface height and the interface width of the UI interface to be adapted are respectively matched with the second screen height and the second screen width of the reference IOS device, so that the UI interface to be adapted can display the best display effect on the reference IOS device. The UI interface to be configured, which is configured in advance on the reference IOS device, can be used as the display effect standard of the UI interfaces on different IOS devices to be identified.
Similarly, the second screen height is a screen height of the reference IOS device and the second screen width is a screen width of the reference IOS device. Further, prior to determining the screen resolution, the definitions of the screen widths and the screen heights of an IOS device to be identified and a reference IOS device need to be unified to ensure that the size relationships of the screen widths and the screen heights of the IOS devices are consistent, i.e., to determine whether the IOS device is a landscape screen or a portrait screen. If the devices all default to a landscape screen, then the screen width is greater than the screen height, and if the devices default to a portrait screen, then the screen width is less than the screen height. For example, if the IOS device to be identified is Iphone6plus, default to portrait, the first screen width is less than the first screen height, then its corresponding resolution and first screen width and first screen height are 414x736, 414, 736, respectively.
S30: a height adaptation ratio is obtained based on the first screen height and the second screen height, and a width adaptation ratio is obtained based on the first screen width and the second screen width.
The height adaptation proportion refers to the ratio of the screen height of the IOS device to be identified to the screen height of the reference IOS device, and the width adaptation proportion refers to the ratio of the screen width of the IOS device to be identified to the screen width of the reference IOS device, and is used as a standard for performing interface adaptation adjustment on the IOS device to be identified. If the first screen height (namely the screen height of the IOS device to be identified) and the second screen height (namely the screen height of the reference IOS device) are respectively H1、H2Then highly adapting the ratio Kh＝H1/H2(ii) a If the first screen width (namely the screen width of the IOS device to be identified) and the second screen widthThe width of the screen (i.e., the width of the screen of the reference IOS device) is W1、W2Then the width is adapted to the ratio Kw＝W1/W2。
S40: and acquiring a ratio difference value of the height adaptation ratio and the width adaptation ratio, judging whether the ratio difference value is larger than a preset difference value, and adjusting the interface height and the interface width of the UI interface to be adapted according to the judgment result to acquire the target UI interface.
The target UI interface is the UI interface obtained after the interface height and the interface width of the UI interface to be adapted are adjusted according to the height adaptation proportion and the width adaptation proportion. The target UI interface is the UI interface for adjusting the UI interface to be adapted according to the height adaptation proportion and the width adaptation proportion. The preset difference value is a threshold value preset for the comparison example difference value, and is used for acquiring a judgment result by taking the preset threshold value as a judgment standard, wherein the judgment result comprises two conditions: the case where the difference in the ratio is greater than the preset difference and the case where the difference in the ratio is not greater than the preset difference. Specifically, after the interface width and the interface height of the UI interface to be adapted are obtained by calling an interface parameter obtaining tool, a judgment result of the difference between the ratio difference and a preset difference is obtained based on the ratio difference between the height adaptation ratio and the width adaptation ratio, and the height and the width of the UI interface to be adapted are adjusted according to the judgment result to obtain the target UI interface. The target UI interface can be adapted to the corresponding UI interface on the IOS equipment to be identified, and the method is simple and high in applicability.
S50: and adaptively displaying a target UI interface on the IOS equipment to be identified.
The acquired target UI is presented on the IOS equipment to be identified in a proper mode, so that the display differentiation degree of the UI on the IOS equipment to be identified is reduced, the target UI can be normally displayed on the IOS equipment to be identified, and the display effect is clear. Specifically, after the resolution of the IOS device to be identified is determined, the adaptation size of the IOS device to be identified is obtained, and the adaptation size refers to the size capable of adapting to the target UI interface on the IOS device to be identified. The adaptation size matches the resolution of the IOS device to be identified. Specifically, the interface may be presented on the screen of the IOS device to be identified in an adaptive size according to a specific application environment or hardware device by an appropriate manner.
It can be understood that, before executing step S40, the main window frame of the UI interface to be adapted needs to be acquired, a coordinate system is established, and by setting the coordinate system, it is ensured that the bitmap parameter adjustment is performed subsequently based on the same coordinate system, so that it is avoided that when the UI interface to be adapted is adapted, the adaptation effect is affected due to different coordinate systems. Specifically, if the created coordinate system is: taking the upper left corner of the screen as an original point, the right of the original point as the increasing direction of the x coordinate, and the downward of the original point as the increasing direction of the y coordinate, the coordinate area where the screen is located is [0 ], and the width of the screen is [0 ]]0 screen height]. Under the coordinate system, if the reference IOS device is iPhone5, the resolution is 568 × 320, the interface element on the reference IOS device is a button control, the bitmap parameter information is (362, 70, 150, 50), the first two parameters represent the coordinate position of the button control on the interface, the second two parameters represent the size of the button control, when the IOS device to be recognized is iPhone6plus, the resolution is 736 × 414, and the height adaptation ratio K is calculatedhTo 736/568, the width adaptation ratio Kw414/320, the position and size of the button control on the iPhone6plus of the bitmap parameter is transformed to (362 × 736/568, 70 × 414/320, 150 × 736/568, 50 × 414/320).
In this embodiment, only the interface width and the interface height mentioned in step S20 and the width adaptation ratio and the height adaptation ratio determined in step S30 need to be provided, so that the interface width and the interface height of the UI interface to be adapted on the IOS device to be identified can be adjusted, the accuracy of interface adjustment and adaptation is ensured, the target UI interface is obtained, and the target UI interface is adaptively displayed on the IOS device to be identified.
In this embodiment, the resolution of the IOS device to be identified may be obtained, where the resolution of the IOS device to be identified includes a first screen height and a first screen width. And then acquiring the UI interface to be adapted and the resolution of the reference IOS device, wherein the UI interface to be adapted comprises the interface height and the interface width, and the resolution of the reference IOS device comprises the second screen height and the second screen width. Acquiring a height adaptation proportion based on the first screen height and the second screen height, and acquiring a width adaptation proportion based on the first screen width and the second screen width; and then obtaining a judgment result of a ratio difference value of the height adaptation ratio and the width adaptation ratio and a preset difference value, adjusting the interface height and the interface width of the UI interface to be adapted based on the judgment result, and adjusting and adapting the UI interface to be adapted according to the adaptation ratio to keep the ratio between the IOS equipment to be identified and the reference IOS equipment as the standard for adjusting and adapting, so that the UI interface to be adapted can adapt to IOS equipment with different sizes, the display effect of the UI interface to be adapted is kept, and the UI interface to be adapted has wide adaptability.
In an embodiment, as shown in fig. 2, in step S40, that is, determining whether the difference in the ratios is greater than a preset difference, and adjusting the interface height and the interface width of the UI interface to be adapted according to the determination result to obtain the target UI interface, the method for adapting an interface on an IOS device includes the following steps:
s401, if the ratio difference is larger than a preset difference, acquiring a target adaptation ratio, and adjusting the interface height and the interface width of the UI to be adapted respectively by adopting the target adaptation ratio to acquire the target UI.
The ratio difference between the height adaptation ratio and the width adaptation ratio is a value obtained by subtracting the height adaptation ratio and the width adaptation ratio. It is easy to understand that, when the difference value is larger, the difference value between the ratio of the screen width and the height of the IOS device to be identified and the ratio of the screen width and the height of the reference IOS device is larger, which means that the difference value between the screens of the IOS device to be identified and the reference IOS device is larger, and if the difference value is directly adjusted according to the original width adaptation ratio and height adaptation ratio, a situation of display distortion may occur, and therefore, before the adaptation is performed based on the adaptation ratio, the difference value between the ratios of the width adaptation ratio and the height adaptation ratio needs to be calculated.
For example, if the preset difference is 0.5, a better adaptive display effect can be achieved. The target adaptation proportion refers to a proportion adapted to an interface on the IOS device to be identified. The interface height and the interface width of the UI interface to be adapted are adjusted based on the target adaptation proportion, so that the display effect of the acquired target UI interface on the IOS equipment to be identified can be ensured to the greatest extent.
The target adaptation proportion can be obtained by inquiring the comparison table, or the smaller one of the width adaptation proportion and the height adaptation proportion is selected as the target adaptation proportion. Namely, the process of obtaining the target adaptation ratio specifically includes the following two situations:
the first method comprises the steps of obtaining a first device type based on the resolution ratio of IOS devices to be identified, obtaining a second device type based on the resolution ratio of reference IOS devices, and inquiring a pre-configured adaptation ratio comparison table based on the first device type and the second device type to obtain a target adaptation ratio.
The system comprises a preset adaptation proportion comparison table, wherein the comparison table directly shows the adaptation proportion of the interface of one IOS device to the interface of another IOS device, is preset and is a data table for compromise processing when the difference between the width adaptation proportion and the height adaptation proportion is large. The fit proportion comparison table is used for determining a proper fit proportion. Easily understand, as the difference between the height adaptation proportion and the width adaptation proportion is closer to 0, and the height adaptation proportion or the width adaptation proportion is adopted to adapt to-be-adapted UI interfaces, the magnifying effect similar to a magnifying lens can be realized, and the good interface adaptation effect is realized. Only when the difference between the height adaptation ratio and the width adaptation ratio is large, the interface may be deformed, so that the problem can be well solved by adding a pre-configured adaptation ratio comparison table.
Secondly, a smaller value is selected as the target adaptation proportion compared with the sizes of the high-degree adaptation proportion and the width adaptation proportion.
Specifically, the value of the height adaptation ratio is compared with the value of the width adaptation ratio, and if the value of the height adaptation ratio is smaller than the value of the width adaptation ratio, the height adaptation ratio is used as the target adaptation ratio, otherwise, the width adaptation ratio is used as the target adaptation ratio. The smaller value of the height adaptation proportion and the width adaptation proportion is selected as the target adaptation proportion, so that the problem of incomplete display can be effectively solved. It is easy to understand that if the larger value of the two is selected as the target adaptation ratio, a phenomenon that the target UI interface cannot be completely displayed on the IOS device to be identified or a phenomenon that display distortion occurs may occur, so that the smaller value is selected as the target adaptation ratio to ensure the display effect of the target UI interface obtained after adaptation adjustment based on the target adaptation ratio.
In this embodiment, a first device type is obtained based on the resolution of the IOS device to be identified, a second device type is obtained based on the resolution of the reference IOS device, an adaptation ratio comparison table is preconfigured based on the first device type and the second device type, a target adaptation ratio is obtained, or the smaller of the width adaptation ratio and the height adaptation ratio is directly selected as the target adaptation ratio.
S402: and if the ratio difference is not larger than the preset difference, executing a step of adjusting the interface height and the interface width of the UI interface to be adapted respectively by adopting a height adaptation ratio and a width adaptation ratio to obtain a target UI interface.
When the difference between the height adaptation ratio and the width adaptation ratio is not greater than the preset difference, the adjustment adaptation is performed according to step S50. It is easy to understand that when the difference between the height adaptation ratio and the width adaptation ratio is not greater than the preset difference, which indicates that the difference between the height adaptation ratio and the width adaptation ratio is smaller, the height adaptation ratio and the width adaptation ratio are respectively used to adjust and adapt the UI interface width and the UI interface height, specifically, the interface width of the UI interface to be adapted on the reference IOS device is multiplied by the width adaptation ratioKwObtaining the interface width of the target UI interface, and multiplying the height of the UI interface to be adapted on the reference IOS equipment by the width adaptation proportion KhAnd obtaining the interface height of the target UI interface. The width adaptation proportion and the height adaptation proportion are respectively used as the adaptation standards for adjusting the interface width and the interface height, so that the interface width and the interface height can be conveniently and accurately adapted, and the display effect of the UI is further kept.
In the embodiment, the ratio difference between the height adaptation ratio and the width adaptation ratio is compared and analyzed, and the target adaptation ratio is adopted for adjustment adaptation under the condition that the ratio difference is larger than a preset difference; and if the difference value of the comparison proportion is smaller than the preset difference value, adapting by adopting the method in the step S50, taking the width adaptation proportion and the height adaptation proportion as the interface width and interface height adjustment adaptation standards respectively, comprehensively considering the sizes of the two adaptation proportions, and adjusting and adapting the size of the UI interface to be adapted according to the corresponding adaptation proportion, so that the interface can be adapted more accurately, and the flexibility and the globality of the interface adaptation method on the IOS device are embodied.
In an embodiment, as shown in fig. 3, after step S50, that is, after the step of adapting and displaying the target UI interface, the method for adapting an interface on an IOS device further includes the following steps:
s51: and acquiring bitmap parameters of each interface element configured on the target UI interface.
The interface elements refer to a series of elements which are included in the target UI and meet the user interaction requirements, such as icons, pictures, characters, UI controls and the like are interface elements, and the interface elements are different types of interface elements. The bitmap parameter refers to each data of the interface elements, is numerical information of each interface element, and mainly comprises two indexes: element position and/or element size.
S52: and acquiring a corresponding element adaptation rule according to the type of the interface element.
The element adaptation rule refers to a rule for adjusting bitmap parameters of an element to adapt to a UI interface. The interface elements are of various types, different types of interface elements have different bitmap parameters, and the adaptation rules of the interface elements are different. Element adaptation rules corresponding to different types of interface elements are configured in advance, and corresponding element adaptation rules are selected to adapt to-be-adapted UI interfaces according to the types of the interface elements, so that different interface elements can be comprehensively and efficiently adapted.
S53: and adjusting the bitmap parameters by adopting an element adaptation rule to obtain the adjusted bitmap parameters.
The bitmap parameters comprise element positions and/or element sizes, the bitmap parameters of the interface elements of the UI to be adapted are obtained, corresponding element adaptation rules are selected according to the types of the interface elements, the bitmap parameters of each interface element in the UI to be adapted are adapted, the adjusted bitmap parameters are obtained, and the bitmap parameters of each interface element in the target UI can be adapted.
S54: and acquiring the target element according to the adjusted bitmap parameter, and adaptively displaying the target element on the target UI interface.
And acquiring the adjusted bitmap parameters, configuring each interface element in the UI to be adapted according to the adjusted bitmap parameters, and acquiring the target element. The target element is an element obtained by adjusting an interface element in the UI interface to be adapted according to the element adaptation rule. The target element is displayed on the target UI interface, and can present the same or highly similar display effect as the interface element of the UI interface to be adapted.
In the embodiment, firstly, bitmap parameters of each interface element of a target UI are obtained, and corresponding element adaptation rules are determined according to the types of the interface elements; adjusting bitmap parameters of the interface elements by adopting the element adaptation rule so as to ensure that appropriate target elements are obtained when different types of interface elements are configured according to the adjusted bitmap parameters; then, the target element is displayed on the target UI interface, and the display effect which is the same as or highly similar to the interface element of the UI interface to be adapted can be presented.
In an embodiment, in step S52, that is, obtaining the corresponding element adaptation rule according to the type of the interface element, the method specifically includes the following steps:
s521: if the type of the interface element is a character interface element, acquiring a character adaptation rule corresponding to the character interface element, wherein the character adaptation rule comprises a character position adjustment rule and a character zooming rule, and the bitmap parameter of the character interface element comprises an element position and an element size.
Different types of interface elements have different bitmap parameters and different adaptation rules. For a text interface element with a text type, the bitmap parameters include two types, namely element position and element size. The element position refers to the position coordinates (x, y) of the text on the interface, the element size refers to the point size or the font size corresponding to the font of the text, and for example, the point size corresponding to the font of the text is 14.
The character adaptation rules refer to rules for adjusting and adapting the character interface elements, and include character position adjustment rules and character scaling rules. The text position adjustment rule is a rule for adjusting a position parameter of the text interface element, and the text scaling rule is a rule for adjusting an element size of the text interface element.
Specifically, the character position adjustment rule adjusts the position coordinates (x, y) of the characters on the interface by adopting an adaptation proportion, namely, the x coordinate is multiplied by the width adaptation proportion, and the y coordinate is multiplied by the height adaptation proportion, so that the adjusted position parameters can be determined. If under a determined coordinate system, the position coordinate of a text interface element is (20, 30), the width adaptation proportion is 1.2, the height adaptation proportion is 1.3, and the adapted position parameter is adjusted to be (24, 39) by adopting a text position adjustment rule. The character position adjusting rule ensures that the character interface elements can be normally displayed on the target UI interface, and the problem that the user feels poor in interface experience due to the fact that characters are displayed at the improper position of the interface when the size of the interface changes is avoided.
Specifically, the text scaling rule is: and multiplying the square of the word size or the pound value corresponding to the font of the character by the width adaptation ratio and then multiplying by the height adaptation ratio to obtain a numerical value, and then squaring the numerical value to obtain the numerical value serving as the UI interface type to be adapted as the word size corresponding to the character. For example, the font size is a, the width adaptation ratio is b, and the height adaptation ratio is c, then the font size d of the character to be adapted can be calculated according to the following formula:
the character scaling rule comprehensively considers the height adaptation proportion and the width adaptation proportion for carrying out compromise processing, namely, the character size square is multiplied by the width adaptation proportion, and the height adaptation proportion and the width adaptation proportion are multiplied at the same time, and then the square is developed, so that the character scaling rule is suitable for the situation that the difference between the width adaptation proportion and the height adaptation proportion is large. In this embodiment, the word size is adjusted according to the word scaling rule, so that the word interface element can show a better display effect on the target UI interface.
In this embodiment, the text scaling rule may further scale according to a pre-configured font size increasing/decreasing rule table. Specifically, the font size increasing and decreasing rule table is a rule comparison table set for font size based on width adaptation proportion or height adaptation proportion. When the height adaptation proportion or the width adaptation proportion is larger than 1, the font size of the character is increased, and the larger the adaptation proportion is, the more the font size is increased. When the height adaptation ratio or the width adaptation ratio is less than 1, the font size of the character is reduced, and the smaller the adaptation ratio, the more the font size is reduced. If the height adaptation ratio is 1.2, then the font size is increased by 0.5, the height adaptation ratio is 1.5 font size increased by 2, and the width adaptation ratio is 0.8 font size decreased by 0.5. The text scaling rule is suitable for the situation that the width adaptation ratio is closer to the height adaptation ratio.
Correspondingly, in S53, the method for adjusting bitmap parameters by using element adaptation rules to obtain adjusted bitmap parameters specifically includes the following steps:
s531: and adjusting the element position of the character interface element by adopting a character position adjusting rule to obtain an adjusted position element, and zooming the element size of the character interface element by adopting a character zooming rule to obtain the adjusted element size.
And adjusting the element position of the text interface element according to the text position adjusting rule, and adjusting the element size of the text interface element according to the text zooming rule to obtain the adjusted position element and element size, so that the position parameter and element size of the text interface element can be properly adjusted, and the target element can be normally displayed on the IOS equipment interface to be identified.
In this embodiment, a text adaptation rule of a text interface element with a text interface element type is provided, and includes a text position adjustment rule and a text scaling rule, the element size of the text interface element is adjusted by the text scaling rule, the position parameter of the text interface element is adjusted by the text position adjustment rule, and the adjusted element size and position parameter are obtained, so that the element size and position parameter of the text interface are appropriately adjusted, and the adjusted text interface element can be normally displayed on a target UI interface of the IOS device to be identified.
In an embodiment, in step S52, that is, obtaining the corresponding element adaptation rule according to the type of the interface element, the method specifically includes the following steps:
s522: if the type of the interface element is a picture interface element, obtaining a picture adaptation rule corresponding to the picture interface element, wherein the picture adaptation rule comprises a height adaptation proportion and a width adaptation proportion, and the bitmap parameter of the picture interface element comprises an upper margin, a lower margin, a left margin and a right margin of the picture interface element relative to a UI (user interface) to be adapted.
The picture adaptation rule refers to a rule for adapting a picture. As shown in fig. 4, the bitmap parameters of the picture interface element include four parameters, namely, an upper margin, a lower margin, a left margin and a right margin of the picture interface element relative to the UI interface to be adapted, where the upper margin refers to a distance from the top of the picture to the top of the interface, the lower margin refers to a distance from the bottom of the picture to the bottom of the interface, the upper margin refers to a distance from the left of the interface to the left of the picture, and the right margin refers to a distance from the right of the interface to the right of the picture.
Correspondingly, in S53, the method for adjusting bitmap parameters by using element adaptation rules to obtain adjusted bitmap parameters specifically includes the following steps:
s532: and adjusting the upper margin and the lower margin by adopting a height adaptation proportion, adjusting the left margin and the right margin by adopting a width adaptation proportion, and acquiring the adjusted upper margin, lower margin, left margin and right margin.
And adjusting the upper margin and the lower margin according to the height adaptation proportion, adjusting the left margin and the right margin according to the width adaptation proportion, and acquiring the adjusted upper margin, lower margin, left margin and right margin so that the bitmap parameters of the picture interface elements are properly adjusted and then normally displayed on the IOS equipment interface to be identified.
In this embodiment, a picture adaptation rule of a picture interface element of which the interface element type is a picture is given, and bitmap parameters of the picture interface element are adjusted according to the picture adaptation rule, so that the picture interface element is appropriately adjusted, and thus the picture interface element can be normally displayed on a UI of the IOS device to be identified.
In an embodiment, in step S52, that is, obtaining the corresponding element adaptation rule according to the type of the interface element, the method specifically includes the following steps:
s523: and if the type of the interface element is a point interface element, acquiring a point adaptation rule corresponding to the point interface element, wherein the bitmap parameter of the point interface element comprises an element position.
The point adaptation rule is a rule for adapting points. The bitmap parameters of a point interface element include the element position, which in this embodiment is the coordinate (x, y) of the pointing point.
Specifically, the point adaptation rule is: the value of the abscissa x of the point is adjusted by adopting a width adaptation proportion, and the value of the ordinate y of the point is adjusted by adopting a height adaptation proportion.
Correspondingly, in step S53, the element position and the element size are respectively adjusted by using an element adaptation rule, and the adjusted element position and element size are obtained, which specifically includes the following steps:
s533: and adjusting the element positions of the point interface elements by adopting a point adaptation rule to obtain the adjusted position elements.
And respectively adjusting the value of the abscissa x of the point interface element and the value of the ordinate y of the point interface element according to the width adaptation proportion and the height adaptation proportion, and acquiring the coordinates of the adjusted point interface element so as to properly adjust the position of the point interface element and further normally display the point interface element on the IOS equipment interface to be identified.
In this embodiment, a point adaptation rule of a point interface element with an interface element type of a point is given, and a bitmap parameter of the point interface element is adjusted by the point adaptation rule, so that the position of the point interface element is appropriately adjusted, and the point interface element can be normally displayed on the UI of the IOS device to be identified.
In this embodiment, the text adaptation rules are applied to the text, the picture adaptation rules are applied to the picture, and the point adaptation rules are applied to the point interface elements to perform adjustment adaptation, so that the obtained adjusted interface elements are beneficial to properly adjusting bitmap parameters of the interface elements, and then the bitmap parameters are normally displayed on the IOS device interface to be identified. By adopting corresponding adaptation rules for different types of interface elements, the method ensures that the different types of interface elements can be normally displayed on the IOS equipment to be identified, can better solve the problem that the same UI interface is adapted on different IOS equipment, achieves the same display effect, and well embodies the comprehensive integrity of the interface adaptation method on the IOS equipment.
It should be understood that, the sequence numbers of the steps in the foregoing embodiments do not imply an execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation to the implementation process of the embodiments of the present invention.
In an embodiment, an interface adaptation apparatus on an IOS device is provided, which corresponds to the interface adaptation method on the IOS device in the foregoing embodiment one to one, as shown in fig. 5, and includes a resolution obtaining module 10, a to-be-adapted UI interface obtaining module 20, a target UI interface obtaining module 30, an adaptation ratio obtaining module 40, and a target UI interface adaptation display module 50. The implementation functions of the resolution obtaining module 10, the UI interface to be adapted obtaining module 20, the target UI interface obtaining module 30, the adaptation proportion obtaining module 40, and the target UI interface adaptation display module 50 correspond to the steps corresponding to the interface adaptation method on the IOS device in the above embodiments one to one, and for avoiding redundancy, detailed descriptions are not needed in this embodiment.
The resolution obtaining module 10 is configured to obtain a resolution of the IOS device to be identified, where the resolution of the IOS device to be identified includes a first screen height and a first screen width.
And the to-be-adapted UI interface obtaining module 20 is configured to obtain the to-be-adapted UI interface configured on the reference IOS device and the resolution of the reference IOS device, where the resolution of the reference IOS device includes a second screen height and a second screen width, and the to-be-adapted UI interface includes an interface height and an interface width.
The adaptive proportion obtaining module 30 is configured to obtain a height adaptive proportion based on the first screen height and the second screen height, and obtain a width adaptive proportion based on the first screen width and the second screen width.
And the target UI interface acquisition module 40 is configured to acquire a ratio difference between the height adaptation ratio and the width adaptation ratio, judge whether the ratio difference is greater than a preset difference, and adjust the interface height and the interface width of the UI interface to be adapted according to the judgment result to acquire the target UI interface.
And the target UI interface adaptive display module 50 is used for adaptively displaying the target UI interface on the IOS device to be identified.
Preferably, the interface adapting apparatus on the IOS device further includes a first interface obtaining unit 401 and a second interface obtaining unit 402.
The first interface obtaining unit 401 is configured to obtain a target adaptation ratio if the ratio difference is greater than a preset difference, and adjust the interface height and the interface width of the UI interface to be adapted by using the target adaptation ratio, respectively, to obtain the target UI interface.
The second interface obtaining unit 402 is configured to, if the ratio difference is not greater than the preset difference, perform a step of adjusting the interface height and the interface width of the UI interface to be adapted by using the height adaptation ratio and the width adaptation ratio, respectively, to obtain a target UI interface.
Preferably, the first interface obtaining unit 401 includes a first adaptation ratio obtaining sub-unit 4011 or a second adaptation ratio obtaining sub-unit 4012.
The first adaptation ratio obtaining sub-unit 4011 is configured to obtain a first device type based on a resolution of the IOS device to be identified, obtain a second device type based on a resolution of the reference IOS device, and query a pre-configured adaptation ratio comparison table based on the first device type and the second device type to obtain a target adaptation ratio.
The second adaptation ratio obtaining sub-unit 4012 is configured to select a smaller value as the target adaptation ratio than the high-degree adaptation ratio and the width adaptation ratio.
Preferably, the UI interface to be adapted comprises at least one interface element.
The interface adaptation device on the IOS equipment further comprises a bitmap parameter obtaining sub-module 51, an element adaptation rule obtaining sub-module 52, a bitmap parameter adjusting sub-module 53, and a target element obtaining sub-module 54.
And the bitmap parameter obtaining sub-module 51 is configured to obtain a bitmap parameter of each interface element configured on the target UI interface.
And the element adaptation rule obtaining sub-module 52 is configured to obtain a corresponding element adaptation rule according to the type of the interface element.
The bitmap parameter adjusting submodule 53 adjusts the bitmap parameters by using the element adaptation rule, and obtains the adjusted bitmap parameters.
And the target element obtaining sub-module 54 is configured to obtain the target element according to the adjusted bitmap parameter, and adaptively display the target element on the target UI interface.
Preferably, the element adaptation rule obtaining sub-module 52 includes a text adaptation rule obtaining unit 721, configured to obtain a text adaptation rule corresponding to the text interface element if the type of the interface element is a text interface element, where the text adaptation rule includes a text position adjustment rule and a text scaling rule, and the bitmap parameter of the text interface element includes an element position and an element size.
Correspondingly, the bitmap parameter adjusting sub-module 53 includes a text bitmap parameter adjusting unit 531, configured to adjust the element position of the text interface element by using a text position adjusting rule, to obtain an adjusted position element, and to perform scaling processing on the element size of the text interface element by using a text scaling rule, to obtain an adjusted element size.
Preferably, the element adaptation rule obtaining unit 52 further includes a picture adaptation rule obtaining unit 522, configured to obtain, if the type of the interface element is a picture interface element, a picture adaptation rule corresponding to the picture interface element, where the picture adaptation rule includes a height adaptation proportion and a width adaptation proportion, and the bitmap parameter of the picture interface element includes an upper margin, a lower margin, a left margin, and a right margin of the picture interface element relative to the UI interface to be adapted.
Accordingly, the bitmap parameter adjusting sub-module 53 includes a picture bitmap parameter adjusting unit 532, which is configured to adjust the top margin and the bottom margin by using the height adaptation ratio, and adjust the left margin and the right margin by using the width adaptation ratio, so as to obtain the adjusted top margin, bottom margin, left margin and right margin.
Preferably, the element adaptation rule obtaining unit 52 further includes a point adaptation rule obtaining unit 523, configured to obtain a point adaptation rule corresponding to the point interface element if the type of the interface element is the point interface element, where the bitmap parameter of the point interface element includes an element position.
Correspondingly, the bitmap parameter adjusting sub-module 53 includes a dot bitmap parameter adjusting unit 533, which is configured to adjust the element positions of the dot interface elements by using a dot adaptation rule, and obtain adjusted position elements.
In an embodiment, a computer-readable storage medium is provided, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the method for adapting an interface on an IOS device in the foregoing embodiment is implemented, and for avoiding repetition, details are not described here again. Or, when being executed by the processor, the computer program implements the functions of each module/unit in the interface adaptation on the IOS device in the foregoing embodiments, and is not described here again to avoid repetition.
It is to be understood that the computer-readable storage medium may include: any entity or device capable of carrying a computer program, recording medium, U disk, removable hard disk, magnetic disk, optical disk, computer Memory, Read-only Memory (ROM), Random Access Memory (RAM), electrical carrier wave signals, telecommunications signals, and the like.
In an embodiment, a computer device is provided. As shown in fig. 6, the computer device 60 of this embodiment includes: a processor 61, a memory 62 and a computer program 63 stored in the memory 62 and executable on the processor 61. The steps of the interface adaptation method on the IOS device in the above-described embodiment, such as steps S10 to S50 shown in fig. 1, are implemented when the processor 61 executes the computer program 63. Alternatively, the processor 61 executes the computer program 63 to implement the functions of the modules/units of the interface adaptation apparatus on the IOS device in the above-described embodiments, such as the functions of the resolution obtaining module 10, the to-be-adapted UI interface obtaining module 20, the target UI interface obtaining module 30, the adaptation ratio obtaining module 40, and the target UI interface adaptation display module 50 shown in fig. 5.
The computer device 60 may be a desktop computer, a notebook, a palm top computer, a cloud server, and the like, and fig. 6 is only an example of the computer device in the embodiment, and may include more or less components as shown in fig. 6, or combine some components or different components. The memory 62 may be an internal storage unit of the computer device, such as a hard disk or a memory, or an external storage unit of the computer device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like. The computer program 63 comprises program code, which may be in the form of source code, object code, an executable file or some intermediate form, etc.
It will be apparent to those skilled in the art that, for convenience and brevity of description, only the above-mentioned division of the functional units and modules is illustrated, and in practical applications, the above-mentioned function distribution may be performed by different functional units and modules according to needs, that is, the internal structure of the apparatus is divided into different functional units or modules to perform all or part of the above-mentioned functions.
The above-mentioned embodiments are only used for illustrating the technical solutions of the present invention, and not for limiting the same; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; such modifications and substitutions do not substantially depart from the spirit and scope of the embodiments of the present invention, and are intended to be included within the scope of the present invention.

Claims (10)

1. An interface adaptation method on an IOS device, comprising:
the method comprises the steps of obtaining the resolution ratio of an IOS device to be identified, wherein the resolution ratio of the IOS device to be identified comprises a first screen height and a first screen width;
acquiring a UI interface to be adapted and the resolution of a reference IOS device, wherein the UI interface to be adapted and the resolution of the reference IOS device are configured on the reference IOS device, the resolution of the reference IOS device comprises a second screen height and a second screen width, and the UI interface to be adapted comprises an interface height and an interface width;
acquiring a height adaptation proportion based on the first screen height and the second screen height, and acquiring a width adaptation proportion based on the first screen width and the second screen width;
acquiring a ratio difference value of the height adaptation proportion and the width adaptation proportion, judging whether the ratio difference value is larger than a preset difference value, and adjusting the interface height and the interface width of the UI interface to be adapted according to a judgment result to acquire a target UI interface;
and adaptively displaying the target UI on the IOS equipment to be identified.
2. The method of claim 1, wherein the adjusting the interface height and the interface width of the UI interface to be adapted according to the determination result to obtain the target UI interface comprises:
if the ratio difference is larger than a preset difference, acquiring a target adaptation ratio, and adjusting the interface height and the interface width of the UI interface to be adapted respectively by adopting the target adaptation ratio to acquire a target UI interface;
and if the ratio difference is not larger than a preset difference, respectively adjusting the interface height and the interface width of the UI interface to be adapted by adopting the height adaptation ratio and the width adaptation ratio to obtain a target UI interface.
3. The method of claim 2, wherein the obtaining a target adaptation ratio comprises:
acquiring a first device type based on the resolution of the IOS device to be identified, acquiring a second device type based on the resolution of the reference IOS device, and inquiring a pre-configured adaptation ratio comparison table based on the first device type and the second device type to acquire the target adaptation ratio; or,
and comparing the height adaptation proportion with the width adaptation proportion, and selecting a smaller value as a target adaptation proportion.
4. The method of interface adaptation on an IOS device of claim 1, wherein the UI interface to be adapted comprises at least one interface element;
after the step of adaptively displaying the target UI interface, the method for adapting an interface on an IOS device further comprises:
acquiring bitmap parameters of each interface element configured on the target UI interface;
acquiring a corresponding element adaptation rule according to the type of the interface element;
adjusting the bitmap parameters by adopting the element adaptation rules to obtain the adjusted bitmap parameters;
and acquiring a target element according to the adjusted bitmap parameter, and adaptively displaying the target element on the target UI interface.
5. The method of claim 4, wherein the obtaining the corresponding element adaptation rules according to the type of the interface element comprises:
if the type of the interface element is a text interface element, acquiring a text adaptation rule corresponding to the text interface element, wherein the text adaptation rule comprises a text position adjustment rule and a text zooming rule, and the bitmap parameter of the text interface element comprises an element position and an element size;
the adjusting the bitmap parameter by using the element adaptation rule to obtain the adjusted bitmap parameter includes:
and adjusting the element position of the character interface element by adopting the character position adjusting rule to obtain an adjusted position element, and zooming the element size of the character interface element by adopting the character zooming rule to obtain the adjusted element size.
6. The method of claim 4, wherein the obtaining the corresponding element adaptation rules according to the type of the interface element comprises:
if the type of the interface element is a picture interface element, obtaining a picture adaptation rule corresponding to the picture interface element, wherein the picture adaptation rule comprises the height adaptation proportion and the width adaptation proportion, and the bitmap parameter of the picture interface element comprises an upper margin, a lower margin, a left margin and a right margin of the picture interface element relative to the UI interface to be adapted;
the adjusting the bitmap parameter by using the element adaptation rule to obtain the adjusted bitmap parameter includes:
and adopting the height adaptation proportion is right, the upper margin and the lower margin are adjusted, adopting the width adaptation proportion is right, the left margin and the right margin are adjusted, and the adjusted upper margin, lower margin, left margin and right margin are obtained.
7. The method of claim 4, wherein the obtaining the corresponding element adaptation rules according to the type of the interface element comprises:
if the type of the interface element is a point interface element, acquiring a point adaptation rule corresponding to the point interface element, wherein a bitmap parameter of the point interface element comprises an element position;
adopting the element adaptation rule to respectively adjust the element position and the element size to obtain the adjusted element position and element size, the method comprises the following steps:
and adjusting the element position of the point interface element by adopting the point adaptation rule to obtain an adjusted position element.
8. An interface adaptation device on an IOS device, comprising:
the device comprises a resolution acquisition module, a resolution processing module and a resolution processing module, wherein the resolution acquisition module is used for acquiring the resolution of the IOS device to be identified, and the resolution of the IOS device to be identified comprises a first screen height and a first screen width;
the system comprises a to-be-adapted UI acquisition module, a reference IOS device and a to-be-adapted UI acquisition module, wherein the to-be-adapted UI acquisition module is used for acquiring a to-be-adapted UI configured on the reference IOS device and the resolution of the reference IOS device, the resolution of the reference IOS device comprises a second screen height and a second screen width, and the to-be-adapted UI comprises an interface height and an interface width;
the adaptive proportion obtaining module is used for obtaining a height adaptive proportion based on the first screen height and the second screen height and obtaining a width adaptive proportion based on the first screen width and the second screen width;
the target UI interface acquisition module is used for acquiring a ratio difference value of the height adaptation proportion and the width adaptation proportion, judging whether the ratio difference value is larger than a preset difference value or not, and adjusting the interface height and the interface width of the UI interface to be adapted according to a judgment result to acquire a target UI interface;
and the target UI interface adaptive display module is used for adaptively displaying the target UI interface on the IOS equipment to be identified.
9. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor when executing the computer program implements the steps of the interface adaptation method on an IOS device of any of claims 1 to 7.
10. A computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor, performs the steps of the interface adaptation method on an IOS device of any of claims 1 to 7.
CN201810435780.0A 2018-05-09 2018-05-09 Interface adaptation method, device, computer equipment and storage medium on ios device Pending CN108628656A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810435780.0A CN108628656A (en) 2018-05-09 2018-05-09 Interface adaptation method, device, computer equipment and storage medium on ios device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810435780.0A CN108628656A (en) 2018-05-09 2018-05-09 Interface adaptation method, device, computer equipment and storage medium on ios device

Publications (1)

Publication Number Publication Date
CN108628656A true CN108628656A (en) 2018-10-09

Family

ID=63692263

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810435780.0A Pending CN108628656A (en) 2018-05-09 2018-05-09 Interface adaptation method, device, computer equipment and storage medium on ios device

Country Status (1)

Country Link
CN (1) CN108628656A (en)

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109783181A (en) * 2019-01-31 2019-05-21 掌阅科技股份有限公司 Screen is adapted to display methods, electronic equipment and computer storage medium
CN109828815A (en) * 2019-01-18 2019-05-31 平安普惠企业管理有限公司 Screen adaptation method, device, equipment and storage medium based on mixed mode
CN110209266A (en) * 2019-04-23 2019-09-06 平安科技（深圳）有限公司 A kind of size fit method and device of image
CN110201390A (en) * 2019-04-24 2019-09-06 深圳点猫科技有限公司 The implementation method and electronic equipment of the gradual control system of game based on programming
CN110673771A (en) * 2019-09-20 2020-01-10 武汉天喻教育科技有限公司 System and method for automatically identifying resolution to realize interface dynamic layout
CN111045764A (en) * 2019-11-18 2020-04-21 北京金山安全软件有限公司 Interface adaptation method and device, electronic equipment and storage medium
CN111190672A (en) * 2019-12-20 2020-05-22 深圳市优必选科技股份有限公司 UI (user interface) adaptation method of electronic equipment, electronic equipment and storage medium
CN111552530A (en) * 2020-04-22 2020-08-18 北京赤金智娱科技有限公司 Terminal screen adapting method, device and equipment for user interface
CN111651161A (en) * 2020-07-16 2020-09-11 深圳市易鸿达软件开发有限公司 Graphical interface construction method and device, computer equipment and storage medium
CN111694530A (en) * 2020-06-09 2020-09-22 北京百度网讯科技有限公司 Screen adaptation method and device, electronic equipment and storage medium
CN112148403A (en) * 2020-08-28 2020-12-29 苏宁云计算有限公司 Display interface adaptation method and device, computer equipment and storage medium
CN112395201A (en) * 2020-11-26 2021-02-23 交控科技股份有限公司 ATS test method and device
CN112463282A (en) * 2020-12-14 2021-03-09 网易（杭州）网络有限公司 Interface display method, device, storage medium and electronic device
CN113703630A (en) * 2021-08-31 2021-11-26 维沃移动通信有限公司 Interface display method and device
CN113986442A (en) * 2021-11-05 2022-01-28 北京达佳互联信息技术有限公司 Page display method and device, electronic equipment and computer readable storage medium

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6456305B1 (en) * 1999-03-18 2002-09-24 Microsoft Corporation Method and system for automatically fitting a graphical display of objects to the dimensions of a display window
CN103885755A (en) * 2012-12-19 2014-06-25 腾讯科技（深圳）有限公司 Method and device for implementing screen matching of owner-draw controls
CN105282321A (en) * 2015-08-28 2016-01-27 上海健保科技有限公司 Adaption method of application software user interface and display device
CN106648511A (en) * 2016-12-16 2017-05-10 竞技世界（北京）网络技术有限公司 Self-adaptive display method and device of display resolutions
CN107273000A (en) * 2017-06-14 2017-10-20 电子科技大学 A kind of screen multiresolution adaptation method of smart scope
CN107423055A (en) * 2017-06-30 2017-12-01 百度在线网络技术（北京）有限公司 Method, apparatus, equipment and the storage medium of adaptive terminal device resolution
CN107665187A (en) * 2016-07-28 2018-02-06 百度在线网络技术（北京）有限公司 A kind of method and apparatus for judging mobile device application interface and whether changing

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6456305B1 (en) * 1999-03-18 2002-09-24 Microsoft Corporation Method and system for automatically fitting a graphical display of objects to the dimensions of a display window
CN103885755A (en) * 2012-12-19 2014-06-25 腾讯科技（深圳）有限公司 Method and device for implementing screen matching of owner-draw controls
CN105282321A (en) * 2015-08-28 2016-01-27 上海健保科技有限公司 Adaption method of application software user interface and display device
CN107665187A (en) * 2016-07-28 2018-02-06 百度在线网络技术（北京）有限公司 A kind of method and apparatus for judging mobile device application interface and whether changing
CN106648511A (en) * 2016-12-16 2017-05-10 竞技世界（北京）网络技术有限公司 Self-adaptive display method and device of display resolutions
CN107273000A (en) * 2017-06-14 2017-10-20 电子科技大学 A kind of screen multiresolution adaptation method of smart scope
CN107423055A (en) * 2017-06-30 2017-12-01 百度在线网络技术（北京）有限公司 Method, apparatus, equipment and the storage medium of adaptive terminal device resolution

Cited By (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109828815A (en) * 2019-01-18 2019-05-31 平安普惠企业管理有限公司 Screen adaptation method, device, equipment and storage medium based on mixed mode
CN109783181B (en) * 2019-01-31 2019-12-20 掌阅科技股份有限公司 Screen adaptive display method, electronic device and computer storage medium
CN109783181A (en) * 2019-01-31 2019-05-21 掌阅科技股份有限公司 Screen is adapted to display methods, electronic equipment and computer storage medium
CN110209266A (en) * 2019-04-23 2019-09-06 平安科技（深圳）有限公司 A kind of size fit method and device of image
CN110201390A (en) * 2019-04-24 2019-09-06 深圳点猫科技有限公司 The implementation method and electronic equipment of the gradual control system of game based on programming
CN110673771A (en) * 2019-09-20 2020-01-10 武汉天喻教育科技有限公司 System and method for automatically identifying resolution to realize interface dynamic layout
CN111045764B (en) * 2019-11-18 2023-09-08 北京欢乐扬帆科技有限公司 Interface adaptation method and device, electronic equipment and storage medium
CN111045764A (en) * 2019-11-18 2020-04-21 北京金山安全软件有限公司 Interface adaptation method and device, electronic equipment and storage medium
CN111190672A (en) * 2019-12-20 2020-05-22 深圳市优必选科技股份有限公司 UI (user interface) adaptation method of electronic equipment, electronic equipment and storage medium
CN111552530A (en) * 2020-04-22 2020-08-18 北京赤金智娱科技有限公司 Terminal screen adapting method, device and equipment for user interface
CN111552530B (en) * 2020-04-22 2024-04-12 北京完美赤金科技有限公司 Terminal screen adaptation method, device and equipment of user interface
CN111694530A (en) * 2020-06-09 2020-09-22 北京百度网讯科技有限公司 Screen adaptation method and device, electronic equipment and storage medium
CN111694530B (en) * 2020-06-09 2023-05-23 阿波罗智联(北京)科技有限公司 Screen adaptation method and device, electronic equipment and storage medium
CN111651161B (en) * 2020-07-16 2023-04-18 深圳市易鸿达软件开发有限公司 Graphical interface construction method and device, computer equipment and storage medium
CN111651161A (en) * 2020-07-16 2020-09-11 深圳市易鸿达软件开发有限公司 Graphical interface construction method and device, computer equipment and storage medium
CN112148403B (en) * 2020-08-28 2022-11-22 苏宁云计算有限公司 Display interface adaptation method and device, computer equipment and storage medium
CN112148403A (en) * 2020-08-28 2020-12-29 苏宁云计算有限公司 Display interface adaptation method and device, computer equipment and storage medium
CN112395201A (en) * 2020-11-26 2021-02-23 交控科技股份有限公司 ATS test method and device
CN112463282A (en) * 2020-12-14 2021-03-09 网易（杭州）网络有限公司 Interface display method, device, storage medium and electronic device
CN113703630A (en) * 2021-08-31 2021-11-26 维沃移动通信有限公司 Interface display method and device
WO2023030114A1 (en) * 2021-08-31 2023-03-09 维沃移动通信有限公司 Interface display method and apparatus
CN113986442A (en) * 2021-11-05 2022-01-28 北京达佳互联信息技术有限公司 Page display method and device, electronic equipment and computer readable storage medium

Similar Documents

Publication Publication Date Title
CN108628656A (en) Interface adaptation method, device, computer equipment and storage medium on ios device
CN109741279B (en) Image saturation adjusting method and device, storage medium and terminal
US11966557B2 (en) User interface adjustment method and apparatus, and electronic device
EP2687965A1 (en) Icon generation method
CN107390976B (en) Icon display processing method and electronic equipment
US20230325062A1 (en) Method for adjusting interface display state, and electronic device
CN111984351A (en) Page adaptation method, electronic device and computer-readable storage medium
EP2874054B1 (en) Application text adjusting method, device, and terminal
CN109542376B (en) Screen display adjustment method, device and medium
KR101975049B1 (en) Method and apparatus for setting background of ui control, and terminal
JP2022547931A (en) Page display method and device, electronic device and storage medium
KR20230156127A (en) Screen capture methods, devices, electronic devices and readable storage media
CN104123062B (en) A kind of information processing method and electronic equipment
CN111603767A (en) Method, terminal and storage medium for adjusting resolution
US11656761B2 (en) Touch hotspot adjustment method, apparatus, and device, and touchscreen terminal device
TW201344557A (en) Apparatus and method for automatically controlling display screen density
CN113703630A (en) Interface display method and device
CN111796746B (en) Volume adjusting method, volume adjusting device and electronic equipment
CN113709302A (en) Brightness adjusting method and system for light-emitting equipment
US20150339277A1 (en) Systems and methods for programming behavior of a website to respond to capabilities of different devices
CN115562539A (en) Control display method and device, electronic equipment and readable storage medium
WO2014167675A1 (en) Electronic device
CN111427646A (en) Display control method and device, mobile terminal and storage medium
WO2024000111A1 (en) Desktop display method, electronic device, display apparatus and computer-readable storage medium
CN112162811B (en) Display method and display device

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
AD01 Patent right deemed abandoned

Effective date of abandoning: 20240906

AD01 Patent right deemed abandoned