CN109308205B - 应用程序的显示适配方法、装置、设备及存储介质 - Google Patents
应用程序的显示适配方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN109308205B CN109308205B CN201810903285.8A CN201810903285A CN109308205B CN 109308205 B CN109308205 B CN 109308205B CN 201810903285 A CN201810903285 A CN 201810903285A CN 109308205 B CN109308205 B CN 109308205B
- Authority
- CN
- China
- Prior art keywords
- boundary
- setting
- interface
- screen
- offset value
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
-
- 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
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
- G09G5/37—Details of the operation on graphic patterns
- G09G5/373—Details of the operation on graphic patterns for modifying the size of the graphic pattern
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
- G09G5/39—Control of the bit-mapped memory
- G09G5/391—Resolution modifying circuits, e.g. variable screen formats
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2340/00—Aspects of display data processing
- G09G2340/04—Changes in size, position or resolution of an image
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2340/00—Aspects of display data processing
- G09G2340/04—Changes in size, position or resolution of an image
- G09G2340/0442—Handling or displaying different aspect ratios, or changing the aspect ratio
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2340/00—Aspects of display data processing
- G09G2340/04—Changes in size, position or resolution of an image
- G09G2340/045—Zooming at least part of an image, i.e. enlarging it or shrinking it
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2340/00—Aspects of display data processing
- G09G2340/14—Solving problems related to the presentation of information to be displayed
- G09G2340/145—Solving problems related to the presentation of information to be displayed related to small screens
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2354/00—Aspects of interface with display user
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Computer Hardware Design (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种应用程序的显示适配方法、装置、设备及存储介质,涉及程序开发领域。所述方法包括:显示界面安全区域的设置界面,所述设置界面用于对界面安全区域的至少一个区域边界进行设置,界面安全区域是用于对应用程序中的人机交互控件进行显示的区域;接收在设置界面上触发的边界设置操作;根据边界设置操作确定界面安全区域的区域边界的位置参数;根据位置参数生成适配于终端的界面安全区域。一方面,界面安全区域可由用户来设置的尽可能大;另一方面,界面安全区域的设置不影响应用程序的背景层的显示,背景层可以大于界面安全区域,从而解决了相关适配方法导致应用程序的用户界面所能显示的视野范围有限,显示效果较差的问题。
Description
技术领域
本申请涉及程序开发领域,特别涉及一种应用程序的显示适配方法、装置、设备及存储介质。
背景技术
异型屏是在诸如智能手机、平板电脑之类的移动终端上广泛使用的屏幕。典型的异型屏是刘海屏,也即矩形屏幕的上边缘上形成有缺口的屏幕。
由于不同类型的移动终端所采用的异形屏的形状和分辨率各不相同,造成同一个应用程序在面对多款机型时的适配难题。在相关技术中,移动终端在操作系统层面提供了黑边适配方式。当某一个未经过适配的应用程序以横屏模式运行时,操作系统会将移动终端的屏幕两侧显示为黑色,而将应用程序的用户界面(User Interface,UI)显示在移动终端的屏幕中央部分。
由于上述技术需要将移动终端的屏幕两侧显示为黑色,因此需要将应用程序的用户界面的场景、背景和UI控件一起向中央方向进行裁切,导致该应用程序的用户界面所能显示的视野范围有限,显示效果较差。
发明内容
本申请提供一种应用程序的显示适配方法、装置、设备及存储介质,可以用于解决相关技术中的适配方法导致应用程序所显示的视野范围有限,显示效果较差的问题。
所述技术方案如下:
根据本申请实施例的一个方面,提供了一种应用程序的显示适配方法,所述方法包括:
显示界面安全区域的设置界面,所述设置界面用于对所述界面安全区域的至少一个区域边界进行设置,所述界面安全区域是用于对所述应用程序中的人机交互控件层进行显示的区域,所述应用程序的用户界面包括所述人机交互控件层以及位于所述人机交互控件层下方的背景层;
接收在所述设置界面上触发的边界设置操作;
根据所述边界设置操作确定所述界面安全区域的区域边界的位置参数;
根据所述位置参数生成适配于所述终端的所述界面安全区域。
根据本申请实施例的另一方面,提供了一种应用程序的显示适配装置,所述装置包括:
显示模块,用于显示界面安全区域的设置界面,所述设置界面用于对所述界面安全区域的至少一个区域边界进行设置,所述界面安全区域是用于对所述应用程序中的人机交互控件进行显示的区域;
接收模块,用于接收在所述设置界面上触发的边界设置操作;
处理模块,用于根据所述边界设置操作确定所述界面安全区域的区域边界的位置参数;
适配模块,用于根据所述位置参数生成适配于所述终端的所述界面安全区域。
根据本申请实施例的另一方面,提供了一种计算机设备,所述计算机设备包括:处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上所述的应用程序的显示适配方法。
根据本申请实施例的另一方面,提供了一种计算机可读存储介质,所述可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上所述的应用程序的显示适配方法。
本申请实施例提供的技术方案可以达到的有益效果至少包括:
通过基于用户对设置界面的边界设置操作,应用程序根据边界设置操作确定界面安全区域的区域边界的位置参数,可由用户来进行界面安全区域的自定义适配。一方面,界面安全区域可由用户来设置的尽可能大;另一方面,界面安全区域的设置不影响应用程序的背景层的显示,背景层的显示面积可以大于界面安全区域的区域面积,从而解决了相关技术的适配方法使得应用程序的用户界面所能显示的视野范围有限,显示效果较差的问题。
此外,用户可实时调节界面安全区域的大小和位置,从而使得界面安全区域上的人机交互控件的显示位置能够更适合用户自身的机型和使用习惯,满足不同用户的使用需求。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本申请。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并于说明书一起用于解释本申请的原理。
图1是本申请一个示例性实施例提供的一种异形屏手机的示意图;
图2是本申请一个示例性实施例提供的一种异形屏手机的示意图;
图3是本申请一个示例性实施例提供的计算机系统的框图;
图4是本申请一个示例性实施例提供的应用程序的用户界面层的示意图;
图5是本申请一个示例性实施例提供的应用程序的显示适配方法的流程图;
图6是本申请一个示例性实施例提供的设置界面的示意图;
图7是本申请一个示例性实施例提供的应用程序的显示适配方法的流程图;
图8是本申请一个示例性实施例提供的应用程序的显示适配方法的流程图;
图9是本申请一个示例性实施例提供的应用程序的显示适配方法的部分流程图;
图10是本申请一个示例性实施例提供的应用程序的显示适配方法的流程图;
图11本申请一个示例性实施例提供的应用程序的显示适配方法的展示界面的示意图;
图12是本申请一个示例性实施例提供的应用程序的显示适配方法的展示界面上的缩放操作的示意图;
图13是本申请一个示例性实施例提供的应用程序的显示适配方法的展示界面的示意图;
图14是本申请一个示例性实施例提供的应用程序的显示适配方法的展示界面上的缩放操作的示意图;
图15是本申请一个示例性实施例提供的应用程序的显示适配方法的屏幕界面的示意图;
图16是本申请一个示例性实施例提供的应用程序的显示适配装置的框图;
图17是本申请一个示例性实施例提供的应用程序的显示适配装置的框图;
图18是本申请一个示例性实施例提供的应用程序的显示适配装置的框图;
图19是本申请一个示例性实施例提供的应用程序的显示适配装置的设置模块的框图;
图20是本申请一个示例性实施例提供的应用程序的显示适配方法的终端的结构框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
触摸屏是移动终端上的主要交互部件,导致移动终端的屏占比是非常影响用户体验的一个指标。目前的移动终端都在向全面屏发展,全面屏是手机业界对于超高屏占比手机设计的一个比较宽泛的定义。从字面上的解释就是手机的正面全部都是屏幕,手机的四个边框位置都是采用无边框设计,追求接近100%的屏占比。
但受限于目前的量产技术,业界渲染的全面屏手机暂时只是超高屏占比的手机,没有能做到手机正面屏占比100%的手机。现在业内所说的全面屏手机是指真实屏占比可以达到80%以上,拥有超窄边框设计的手机。而且出现了很多采用异形屏设计的手机,简称异形屏手机。
异形屏手机是指触摸屏的形状是除矩形之外的其它形状,比如某一个边上存在缺口的形状。图1示出了一种异形屏手机10,该异形屏手机10的触摸屏上边框中央部位上形成有圆角矩形状的缺口12,该缺口12中用于容置距离传感器、扬声器、前置摄像头中的至少一种传感器器件;图2示出了另一种异形屏手机20,该异形屏手机20的触摸屏上边框中央部位上形成有水滴形状的缺口22,该缺口22中用于容置距离传感器、扬声器、前置摄像头中的至少一种传感器器件。从图1和图2可以看出,异形屏手机的屏幕形状有不确定性,每个厂商在异形屏手机上设置的缺口形状和大小可能各不相同。
由于异型屏手机的一条边上存在缺口,因此异形屏手机上的用户界面在显示过程中需要进行UI(UserInterface,用户界面)适配。相关技术中,手机厂商会将触摸屏上与缺口部位对应的横条部分显示为黑色状态栏,其它应用程序的用户界面显示在黑色状态栏下方的矩形区域。但是这种适配方式会压缩应用程序的显示界面。
图3示出了本申请的一个示例性实施例提供的计算机系统的框图。该计算机系统包括:终端100和服务器200。
终端100可以是膝上型便携计算机、智能手机、平板电脑、电子书阅读器、MP3(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)播放器、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、智能电视、台式电脑等设备。可选的,该终端100上安装有应用程序120和操作系统140。可选的,该终端100是采用可充电电池进行供电的终端。可选的,该终端100是采用异形屏的终端,该异形屏是指触摸屏的形状是除矩形之外的其它形状,比如刘海屏、水滴屏、折叠屏等。
应用程序120是支持虚拟环境的应用程序。可选的,应用程序140可以是比如多人网络手游应用程序、多人网络端游应用程序、多人在线军事演习仿真程序中的至少一种。可选的,以应用程序120为多人在线游戏客户端来举例说明,多人在线游戏中提供有基于通信网络支持的虚拟环境,虚拟环境的环境画面中包括一个或者多个虚拟角色,多个虚拟角色由不同用户通过多人在线游戏客户端来控制。可选的,存在一些虚拟角色是由服务器200来控制的。如图4所示,该应用程序120所显示的用户界面包括:人机交互控件层42和虚拟环境背景层44。以该应用程序是多人射击类游戏应用程序为例,人机交互控件层42上显示有一个或多个人机交互控件,该人机交互控件包括通过点击、滑动或按压中的至少一种方式进行人机交互的触摸式控件。可选的,该人机交互控件层42包括:移动控件、射击控件、蹲下控件、小地图控件、背包展示控件、人称转换控件、枪械切换控件、投掷物选择控件、跳跃控件、匍匐控件、持续奔跑控件、动作展示控件、视角旋转控件中的至少一种;虚拟环境背景层44是按照某一个视角对2.5维或三维虚拟环境进行观察得到的图像,该2.5维或三维虚拟环境中包括一个或多个虚拟角色,比如虚拟士兵、虚拟动物、虚拟动漫形象中的至少一种。
操作系统140为应用程序120提供运行环境。可选的,操作系统140运行多人在线游戏,在终端上显示多人在线游戏的用户界面,用户界面包括虚拟环境的环境画面。上述多人在线游戏在正常运行模式下运行。可选的,用户控制虚拟角色进行活动,活动包括但不限于以下的活动中的至少一种:完成系统任务、参与团战、刷怪、练技能、竞技、喂养宠物。
服务器200包括一台或者多台服务器。服务器200用于为应用程序提供后台服务。可选的,服务器200承担主要计算工作,终端100承担次要计算工作;或者,服务器200承担次要计算工作,终端100承担主要计算工作;或者,服务器200和终端100之间采用分布式计算架构进行协同计算。
通信网络包括有线网络或无线网络300,终端100与服务器200通过有线网络或无线网络300连接。可选的,有线网络可以是城域网、局域网、光纤网等;无线网络可以是移动通信网络或无线保真网络(Wireless Fidelity,WiFi)。
在一些实施例中,终端100中运行的应用程序是单机版应用程序,此时服务器200和通信网络300是可选部件。
图5示出了本申请的一个示例性实施例提供的应用程序的显示适配方法的流程图。本实施例以该方法应用于图3所示的终端中来举例说明,该终端中运行有应用程序。该方法包括:
步骤501,应用程序显示界面安全区域的设置界面;
该应用程序在初始状态下的用户界面与终端的显示屏可以是不适配的。在初始状态下,应用程序所显示的用户界面可以是按照默认显示参数进行显示的。或者说,应用程序所显示的用户界面是按照终端的屏幕分辨率进行初始化显示的。
该应用程序是用户界面中存在人机交互控件的应用程序。如图4所示,该应用程序的用户界面可以包括:人机交互控件层42和虚拟环境背景层44。
设置界面用于对界面安全区域的至少一个区域边界进行设置。可选的,该设置界面是由应用程序提供的。
界面安全区域是用于对应用程序中的人机交互控件进行显示的区域。或者说,界面安全区域是人机交互控件的有效显示区域。如图4所示,界面安全区域是指人机交互控件层42的大小,界面安全区域可以等于或小于虚拟环境背景层44。例如,在一些终端上,虚拟环境背景层44占据整个显示屏的显示区域,而界面安全区域占据整个显示屏的局部区域,也即人机交互控件仅会显示在该局部区域内。
可选的,界面安全区域的形状是直角矩形、圆角矩形或其他形状。以界面安全区域是直角矩形为例,界面安全区域包括四个区域边界:上边界、左边界、右边界和下边界。人机交互控件的显示位置应当位于四个区域边界之内。
在进入自适应匹配模式时,应用程序显示界面安全区域的设置界面。该设置界面用于对界面安全区域的上边界、左边界、右边界和下边界中的至少一个区域边界的边界位置进行设置。
步骤502,应用程序接收在设置界面上触发的边界设置操作;
该边界设置操作是用于对界面安全区域的区域边界进行设置的操作。可选的,该边界设置操作是用于对界面安全区域的上边界、下边界、左边界和右边界中的至少一个区域边界进行设置的操作。该边界设置操作可以由用户手动触发。
当终端采用触摸屏时,该边界设置操作是在设置界面上按照触摸形式触发的;当终端采用键鼠外设时,该边界设置操作是在设置界面上以光标、输入框等形式触发的。
当设置界面上显示有可拖动的边界线时,边界设置操作可以是拖拽操作或者缩放操作;当设置界面上显示有关于边界线的显示位置的加减按钮时,边界设置操作可以是对加减按钮的点击操作;当设置界面上显示有关于边界线的显示位置的数值设置框时,边界设置操作可以是在数值设置框中的输入操作;当设置界面上显示有关于边界线的滑动条或滑动圆盘时,边界设置操作可以是对滑动条或滑动圆盘的滑动操作;当设置界面上包括通过重力感应来控制的控件时,边界设置操作可以是在重力感应传感器上触发的操作。本实施例对边界设置操作的具体操作形式不加以限定。
步骤503,应用程序根据边界设置操作确定界面安全区域的区域边界的位置参数;
位置参数是用于对界面安全区域的区域边界的位置进行表征的参数。
在一些实施例中,位置参数使用界面安全区域的四个边界相对于显示屏的四个边缘的偏移值来表征,比如位置参数包括上偏移值、下偏移值、左偏移值和右偏移值,上偏移值代表界面安全区域的上边界相对于显示屏的上边缘的偏移值,下偏移值代表界面安全区域的下边界相对于显示屏的下边缘的偏移值,左偏移值代表界面安全区域的左边界相对于显示屏的左边缘的偏移值,右偏移值代表界面安全区域的右边界相对于显示屏的右边缘的偏移值。
在另一些实施例中,位置参数可以使用界面安全区域的四条边界的坐标值来表征,以横轴是x轴且竖轴是y轴为例,上边界线可表示为y=第一数值,下边界线可表示为y=第二数值,左边界线可表示为x=第三数值,右边界线可表示为x=第四数值。
本实施例中,对位置参数的具体形式不加以限定。
步骤504,应用程序根据位置参数生成适配于终端的界面安全区域;
应用程序在获得界面安全区域的四个区域边界的位置参数后,根据四个区域边界的位置参数生成适配于终端的界面安全区域。
可选的,应用程序根据位置参数确定出界面安全区域的四个区域边界(上边界、下边界、左边界、右边界),然后将各个人机交互部件按照相对于默认设置进行缩放的形式,生成在界面安全区域的四个区域边界内。
综上所述,本实施例提供的应用程序的显示适配方法,通过基于用户对设置界面的边界设置操作,应用程序根据边界设置操作确定界面安全区域的区域边界的位置参数,可由用户来进行界面安全区域的自定义适配。一方面,界面安全区域可由用户来设置的尽可能大;另一方面,界面安全区域的设置不影响应用程序的背景层的显示,背景层的显示面积可以大于界面安全区域的区域面积,从而解决了相关技术的适配方法使得应用程序的用户界面所能显示的视野范围有限,显示效果较差的问题。
以界面安全区域是直角矩形为例,界面安全区域包括上边界、下边界、左边界和右边界。在基于图4的可选实施例中,上述步骤503可替代实现成为步骤5031至步骤5034,如图7所示:
步骤5031,应用程序根据边界设置操作确定界面安全区域的上边界与终端的屏幕上边界之间的上偏移值Y1;
设置界面上显示有用于设置界面安全区域的上边界的第一控件,比如第一控件是可改变位置的上边界线。该第一控件上接收到用户的边界设置操作时,应用程序根据该边界设置操作确定界面安全区域60的上偏移值Y1,如图6所示。
步骤5032,应用程序根据边界设置操作确定界面安全区域的下边界与终端的屏幕下边界之间的下偏移值Y2;
设置界面上显示有用于设置界面安全区域的下边界的第二控件,比如第二控件是可改变位置的下边界线。当该第二控件上接收到用户的边界设置操作时,应用程序根据该边界设置操作确定界面安全区域60的下偏移值Y2,如图6所示。
步骤5033,应用程序根据边界设置操作确定界面安全区域的左边界与终端的屏幕左边界之间的左偏移值X1;
设置界面上显示有用于设置界面安全区域的左边界的第三控件,比如第三控件是可改变位置的左边界线。当该第三控件上接收到用户的边界设置操作时,应用程序根据该边界设置操作确定界面安全区域60的左偏移值X1,如图6所示。
步骤5034,应用程序根据边界设置操作确定界面安全区域的右边界与终端的屏幕右边界之间的右偏移值X2。
设置界面上显示有用于设置界面安全区域的右边界的第四控件,比如第四控件是可改变位置的右边界线。当该第四控件上接收到用户的边界设置操作时,应用程序根据该边界设置操作确定界面安全区域60的右偏移值X2,如图6所示。
可选的,步骤5301、步骤5302、步骤5303和步骤5304这四个步骤为并列步骤,这四个步骤中的任意两个步骤可以先后执行或同时执行,本实施例对这四个步骤的执行先后顺序不加以限定。
可选的,根据接收到的边界设置操作的不同,步骤5301、步骤5302、步骤5303和步骤5304这四个步骤在单次设置过程中可以只执行其中一个、其中两个或其中三个,本实施例对这四个步骤在单次设置过程中被执行的个数不加以限定,视用户实际触发的边界设置操作而定。
在一些实施例中,应用程序是需要在横屏模式下使用的应用程序,而终端的异形屏缺口形成在竖屏模式下的上边缘,此时更多情况下是需要对横屏模式可以引导用户先对界面安全区域的左右边界进行设置,然后再对界面安全区域的上下边界进行设置。图8示出了本申请的另一个示例性实施例提供的应用程序的显示适配方法的流程图。本实施例以该方法应用于图3所示的终端100中来举例说明。该方法包括:
步骤701,应用程序读取终端的屏幕分辨率,并且确定终端的第一长宽比例。
屏幕分辨率是终端的显示屏上的像素点分辨率。不同的终端可以具有不同的屏幕分辨率。
按照长宽比例区分,主流的屏幕分辨率分为:
第一,16:9形式的屏幕分辨率;
大部分的智能手机均为16:9形式的分辨率;
第二,4:3形式的屏幕分辨率;
大部分的平板电脑均为4:3形式的屏幕分辨率。
步骤702,根据终端的第一长宽比例,应用程序将设置界面的第二长宽比例设置为与该第一长宽比例相同的比例。
出于使设置界面与终端的屏幕适配的目的,应用程序根据终端的第一长宽比例,对设置界面的第二长宽比例进行设置。
当终端的屏幕分辨率为16:9时,应用程序将设置界面设置为16:9形式的;
当终端的屏幕分辨率为4:3时,应用程序将设备界面设置为4:3形式的。
本步骤可选包括如下步骤,如图9所示:
步骤7021,应用程序判断第一长宽比例是否接近16:9;
当第一长宽比例接近4:3时,进入步骤7022;当第一长宽比例接近16:9时,进入步骤7023。
步骤7022,应用程序将界面安全区域的设置界面的高度设置为屏幕分辨率的高度,并且根据第二长宽比例4:3对设置界面的宽度进行左右裁切;
在初始状态下,设置界面具有默认的分辨率,该默认的分辨率可大于或等于应用程序所支持的最大屏幕分辨率。该设置界面用于对界面安全区域的至少一个区域边界进行设置。可选的,该设置界面是由应用程序提供的。
当屏幕分辨率为4:3时,应用程序将设置界面的高度设置为屏幕分辨率的高度,并且按照第二长宽比例4:3对设置界面的宽度进行左裁切和右裁切中的至少一种。
本实施例中,以应用程序按照第二长宽比例4:3,对在初始状态下的设置界面的上下进行相同大小的裁切为例来说明。
步骤7023,应用程序将界面安全区域的设置界面的宽度设置为屏幕分辨率的宽度,并且根据第二长宽比例16:9对设置界面的高度进行上下裁切。
当屏幕分辨率为16:9时,应用程序将设置界面的宽度设置为屏幕分辨率的宽度,并且按照第二长宽比例16:9对设置界面的高度进行上裁切和下裁切中的至少一种。
本实施例中,以应用程序按照第二长宽比例16:9,对在初始状态下的设置界面的左右进行相同大小的裁切为例来说明。
步骤703,应用程序显示界面安全区域的设置界面,设置界面上显示有用于设置区域边界的左边界线、右边界线、上边界线和下边界线中的至少一种。
应用程序按照第二长宽比例对设置界面进行裁切后,显示该设置界面。
在一些实施例中,设置界面上同时显示有用于设置区域边界的左边界线、右边界线、上边界线和下边界线共四种线。
在另一实施例中,设置界面上先显示左边界线和右边界线;等待界面安全区域的左边界和/或右边界被设置完毕后,再显示上边界线和下边界线。
在另一实施例中,设置界面上先显示上边界线和下边界线;等待界面安全区域的上边界和/或下边界被设置完毕后,再显示左边界线和右边界线。
步骤704,应用程序接收用户在设置界面上触发的边界设置操作。
该边界设置操作是用于对界面安全区域的区域边界进行设置的操作。可选的,该边界设置操作是用于对界面安全区域的上边界、下边界、左边界和右边界中的至少一个区域边界进行设置的操作。该边界设置操作可以由用户手动触发。
按照操作形式进行划分:边界设置操作可以是施加在某一个边界线上的拖拽操作,或者,边界设置操作可以是施加在设置界面中央且沿某一方向(上下方向或左右方向)的缩放操作。
按照作用位置进行划分:
边界设置操作可以是作用于左边界线的拖拽手势操作、作用于右边界线的拖拽手势操作、作用于上边界线的拖拽手势操作、作用于下边界线的拖拽手势操作。当左边界线和右边界线之间的相对位置被绑定时,边界设置操作可以是同时作用于左边界线和右边界线的拖拽手势操作。当上边界线和下边界线之间的相对位置被绑定时,边界设置操作可以是同时作用于上边界线和下边界线的拖拽手势操作。
当左边界线和右边界线之间的相对位置被绑定时,边界设置操作还可以是同时针对左边界线和右边界线的第一缩放操作。当上边界线和下边界线之间的相对位置被绑定时,边界设置操作可以是同时针对上边界线和下边界线的第二缩放操作。
步骤7051,该边界设置操作是用于缩放左边界线和右边界线的第一拖拽手势操作,并且应用程序获取该第一缩放手势操作的坐标距离差d1。
第一缩放操作可以是由用户的双指在设置界面的中央沿水平方向进行的开合操作。此时,终端的触摸屏上会监测到两个触摸点,并将两个触摸点在水平方向上的距离变化值,确定为第一缩放手势操作的坐标距离差d1。
步骤7061,应用程序根据坐标距离差d1设置界面安全区域的左边界向终端的屏幕中间偏移的左偏移值X1,根据坐标距离差d1设置界面安全区域的右边界向所述终端的屏幕中间偏移的右偏移值X2。
可选的,坐标距离差d1和左偏移值X1之间呈正相关关系。
可选的,坐标距离差d1和右偏移值X2之间呈正相关关系。
在一个实施例中,应用程序根据如下公式设置左偏移值和右偏移值。
X1=X2=d1×α,其中α是预设参数。
步骤7052,该边界设置操作是用于缩放左边界线和右边界线的第一拖拽手势操作,并且应用程序获取该第一拖拽手势操作的滑动距离差d2。
第一拖拽手势操作可以是按压在左边界线或右边界线上的拖拽操作。此时,终端的触摸屏上会监测到一个持续触摸的触摸点,并将该持续触摸的触摸点在水平方向上的距离变化值,确定为第一拖拽手势操作的滑动距离差d2。
步骤7062,应用程序根据滑动距离差d2设置界面安全区域的左边界向终端的屏幕中间偏移的左偏移值X1,根据滑动距离差d2设置界面安全区域的右边界向终端的屏幕中间偏移的右偏移值X2。
可选的,滑动距离差d2和左偏移值X1之间呈正相关关系。
可选的,滑动距离差d2和右偏移值X2之间呈正相关关系。
在一个实施例中,应用程序根据如下公式设置左偏移值和右偏移值。
X1=X2=d2×β,其中β是预设参数。
步骤7053,该边界设置操作是用于缩放上边界线和下边界线的第二缩放手势操作,并且应用程序获取第二缩放手势操作的坐标距离差d3。
第二缩放操作可以是由用户的双指在设置界面的中央沿竖直方向进行的开合操作。此时,终端的触摸屏上会监测到两个触摸点,并将两个触摸点在竖直方向上的距离变化值,确定为第二缩放手势操作的坐标距离差d3。
步骤7063,应用程序根据坐标距离差d3设置界面安全区域的上边界向终端的屏幕中间偏移的上偏移值Y1,根据坐标距离差d3设置界面安全区域的下边界向终端的屏幕中间偏移的下偏移值Y2。
可选的,坐标距离差d3和上偏移值Y1之间呈正比例关系。
可选的,坐标距离差d3和下偏移值Y2之间呈正比例关系。
在一个实施例中,应用程序根据如下公式设置左偏移值和右偏移值。
Y1=Y2=d3×α,其中α是预设参数。
步骤7054,该边界设置操作是用于拖拽上边界线的第二拖拽手势操作,并且应用程序获取第二拖拽手势操作的滑动距离差d4。
第二拖拽手势操作可以是按压在上边界线上的拖拽操作。此时,终端的触摸屏上会监测到一个持续触摸的触摸点,并将该持续触摸的触摸点在水平方向上的距离变化值,确定为第二拖拽手势操作的滑动距离差d4。
步骤7064,应用程序根据滑动距离差d4设置界面安全区域的上边界向终端的屏幕中间偏移的上偏移值Y1。
可选的,滑动距离差d4和上偏移值Y1之间呈正比例关系。
在一个实施例中,应用程序根据如下公式设置上偏移值。
Y1=d4×β,其中β是预设参数。
步骤7055,该边界设置操作是用于拖拽上边界线的第三拖拽手势操作,并且应用程序获取第三拖拽手势操作的滑动距离差d5。
第三拖拽手势操作可以是按压在下边界线上的拖拽操作。此时,终端的触摸屏上会监测到一个持续触摸的触摸点,并将该持续触摸的触摸点在水平方向上的距离变化值,确定为第三拖拽手势操作的滑动距离差d5。
步骤7065,应用程序根据滑动距离差d5设置界面安全区域的下边界向终端的屏幕中间偏移的下偏移值Y2。
可选的,滑动距离差d5和下偏移值Y2之间呈正比例关系。
在一个实施例中,应用程序根据如下公式设置上偏移值。
Y2=d5×β,其中β是预设参数。
在一些实施例中,可以仅执行上述步骤7051和步骤7061、步骤7052和步骤7062、步骤7053和步骤7063、步骤7054和步骤7064、以及步骤7055和步骤7065这四组步骤中的任意一组或至少一组;在另一些实施例中,当存在至少两组步骤被执行时,可以同时执行这几组步骤,也可以先执行其中一部分步骤再执行剩余的其他部分步骤。
步骤707,应用程序根据位置参数生成适配于终端的界面安全区域。
综上所述,本实施例提供的应用程序的显示适配方法,通过基于用户对设置界面的边界设置操作,应用程序根据边界设置操作确定界面安全区域的区域边界的位置参数,可由用户来进行界面安全区域的自定义适配。一方面,界面安全区域可由用户来设置的尽可能大;另一方面,界面安全区域的设置不影响应用程序的背景层的显示,背景层的显示面积可以大于界面安全区域的区域面积,从而解决了相关技术的适配方法使得应用程序的用户界面所能显示的视野范围有限,显示效果较差的问题。
再一方面,用户根据终端的屏幕类型,包括刘海屏、曲面屏和其他非主流屏幕等,进行边界设置操作,实时调整界面安全区域的区域边界,获得用户满意且适配于终端的界面安全区域,可以解决应用程序厂商需要单独为多种机型做适配,开发力度大的问题。
另一方面,由于应用程序很可能是需要横屏模式进行显示的,因此在设置界面中将左右边界进行绑定设置,使得左偏移值和右偏移值是相同的偏移值。即便对于手机顶部是刘海屏的手机,用户在横屏模式下将手机进行翻转,比如将手机的顶端从左手心方向换到右手心方向,界面安全区域也能顺利地对应翻转,而不会发生任何适配问题,保证了应用程序的用户界面的显示适应能力。
另一方面,由于一些终端的一个侧边存在曲面边缘(比如右边缘),另一个侧边不存在曲面边缘,因此将界面安全区域的上下边界分开设置,能够使得界面安全区域的设置方法适用于多种类型的终端。
基于图1所述的应用程序的显示适配方法。以终端是运行有手游程序的终端(简称手游终端)为例,图10示出了本申请的一个示例性实施例提供的应用程序的显示适配方法的流程图。该方法包括:
步骤401,开启自定义适配。
用户启动手游应用程序。应用程序在获取登录账户信息后,其背景显示有“自定义适配”控件和“退出”控件。
步骤402,应用程序读取手游设备的分辨率A1×B1。
手游设备的分辨率是显示屏上的像素点分辨率,以水平和垂直像素来衡量。通常分辨率A1×B1的意思是指水平方向含有像素数为A1个,垂直方向像素数B1个。
步骤403,应用程序将展示界面的分辨率设置为A1×B1。
在本实施例中,展示界面是指上述的“设置界面”为同一释义。
步骤404,应用程序将用于自定义适配的展示界面X、Y轴适配偏移量X1、X2、Y1和Y2设定为0。
展示界面X、Y轴适配偏移量是展示界面的区域边界,包括左边界、右边界、上边界和下边界;X1是展示界面的左边界与屏幕左边界的直线距离,X2是展示界面的右边界与屏幕左边界的直线距离、Y1是展示界面的上边界与屏幕上边界的直线距离,Y2是展示界面的下边界与屏幕下边界的直线距离,X1、X2、Y1和Y2设定为0(或者说初始化为0),使得展示界面的区域边界与屏幕边界重合,如图6所示。
可选的,在一些实施例中,步骤404可在步骤406之后进行。
步骤405,应用程序判断分辨率比例A1/B1,是否接近16:9或者4:3。
其中,16:9的分辨率比例常见于手机,4:3的分辨率比例常见于平板电脑。
在一些其它实施例中,分辨率比例还包括:16:10和5:4。其中,16:10的常见于智能电视和笔记本电脑。本实施例以分辨率比例包括16:9或者4:3来举例说明,但对具体的分辨率比例形式不加以限定。
步骤4061,若分辨率比例A1/B1接近16:9,应用程序将展示背景宽度设为分辨率宽度,且高度上下裁切;
展示背景是展示界面所显示的背景,该背景可以是应用程序的当前背景,或是其他背景图像。
在一些实施例中,“高度上下裁切”可以是将展示背景的上下边界一起裁切,或是裁切展示背景的上边界和下边界中的一种。
步骤4062,若分辨率比例A1/B1接近4:3,应用程序将展示背景高度设为分辨率高度,且宽度左右裁切。
在一些实施例中,“宽度左右裁切”可以是将展示背景的左右边界一起裁切,或是裁切展示背景的左边界和右边界中的一种。
步骤407,应用程序提示重置应用程序,并显示展示界面和展示界面的安全区边界线H1和H2。图11示出了应用程序的显示适配方法的展示界面中边界线H1和H2。该边界线H1和H2可被拖拽手势或缩放手势来改变位置。
图12示出了,用户在展示界面上的缩放手势操作,以及应用程序实时设置展示界面的左右边界向终端的屏幕中间偏移完成后的展示界面的示意图。具体方法包括:
步骤4081,如果用户有缩放手势;
缩放手势可作用于展示界面的任意区域,可以用任意角度缩放;
可选的,用户有缩放手势,手指与展示界面的触摸点可以是缩放边界线H1、H2上的点,也可以是展示界面上的任意两点。
步骤4091,应用程序读取缩放操作滑动的坐标距离差d1;
“坐标距离差d1”通过触摸点的滑动距离差来测算。
可选的,触摸点的滑动距离差是测算两个触摸点中的任意一个,或者两个同时测算;
可选的,触摸点的滑动距离差通过该触摸点的水平方向上的变化值来测算。
步骤4101,应用程序实时设置展示界面的安全区域边界线H1和H2,同时向终端的屏幕中间横坐标偏移X1和X2,X1=X2=d1×α,其中α是参数;
步骤4111,应用程序实时设置展示界面的左右边界,向终端的屏幕中间横坐标偏移X1和X2,X1=X2=d1×α,其中,α是参数;
步骤4082,如果用户有拖拽手势。
可选的,拖拽手势作用于展示界面的安全区域边界线H1和H2上。
在一些实施例中,用户可点击或双击展示界面的安全区域边界线H1和H2,移动至合适的位置。
步骤4092,应用程序读取拖拽操作滑动的坐标距离差d2。
可选的,用户的拖拽手势是按压在边界线H1和H2的拖拽操作。终端的触摸屏上会监测到一个持续触摸的触摸点,并通过测算该持续触摸的触摸点在水平方向上的距离变化值,确定滑动距离差d2;
可选的,用户的拖拽手势是单击或双击边界线H1或H2的拖拽操作,移动边界线H1或H2至合适的位置,点击放置边界线H1或H2,通过测算前后触摸点的水平方向上的距离变化值,确定滑动距离差d2。
步骤4102,应用程序实时设置展示界面的安全区域边界线H1和H2,向终端的屏幕中间横坐标偏移X1和X2,X1=X2=d2×β,其中β是参数。
步骤4112,应用程序实时设置展示界面的左右边界,同时向终端的屏幕中间横坐标偏移X1和X2,X1=X2=d2×β,其中β是参数。
如图12所示,示出了步骤4111或步骤4112完成后,应用程序显示的界面1200,界面1200上包括“重置”控件、“下一步”控件和“退出”控件。
步骤4121,用户点击“重置”控件,应用程序将进入步骤407,重复上述步骤,用户可多次设置展示界面的左右边界;
步骤4122,用户点击“下一步”控件,应用程序将进入步骤413,用户进行设置展示界面的上下界面;
步骤4123,用户点击“退出”,应用程序将退出自定义适配。
步骤4121、步骤4122和步骤4123,为单一选项步骤,仅可执行其中一个。
步骤413,应用程序设置完成展示界面的左右边界后,重置展示界面,并且显示展示界面的安全区域的边界线L1和L2。图13示出了应用程序的显示适配方法的展示界面中边界线L1和L2。
图14示出了,用户在展示界面上的缩放上下边界的手势操作,以及应用程序实时设置展示界面的上下边界向终端的屏幕中间偏移完成后的展示界面的示意图。具体方法包括:
步骤4141,如果用户有缩放操作手势;
缩放手势可作用于展示界面的任意区域,可以用任意角度缩放;
可选的,用户有缩放手势,手指与展示界面的触摸点可以是缩放边界线L1、L2上的点,也可以是展示界面上的任意两点。
步骤4151,应用程序读取缩放操作滑动的坐标距离差d3;
步骤4161,应用程序实时设置展示界面的安全区域的边界线L1和L2,同时向终端的屏幕中间纵坐标偏移Y1和Y2,Y1=Y2=d3×α,其中α是参数;
步骤4171,应用程序实时设置展示界面的上下边界,同时向终端的屏幕中间纵坐标偏移Y1和Y2,Y1=Y2=d3×α,其中α是参数。
步骤4142,如果用户有拖拽展示界面的安全区域的上边界线的手势,应用程序接收该拖拽操作;
步骤4152,应用程序读取拖拽操作滑动的坐标距离差d4;
步骤4162,应用程序实时设置展示界面的上边界线L1,向终端的屏幕中间纵坐标偏移Y1,Y1=d4×β,其中β是参数;
步骤4172,应用程序实时设置展示界面的上边界,向终端的屏幕中间纵坐标偏移Y1,Y1= d3×β,其中β是参数。
步骤4173,如果用户有拖拽展示界面的安全区域的下边界线的手势,应用程序接收该拖拽操作;
步骤4153,应用程序读取拖拽操作滑动的坐标距离差d4;
步骤4162,应用程序实时设置展示界面的上边界线L1,向终端的屏幕中间纵坐标偏移Y1,Y1=d4×β,其中β是参数;
步骤4172,应用程序实时设置展示界面的上边界,向终端的屏幕中间纵坐标偏移Y2,Y2=d3×β,其中β是参数。
如图14示出了步骤4171、步骤4182或步骤4173完成后,应用程序显示的界面1400,界面1400上包括“重置”控件、“上一步”控件、“确认”控件和“退出”控件。
步骤4181,用户点击“重置”控件,应用程序将进入步骤413,随后重复上述步骤;
步骤4182,用户点击“上一步”控件,应用程序将进入步骤407,随后重复上述步骤;
步骤4183,用户点击“下一步”控件,应用程序将进步骤419;
步骤4184,用户点击“退出”控件,应用程序将退出自定义适配。
步骤4181、步骤4182、步骤4183和步骤4184,为单一选项步骤,仅可执行其中一个。
步骤419,保存X1、X2、Y1和Y2保存。
可选的,应用程序将设置展示界面向终端的屏幕中间偏移量X1、X2、Y1和Y2,保存在登录该应用程序的用户信息中;
可选的,应用程序将设置展示界面向终端的屏幕中间偏移量X1、X2、Y1和Y2,保存在终端的储存器中。
步骤420,应用程序将所有界面的安全区域的左、右边界偏移量设置为X1和X2。
步骤421,应用程序将所有界面的安全区域的上、下边界偏移量设置为Y1和Y2。
在一些实施例中,应用程序的界面包括信息界面、设置界面、地图界面、副本界面等等。
步骤422,应用程序完成界面安全区域的自定义适配。
图15示出了,界面安全区域的自定义适配完成后,终端的屏幕界面的示意图。界面1500包括“重新设置”控件、“重置”控件和“确定”控件。
其中,用户点击“重新设置”控件,应用程序进入步骤407;
用户点击“重置”控件,应用程序进入步骤413
用户点击“确定”控件,完成界面安全区域的自定义适配。
综上所述,本实施例提供的应用程序的显示适配方法,基于用户对展示界面的边界设置操作,应用程序根据边界设置操作确定界面安全区域的区域边界的位置参数,可由用户进行界面安全区域的自定义适配。一方面,界面安全区域可由用户来设置的尽可能大;另一方面,界面安全区域的设置不影响应用程序的背景层的显示,背景层的显示面积可以大于界面安全区域的区域面积,从而解决了相关技术的适配方法使得应用程序的用户界面所能显示的视野范围有限,显示效果较差的问题。再一方面,用户根据终端的屏幕类型,包括刘海屏、曲面屏和其他非主流屏幕等,进行边界设置操作,实时调整界面安全区域的区域边界,获得用户满意且适配于终端的界面安全区域,可以解决应用程序厂商需要单独为多种机型做适配,开发力度大的问题。
以下为本申请的装置实施例,对于装置实施例中未详细描述的技术细节,可以参考上述一一对应的方法实施例。
图16示出了本申请一个示例性实施例提供的应用程序的显示适配装置的框图。该适配装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置包括:
显示模块161,用于显示界面安全区域的设置界面,所述设置界面用于对所述界面安全区域的至少一个区域边界进行设置,所述界面安全区域是用于对所述应用程序中的人机交互控件进行显示的区域。
接收模块162,用于接收在所述设置界面上触发的边界设置操作。
处理模块163,用于根据所述边界设置操作确定所述界面安全区域的区域边界的位置参数。
适配模块164,用于根据所述位置参数生成适配于所述终端的所述界面安全区域。
在一个可选的实施例中,如图17所示,处理模块163,用于根据接收模块162接收到的边界设置操作,确定界面安全区域的区域边界与终端的屏幕边界之间的偏移值。
处理模块163,包括有:
第一确定单元1631,用于根据接收模块162接收到的边界设置操作,确定界面安全区域的上边界与终端的屏幕上边界之间的上偏移值Y1;
第二确定单元1632,用于根据接收模块162接收到的边界设置操作,确定界面安全区域的下边界与终端的屏幕下边界之间的下偏移值Y2;
第三确定单元1633,用于根据接收模块162接收到的边界设置操作,确定界面安全区域的左边界与终端的屏幕左边界之间的左偏移值X1;
第四确定单元1634,用于根据接收模块162接收到的边界设置操作,确定界面安全区域的右边界与终端的屏幕右边界之间的右偏移值X2。
在一个可选的实施例中,如图18所示,处理模块163,还包括:
第一获取单元1671,用于获取第一缩放手势操作的坐标距离差d1;
第二获取单元1672,用于获取第一拖拽手势操作的滑动距离差d2;
第三获取单元1673,用于获取第二缩放手势操作的坐标距离差d3;
第四获取单元1674,用于获取第二拖拽手势操作的滑动距离差d4;
第五获取单元1675,用于获取第三拖拽手势操作的滑动距离差d5;
第一设置单元1681,用于根据第一获取单元1671获取到的坐标距离差d1设置界面安全区域的左边界向终端的屏幕中间偏移的左偏移值X1,以及用于根据坐标距离差d1设置界面安全区域的右边界向终端的屏幕中间偏移的右偏移值X2;
第二设置单元1682,用于根据第二获取单元1672获取到的滑动距离差d2设置界面安全区域的左边界向终端的屏幕中间偏移的左偏移值X1,以及根据滑动距离差d2设置界面安全区域的右边界向终端的屏幕中间偏移的右偏移值X2;
第三设置单元1683,用于根据第三获取单元1673获取到的坐标距离差d3设置界面安全区域的上边界向终端的屏幕中间偏移的上偏移值Y1,以及根据坐标距离差d3设置界面安全区域的下边界向终端的屏幕中间偏移的下偏移值Y2;
第四设置单元1684,用于根据第四获取单元1674获取到的滑动距离差d4设置界面安全区域的上边界向终端的屏幕中间偏移的上偏移值Y1;
第五设置单元1655,用于根据第三获取单元1675获取到的滑动距离差d5设置界面安全区域的下边界向终端的屏幕中间偏移的下偏移值Y2。
在显示模块161之前,还包括:
读取模块165,用于读取终端的屏幕分辨率,并且根据屏幕分辨率确定所述终端的第一长宽比例。
设置模块166,用于根据第一长宽比例,将设置界面的第二长宽比例和第一长宽比例设置成相同的长宽比例。
设置模块166,包括有:判断单元1661、第一设置单元1662和第二设置单元1663,如图19所示。
判断单元1661,用于判断第一长宽比例,是否接近4:3和16:9中的一种。
第一设置单元1662,用于当第一长宽比例是4:3时,将界面安全区域的设置界面的宽度设置为屏幕分辨率的宽度,并根据第二长宽比例4:3对设置界面的高度进行上下裁切。
第二设置单元1663,用于当第二长宽比例是16:9时,将界面安全区域的设置界面的高度设置为屏幕分辨率的高度,并根据第二长宽比例16:9对设置界面的宽度进行左右裁切。
综上所述,本实施例提供的应用程序的显示适配装置,通过基于用户对设置界面的边界设置操作,应用程序根据边界设置操作确定界面安全区域的区域边界的位置参数,可由用户来进行界面安全区域的自定义适配。一方面,界面安全区域可由用户来设置的尽可能大;另一方面,界面安全区域的设置不影响应用程序的背景层的显示,背景层的显示面积可以大于界面安全区域的区域面积,从而解决了相关技术的适配方法使得应用程序的用户界面所能显示的视野范围有限,显示效果较差的问题。
请参考图20,其示出了本申请一个示例性实施例提供的终端2100的结构框图。该终端2100可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group AudioLayer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts GroupAudio Layer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端2100还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端2100包括有:处理器2101和存储器2102。
处理器2101可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器2101可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器2101也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器2101可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器2101还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器2102可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器2102还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器2102中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器2101所执行以实现本申请中方法实施例提供的应用程序的显示适配方法。
在一些实施例中,终端2100还可选包括有:外围设备接口2103和至少一个外围设备。处理器2101、存储器2102和外围设备接口2103之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口2103相连。具体地,外围设备包括:射频电路2104、触摸显示屏2105、摄像头2106、音频电路2107、定位组件2108和电源2109中的至少一种。
外围设备接口2103可被用于将I/O(Input /Output,输入/输出)相关的至少一个外围设备连接到处理器2101和存储器2102。在一些实施例中,处理器2101、存储器2102和外围设备接口2103被集成在同一芯片或电路板上;在一些其他实施例中,处理器2101、存储器2102和外围设备接口2103中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路2104用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路2104通过电磁信号与通信网络以及其他通信设备进行通信。射频电路2104将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选的,射频电路2104包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路2104可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路2104还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏2105用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏2105是触摸显示屏时,显示屏2105还具有采集在显示屏2105的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器2101进行处理。此时,显示屏2105还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏2105可以为一个,设置终端2100的前面板;在另一些实施例中,显示屏2105可以为至少两个,分别设置在终端2100的不同表面或呈折叠设计;在再一些实施例中,显示屏2105可以是柔性显示屏,设置在终端2100的弯曲表面上或折叠面上。甚至,显示屏2105还可以设置成非矩形的不规则图形,也即异形屏。显示屏2105可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件2106用于采集图像或视频。可选的,摄像头组件2106包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件2106还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路2107可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器2101进行处理,或者输入至射频电路2104以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端2100的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器2101或射频电路2104的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路2107还可以包括耳机插孔。
定位组件2108用于定位终端2100的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件2108可以是基于美国的GPS(GlobalPositioning System,全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。
电源2109用于为终端2100中的各个组件进行供电。电源2109可以是交流电、直流电、一次性电池或可充电电池。当电源2109包括可充电电池时,该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端2100还包括有一个或多个传感器2110。该一个或多个传感器2110包括但不限于:加速度传感器2111、陀螺仪传感器2112、压力传感器2113、指纹传感器2121、光学传感器2115以及接近传感器2116。
加速度传感器2111可以检测以终端2100建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器2111可以用于检测重力加速度在三个坐标轴上的分量。处理器2101可以根据加速度传感器2111采集的重力加速度信号,控制触摸显示屏2105以横向视图或纵向视图进行用户界面的显示。加速度传感器2111还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器2112可以检测终端2100的机体方向及转动角度,陀螺仪传感器2112可以与加速度传感器2111协同采集用户对终端2100的3D动作。处理器2101根据陀螺仪传感器2112采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器2113可以设置在终端2100的侧边框和/或触摸显示屏2105的下层。当压力传感器2113设置在终端2100的侧边框时,可以检测用户对终端2100的握持信号,由处理器2101根据压力传感器2113采集的握持信号进行左右手识别或快捷操作。当压力传感器2113设置在触摸显示屏2105的下层时,由处理器2101根据用户对触摸显示屏2105的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器2121用于采集用户的指纹,由处理器2101根据指纹传感器2121采集到的指纹识别用户的身份,或者,由指纹传感器2121根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器2101授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器2121可以被设置终端2100的正面、背面或侧面。当终端2100上设置有物理按键或厂商Logo时,指纹传感器2121可以与物理按键或厂商Logo集成在一起。
光学传感器2115用于采集环境光强度。在一个实施例中,处理器2101可以根据光学传感器2115采集的环境光强度,控制触摸显示屏2105的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏2105的显示亮度;当环境光强度较低时,调低触摸显示屏2105的显示亮度。在另一个实施例中,处理器2101还可以根据光学传感器2115采集的环境光强度,动态调整摄像头组件2106的拍摄参数。
接近传感器2116,也称距离传感器,通常设置在终端2100的前面板。接近传感器2116用于采集用户与终端2100的正面之间的距离。在一个实施例中,当接近传感器2116检测到用户与终端2100的正面之间的距离逐渐变小时,由处理器2101控制触摸显示屏2105从亮屏状态切换为息屏状态;当接近传感器2116检测到用户与终端2100的正面之间的距离逐渐变大时,由处理器2101控制触摸显示屏2105从息屏状态切换为亮屏状态。
本领域技术人员可以理解,图20中示出的结构并不构成对终端2100的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
不失一般性,所述计算机可读介质可以包括计算机存储介质和通信介质。计算机存储介质包括以用于存储诸如计算机可读指令、数据结果、程序模块或其他数据等信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动介质。计算机存储介质包括RAM、ROM、EPROM、EEPROM、闪存或其他固态存储其技术,CD-ROM、DVD或其他光学存储、磁带盒、磁带、磁盘存储或其他磁性存储设备。当然,本领域技术人员可知所述计算机存储介质不局限于上述几种。
所述存储器还包括一个或者一个以上的程序,所述一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行。上述一个或者一个以上程序包含用于执行上述应用程序的显示适配方法的指令。
本申请实施例还提供一种计算机可读存储介质,该存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并上述各个方法实施例提供的应用程序的显示适配方法。
本申请还提供了一种计算机程序产品,当计算机程序产品在计算机上运行时,使得计算机执行上述各个方法实施例提供的应用程序的显示适配方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本申请的真正范围和精神由下面的权利要求指出。
应当理解的是,本申请并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。
Claims (22)
1.一种应用程序的显示适配方法,其特征在于,所述方法包括:
显示界面安全区域的设置界面,所述设置界面用于对所述界面安全区域的至少一个区域边界进行设置,所述界面安全区域是用于对所述应用程序中的人机交互控件层进行显示的区域,所述应用程序的用户界面包括所述人机交互控件层以及位于所述人机交互控件层下方的背景层,所述背景层为图像,所述界面安全区域小于或等于所述背景层;
接收在所述设置界面上触发的边界设置操作;
根据所述边界设置操作确定所述界面安全区域的区域边界的位置参数;
根据所述位置参数生成适配于终端的所述界面安全区域。
2.根据权利要求1所述的方法,其特征在于,所述区域边界包括:上边界、下边界、左边界和右边界;
所述根据所述边界设置操作确定所述界面安全区域的区域边界的位置参数,包括:
根据所述边界设置操作确定所述界面安全区域的区域边界与所述终端的屏幕边界之间的偏移值,所述偏移值包括如下偏移值中的至少一个:
所述界面安全区域的上边界与所述终端的屏幕上边界之间的上偏移值Y1;
所述界面安全区域的下边界与所述终端的屏幕下边界之间的下偏移值Y2;
所述界面安全区域的左边界与所述终端的屏幕左边界之间的左偏移值X1;
所述界面安全区域的右边界与所述终端的屏幕右边界之间的右偏移值X2。
3.根据权利要求2所述的方法,其特征在于,所述设置界面上显示有用于设置所述左边界的左边界线和用于设置所述右边界的右边界线,所述边界设置操作是用于缩放所述左边界线和所述右边界线的第一缩放手势操作;
所述根据所述边界设置操作确定所述界面安全区域的区域边界与所述终端的屏幕边界之间的偏移值,包括:
获取所述第一缩放手势操作的坐标距离差d1;
根据所述坐标距离差d1设置所述界面安全区域的左边界向所述终端的屏幕中间偏移的左偏移值X1;
根据所述坐标距离差d1设置所述界面安全区域的右边界向所述终端的屏幕中间偏移的右偏移值X2。
4.根据权利要求2所述的方法,其特征在于,所述设置界面上显示有用于设置所述左边界的左边界线和用于设置所述右边界的右边界线,所述边界设置操作是用于缩放所述左边界线和所述右边界线的第一拖拽手势操作;
所述根据所述边界设置操作确定所述界面安全区域的区域边界与所述终端的屏幕边界之间的偏移值,包括:
获取所述第一拖拽手势操作的滑动距离差d2;
根据所述滑动距离差d2设置所述界面安全区域的左边界向所述终端的屏幕中间偏移的左偏移值X1;
根据所述滑动距离差d2设置所述界面安全区域的右边界向所述终端的屏幕中间偏移的右偏移值X2。
5.根据权利要求2所述的方法,其特征在于,所述设置界面上显示有用于设置所述上边界的上边界线和用于设置所述下边界的下边界线,所述边界设置操作是用于缩放所述上边界线和所述下边界线的第二缩放手势操作;
所述根据所述边界设置操作确定所述界面安全区域的区域边界与所述终端的屏幕边界之间的偏移值,包括:
获取所述第二缩放手势操作的坐标距离差d3;
根据所述坐标距离差d3设置所述界面安全区域的上边界向所述终端的屏幕中间偏移的上偏移值Y1;
根据所述坐标距离差d3设置所述界面安全区域的下边界向所述终端的屏幕中间偏移的下偏移值Y2。
6.根据权利要求2所述的方法,其特征在于,所述设置界面上显示有用于设置所述上边界的上边界线,所述边界设置操作是用于拖拽所述上边界线的第二拖拽手势操作;
所述根据所述边界设置操作确定所述界面安全区域的区域边界与所述终端的屏幕边界之间的偏移值,包括:
获取所述第二拖拽手势操作的滑动距离差d4;
根据所述滑动距离差d4设置所述界面安全区域的上边界向所述终端的屏幕中间偏移的上偏移值Y1。
7.根据权利要求2所述的方法,其特征在于,所述设置界面上显示有用于设置所述下边界的下边界线,所述边界设置操作是用于拖拽所述下边界线的第三拖拽手势操作;
所述根据所述边界设置操作确定所述界面安全区域的区域边界与所述终端的屏幕边界之间的偏移值,包括:
获取所述第三拖拽手势操作的滑动距离差d5;
根据所述滑动距离差d5设置所述界面安全区域的下边界向所述终端的屏幕中间偏移的下偏移值Y2。
8.根据权利要求1至7任一所述的方法,其特征在于,所述显示界面安全区域的设置界面,包括:
读取所述终端的屏幕分辨率;
根据所述屏幕分辨率确定所述终端的第一长宽比例;
根据所述第一长宽比例显示所述界面安全区域的设置界面,所述设置界面的第二长宽比例与所述第一长宽比例相同。
9.根据权利要求8所述的方法,其特征在于,所述根据所述第一长宽比例显示所述界面安全区域的设置界面,包括:
当所述第一长宽比例是4:3时,将所述界面安全区域的设置界面的宽度设置为所述屏幕分辨率的宽度;
根据所述第二长宽比例是4:3对所述设置界面的高度进行上下裁切;
显示裁切后的所述第二长宽比例是4:3的设置界面。
10.根据权利要求8所述的方法,其特征在于,所述根据所述第一长宽比例显示所述界面安全区域的设置界面,包括:
当所述第一长宽比例是16:9时,将所述界面安全区域的设置界面的高度设置为所述屏幕分辨率的高度;
根据所述第二长宽比例是16:9对所述设置界面的宽度进行左右裁切;
显示裁切后的所述第二长宽比例是16:9的设置界面。
11.一种应用程序的显示适配装置,其特征在于,所述装置包括:
显示模块,用于显示界面安全区域的设置界面,所述设置界面用于对所述界面安全区域的至少一个区域边界进行设置,所述界面安全区域是用于对所述应用程序中的人机交互控件层进行显示的区域,所述应用程序的用户界面包括所述人机交互控件层以及位于所述人机交互控件层下方的背景层,所述背景层为图像,所述界面安全区域小于或等于所述背景层;
接收模块,用于接收在所述设置界面上触发的边界设置操作;
处理模块,用于根据所述边界设置操作确定所述界面安全区域的区域边界的位置参数;
适配模块,用于根据所述位置参数生成适配于终端的所述界面安全区域。
12.根据权利要求11所述的装置,其特征在于,所述显示模块显示的所述区域边界,包括:上边界、下边界、左边界和右边界;
所述处理模块,用于根据所述边界设置操作,确定所述界面安全区域的区域边界与所述终端的屏幕边界之间的偏移值;
所述偏移值包括如下偏移值中的至少一个:
所述界面安全区域的上边界与所述终端的屏幕上边界之间的上偏移值Y1;
所述界面安全区域的下边界与所述终端的屏幕下边界之间的下偏移值Y2;
所述界面安全区域的左边界与所述终端的屏幕左边界之间的左偏移值X1;
所述界面安全区域的右边界与所述终端的屏幕右边界之间的右偏移值X2。
13.根据权利要求12所述的装置,其特征在于,所述显示模块显示的所述设置界面上,显示有用于设置所述左边界的左边界线和用于设置所述右边界的右边界线,所述边界设置操作是用于缩放所述左边界线和所述右边界线的第一缩放手势操作;
所述处理模块,包括:
第一获取单元,用于获取所述第一缩放手势操作的坐标距离差d1;
第一设置单元,用于根据所述坐标距离差d1设置所述界面安全区域的左边界向所述终端的屏幕中间偏移的左偏移值X1,以及用于根据所述坐标距离差d1设置所述界面安全区域的右边界向所述终端的屏幕中间偏移的右偏移值X2。
14.根据权利要求12所述的装置,其特征在于,所述显示模块显示的所述设置界面上,显示有用于设置所述左边界的左边界线和用于设置所述右边界的右边界线,所述边界设置操作是用于缩放所述左边界线和所述右边界线的第一拖拽手势操作;
所述处理模块,包括:
第二获取单元,用于获取所述第一拖拽手势操作的滑动距离差d2;
第二设置单元,用于根据所述滑动距离差d2设置所述界面安全区域的左边界向所述终端的屏幕中间偏移的左偏移值X1,以及根据所述滑动距离差d2设置所述界面安全区域的右边界向所述终端的屏幕中间偏移的右偏移值X2。
15.根据权利要求12所述的装置,其特征在于,所述显示模块显示的所述设置界面上,显示有用于设置所述上边界的上边界线和用于设置所述下边界的下边界线,所述边界设置操作是用于缩放所述上边界线和所述下边界线的第二缩放手势操作;
所述处理模块,包括:
第三获取单元,用于获取所述第二缩放手势操作的坐标距离差d3;
第三设置单元,用于根据所述坐标距离差d3设置所述界面安全区域的上边界向所述终端的屏幕中间偏移的上偏移值Y1,以及根据所述坐标距离差d3设置所述界面安全区域的下边界向所述终端的屏幕中间偏移的下偏移值Y2。
16.根据权利要求12所述的装置,其特征在于,所述显示模块显示的设置界面上,显示有用于设置所述上边界的上边界线,所述边界设置操作是用于拖拽所述上边界线的第二拖拽手势操作;
所述处理模块,包括:
第四获取单元,用于获取所述第二拖拽手势操作的滑动距离差d4;
第四设置单元,用于根据所述滑动距离差d4设置所述界面安全区域的上边界向所述终端的屏幕中间偏移的上偏移值Y1。
17.根据权利要求12所述的装置,其特征在于,所述显示模块显示的所述设置界面上,显示有用于设置所述下边界的下边界线,所述边界设置操作是用于拖拽所述下边界线的第三拖拽手势操作;
所述处理模块,包括:
第五获取单元,用于获取所述第三拖拽手势操作的滑动距离差d5;
第五设置单元,用于根据所述滑动距离差d5设置所述界面安全区域的下边界向所述终端的屏幕中间偏移的下偏移值Y2。
18.根据权利要求11至17任一所述的装置,其特征在于,所述装置,还包括:
读取模块,用于读取所述终端的屏幕分辨率,根据所述屏幕分辨率确定所述终端的第一长宽比例;
设置模块,用于根据所述第一长宽比例,将所述设置界面的第二长宽比例和所述第一长宽比例设置成相同的长宽比例。
19.根据权利要求18所述的装置,其特征在于,所述设置模块,包括:
第一设置单元,用于当所述第一长宽比例是4:3时,将所述界面安全区域的设置界面的宽度设置为所述屏幕分辨率的宽度,并根据所述第二长宽比例是4:3对所述设置界面的高度进行上下裁切;
所述显示模块,用于显示裁切后的所述第二长宽比例是4:3的设置界面。
20.根据权利要求18所述的装置,其特征在于,所述设置模块,还包括:
第二设置单元,用于当所述第一长宽比例是16:9时,将所述界面安全区域的设置界面的高度设置为所述屏幕分辨率的高度,并根据所述第二长宽比例是16:9对所述设置界面的宽度进行左右裁切;
所述显示模块,用于显示裁切后的所述第二长宽比例是16:9的设置界面。
21.一种终端,其特征在于,所述终端包括:处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至10任一所述的应用程序的显示适配方法。
22.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至10任一所述的应用程序的显示适配方法。
Priority Applications (6)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810903285.8A CN109308205B (zh) | 2018-08-09 | 2018-08-09 | 应用程序的显示适配方法、装置、设备及存储介质 |
PCT/CN2019/099863 WO2020030065A1 (zh) | 2018-08-09 | 2019-08-08 | 应用程序的显示适配方法、装置、设备及存储介质 |
EP19846276.4A EP3835953A4 (en) | 2018-08-09 | 2019-08-08 | DISPLAY ADAPTATION PROCESS AND APPARATUS FOR APPLICATION, DEVICE AND STORAGE MEDIA |
JP2020550807A JP7230055B2 (ja) | 2018-08-09 | 2019-08-08 | アプリケーションプログラムの表示適応方法及びその装置、端末、記憶媒体、並びにコンピュータプログラム |
KR1020207027553A KR102491443B1 (ko) | 2018-08-09 | 2019-08-08 | 애플리케이션을 위한 디스플레이 적응 방법 및 장치, 디바이스, 및 저장 매체 |
US17/016,307 US11231845B2 (en) | 2018-08-09 | 2020-09-09 | Display adaptation method and apparatus for application, and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810903285.8A CN109308205B (zh) | 2018-08-09 | 2018-08-09 | 应用程序的显示适配方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109308205A CN109308205A (zh) | 2019-02-05 |
CN109308205B true CN109308205B (zh) | 2020-12-01 |
Family
ID=65226001
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810903285.8A Active CN109308205B (zh) | 2018-08-09 | 2018-08-09 | 应用程序的显示适配方法、装置、设备及存储介质 |
Country Status (6)
Country | Link |
---|---|
US (1) | US11231845B2 (zh) |
EP (1) | EP3835953A4 (zh) |
JP (1) | JP7230055B2 (zh) |
KR (1) | KR102491443B1 (zh) |
CN (1) | CN109308205B (zh) |
WO (1) | WO2020030065A1 (zh) |
Families Citing this family (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109308205B (zh) | 2018-08-09 | 2020-12-01 | 腾讯科技(深圳)有限公司 | 应用程序的显示适配方法、装置、设备及存储介质 |
CN110134475B (zh) * | 2019-04-17 | 2022-03-22 | 深圳壹账通智能科技有限公司 | 显示界面参数配置的方法、装置、计算机设备和存储介质 |
CN112422734A (zh) * | 2019-08-23 | 2021-02-26 | 中移雄安信息通信科技有限公司 | 内容显示方法、装置、终端、屏幕适配网关及通信设备 |
CN111258704A (zh) * | 2020-02-20 | 2020-06-09 | 腾讯科技(深圳)有限公司 | 应用画面的显示方法和装置、存储介质及电子装置 |
CN111949360A (zh) * | 2020-09-01 | 2020-11-17 | 网易(杭州)网络有限公司 | 用户界面适配的方法及装置、电子设备、存储介质 |
CN112379964A (zh) * | 2020-12-02 | 2021-02-19 | 网易(杭州)网络有限公司 | 用户界面的显示控制方法、装置、计算机设备及存储介质 |
JP2022147337A (ja) * | 2021-03-23 | 2022-10-06 | 株式会社リコー | 表示装置、表示方法、プログラム |
CN113190230B (zh) * | 2021-05-21 | 2024-05-03 | 广东群创信息科技有限公司 | 一种自定义设置ui界面的医疗显示方法及系统 |
CN113391869A (zh) * | 2021-06-29 | 2021-09-14 | 南京苏宁软件技术有限公司 | 页面适配的方法、装置、计算机设备和存储介质 |
US20230082764A1 (en) * | 2021-09-13 | 2023-03-16 | Apple Inc. | Displaying on a display with an irregular feature |
WO2023049303A1 (en) * | 2021-09-24 | 2023-03-30 | Apple Inc. | Devices, methods, and graphical user interfaces for displaying menus, windows, and cursors on a display with a notch |
CN114661394B (zh) * | 2022-03-01 | 2024-06-25 | 网易(杭州)网络有限公司 | 界面显示的控制方法、装置、存储介质、处理器 |
CN115658213B (zh) * | 2022-12-02 | 2023-06-09 | 荣耀终端有限公司 | 一种显示方法、电子设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106354396A (zh) * | 2016-08-26 | 2017-01-25 | 乐视控股(北京)有限公司 | 界面调整方法及装置 |
CN107678645A (zh) * | 2017-09-21 | 2018-02-09 | 咪咕音乐有限公司 | 一种信息显示处理方法及装置和存储介质 |
CN107943386A (zh) * | 2017-11-09 | 2018-04-20 | 珠海格力电器股份有限公司 | 一种调整显示界面尺寸的方法及设备 |
CN108196755A (zh) * | 2018-01-30 | 2018-06-22 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
Family Cites Families (29)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8456571B1 (en) * | 2004-02-20 | 2013-06-04 | Broadcast Pix, Inc. | Integrated live video production system |
US9218792B2 (en) | 2008-12-11 | 2015-12-22 | Nvidia Corporation | Variable scaling of image data for aspect ratio conversion |
KR101735610B1 (ko) * | 2010-05-06 | 2017-05-15 | 엘지전자 주식회사 | 영상표시장치의 동작 방법 |
JP5601997B2 (ja) | 2010-12-06 | 2014-10-08 | シャープ株式会社 | 画像形成装置、及び表示制御方法 |
KR20130052753A (ko) * | 2011-08-16 | 2013-05-23 | 삼성전자주식회사 | 터치스크린을 이용한 어플리케이션 실행 방법 및 이를 지원하는 단말기 |
US20140298224A1 (en) | 2012-01-12 | 2014-10-02 | Mitsubishi Electric Corporation | Map display device and map display method |
US9250768B2 (en) * | 2012-02-13 | 2016-02-02 | Samsung Electronics Co., Ltd. | Tablet having user interface |
KR20130110715A (ko) * | 2012-03-30 | 2013-10-10 | 삼성전자주식회사 | 플렉서블 베젤 제공 방법 및 장치 |
KR20130119129A (ko) | 2012-04-23 | 2013-10-31 | 삼성전자주식회사 | 윈도우 크기를 조절하기 위한 방법 및 그 전자 장치 |
JP2014016743A (ja) * | 2012-07-06 | 2014-01-30 | Sharp Corp | 情報処理装置、情報処理装置の制御方法、および情報処理装置の制御プログラム |
US9223406B2 (en) * | 2012-08-27 | 2015-12-29 | Samsung Electronics Co., Ltd. | Screen display control method of electronic device and apparatus therefor |
JP5962465B2 (ja) * | 2012-11-28 | 2016-08-03 | ブラザー工業株式会社 | 画像処理プログラム、画像処理装置、および画像処理方法 |
KR102118381B1 (ko) * | 2013-03-06 | 2020-06-04 | 엘지전자 주식회사 | 이동 단말기 |
KR102137240B1 (ko) * | 2013-04-16 | 2020-07-23 | 삼성전자주식회사 | 디스플레이 영역을 조절하기 위한 방법 및 그 방법을 처리하는 전자 장치 |
JP2015026194A (ja) | 2013-07-25 | 2015-02-05 | シャープ株式会社 | 携帯情報端末装置 |
US9804707B2 (en) * | 2014-09-12 | 2017-10-31 | Microsoft Technology Licensing, Llc | Inactive region for touch surface based on contextual information |
CN104298433A (zh) * | 2014-09-30 | 2015-01-21 | 小米科技有限责任公司 | 屏幕显示方法、装置及移动终端 |
US20160132992A1 (en) * | 2014-11-06 | 2016-05-12 | Microsoft Technology Licensing, Llc | User interface scaling for devices based on display size |
JP6147830B2 (ja) * | 2015-10-28 | 2017-06-14 | 京セラ株式会社 | 携帯電子機器および携帯電子機器の表示方法 |
CN105740107A (zh) * | 2016-05-04 | 2016-07-06 | 刘其锋 | 基于多层显示屏的冗余技术 |
JP2016219026A (ja) | 2016-07-13 | 2016-12-22 | 京セラ株式会社 | 携帯端末、無効領域設定プログラムおよび無効領域設定方法 |
US20180059919A1 (en) * | 2016-08-26 | 2018-03-01 | Adobe Systems Incorporated | Responsive Design Controls |
CN107291356B (zh) * | 2017-08-03 | 2020-05-01 | 北京达佳互联信息技术有限公司 | 文件传输显示控制方法、装置及相应的终端 |
CN107632874B (zh) * | 2017-09-05 | 2023-11-03 | Oppo广东移动通信有限公司 | 界面显示方法、装置及终端 |
CN107679120A (zh) * | 2017-09-18 | 2018-02-09 | 广东中标数据科技股份有限公司 | 一种多功能的可视化展示平台及其实现方法 |
US11119650B2 (en) * | 2017-11-09 | 2021-09-14 | Dell Products L.P. | Information handling system with a user defined touch area and user defined display area on a horizontal work surface |
CN108182043B (zh) * | 2018-01-19 | 2020-06-16 | 维沃移动通信有限公司 | 一种信息显示方法及移动终端 |
CN108073343B (zh) * | 2018-01-26 | 2019-12-17 | 维沃移动通信有限公司 | 一种显示界面调整方法及移动终端 |
CN109308205B (zh) * | 2018-08-09 | 2020-12-01 | 腾讯科技(深圳)有限公司 | 应用程序的显示适配方法、装置、设备及存储介质 |
-
2018
- 2018-08-09 CN CN201810903285.8A patent/CN109308205B/zh active Active
-
2019
- 2019-08-08 KR KR1020207027553A patent/KR102491443B1/ko active IP Right Grant
- 2019-08-08 JP JP2020550807A patent/JP7230055B2/ja active Active
- 2019-08-08 WO PCT/CN2019/099863 patent/WO2020030065A1/zh unknown
- 2019-08-08 EP EP19846276.4A patent/EP3835953A4/en active Pending
-
2020
- 2020-09-09 US US17/016,307 patent/US11231845B2/en active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106354396A (zh) * | 2016-08-26 | 2017-01-25 | 乐视控股(北京)有限公司 | 界面调整方法及装置 |
CN107678645A (zh) * | 2017-09-21 | 2018-02-09 | 咪咕音乐有限公司 | 一种信息显示处理方法及装置和存储介质 |
CN107943386A (zh) * | 2017-11-09 | 2018-04-20 | 珠海格力电器股份有限公司 | 一种调整显示界面尺寸的方法及设备 |
CN108196755A (zh) * | 2018-01-30 | 2018-06-22 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
EP3835953A4 (en) | 2021-10-13 |
JP7230055B2 (ja) | 2023-02-28 |
US11231845B2 (en) | 2022-01-25 |
US20200409545A1 (en) | 2020-12-31 |
WO2020030065A1 (zh) | 2020-02-13 |
KR20200123223A (ko) | 2020-10-28 |
KR102491443B1 (ko) | 2023-01-27 |
CN109308205A (zh) | 2019-02-05 |
EP3835953A1 (en) | 2021-06-16 |
JP2021516818A (ja) | 2021-07-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109308205B (zh) | 应用程序的显示适配方法、装置、设备及存储介质 | |
CN112162671B (zh) | 直播数据处理方法、装置、电子设备及存储介质 | |
CN108710525B (zh) | 虚拟场景中的地图展示方法、装置、设备及存储介质 | |
CN110427110B (zh) | 一种直播方法、装置以及直播服务器 | |
CN111324250B (zh) | 三维形象的调整方法、装置、设备及可读存储介质 | |
CN109862412B (zh) | 合拍视频的方法、装置及存储介质 | |
CN112044065B (zh) | 虚拟资源的显示方法、装置、设备及存储介质 | |
WO2022134632A1 (zh) | 作品处理方法及装置 | |
CN110321126B (zh) | 生成页面代码的方法和装置 | |
CN111083526B (zh) | 视频转场方法、装置、计算机设备及存储介质 | |
CN112578971B (zh) | 页面内容展示方法、装置、计算机设备及存储介质 | |
CN112363660B (zh) | 封面图像的确定方法、装置、电子设备及存储介质 | |
CN107656794B (zh) | 界面显示方法和装置 | |
CN112565806A (zh) | 虚拟礼物赠送方法、装置、计算机设备及介质 | |
CN111796990A (zh) | 资源显示方法、装置、终端及存储介质 | |
CN112825040A (zh) | 用户界面的显示方法、装置、设备及存储介质 | |
CN112381729B (zh) | 图像处理方法、装置、终端及存储介质 | |
CN113160031A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN112257594A (zh) | 多媒体数据的显示方法、装置、计算机设备及存储介质 | |
CN109032492B (zh) | 一种切歌的方法及装置 | |
CN112860046A (zh) | 选择运行模式的方法、装置、电子设备及介质 | |
CN111949341A (zh) | 展示信息的方法、装置、设备及存储介质 | |
CN113209610B (zh) | 虚拟场景画面展示方法、装置、计算机设备及存储介质 | |
WO2018192455A1 (zh) | 一种生成字幕的方法及装置 | |
CN113194329A (zh) | 直播互动方法、装置、终端及存储介质 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |