CN115934230A - 显示适配方法、装置、计算机可读存储介质及电子设备 - Google Patents
显示适配方法、装置、计算机可读存储介质及电子设备 Download PDFInfo
- Publication number
- CN115934230A CN115934230A CN202211581023.7A CN202211581023A CN115934230A CN 115934230 A CN115934230 A CN 115934230A CN 202211581023 A CN202211581023 A CN 202211581023A CN 115934230 A CN115934230 A CN 115934230A
- Authority
- CN
- China
- Prior art keywords
- page
- window
- window control
- width
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种显示适配方法、显示适配装置、计算机可读存储介质以及电子设备,属于显示技术领域。其中,显示适配方法包括:根据预设的布局方法,在可视窗口中生成带有预设竖屏布局的第一页面;根据可视窗口创建视窗控件并将第一页面嵌入于视窗控件中;在视窗控件中调整第一页面的规格,得到第二页面;将带有第二页面的视窗控件旋转后显示,使旋转后的第二页面与可视窗口相适配。显示适配方法可以无需改变竖屏布局页面中的布局方法,就可以将竖屏页面适配显示在横屏显示设备中,有效解决了横屏设备无法正常渲染竖屏布局的页面的问题。
Description
技术领域
本申请涉及显示技术领域,尤其涉及一种显示适配方法、装置、计算机可读存储介质及电子设备。
背景技术
随着移动互联网技术的发展,智能电视和各种应用场景定制化的智能大屏显示设备层出不穷,智能电视或者智能大屏显示设备安装有各种APP以提供响应的功能和显示相应的活动页面。由于显示设备的显示窗口是固定的,无法像智能手机一样使得窗口实现横屏和竖屏自由切换。如此,使得用户在大屏显示设备中安装带有竖屏布局页面时,只能显示竖屏布局页面的上部分而无法正常渲染竖屏布局的页面,体验感较差。
如果想让带有竖屏布局页面在所述大屏显示设备中正常显示,需要对每个带有竖屏布局页面的应用进行二次开发。目前在对应用二次开发时,开发人员往往需要重新对每个应用的页面布局重新进行改写,如此会花费大量的工作量。
发明内容
本申请提供了一种提供开发效率高的显示适配方法、装置、以及电子设备。
第一方面,本申请实施例提供一种显示适配方法,应用于显示设备,所述显示设备包括可视窗口,所述显示适配方法包括:根据预设的布局方法,在所述可视窗口中生成带有预设竖屏布局的第一页面;根据所述可视窗口创建视窗控件并将所述第一页面嵌入于所述视窗控件中;在所述视窗控件中调整所述第一页面的规格,得到第二页面;将带有所述第二页面的视窗控件旋转后显示,使旋转后的所述第二页面与所述可视窗口相适配。
第二方面,本申请实施例提供一种显示适配装置,应用于显示设备,所述显示设备包括可视窗口。所述显示适配装置包括生成单元、创建单元、调整单元以及旋转单元。根据预设的布局方法,在所述可视窗口中生成带有预设竖屏布局的第一页面。创建单元,用于根据所述可视窗口创建视窗控件并将所述第一页面嵌入于所述视窗控件中。调整单元,在所述视窗控件中调整所述第一页面的规格,得到第二页面。旋转单元,用于将带有所述第二页面的视窗控件旋转后显示,使旋转后的所述第二页面与所述可视窗口相适配。
第三方面,本申请实施例提供一种计算机可读存储介质。所述计算机可读存储介质用于存储计算机程序,所述计算机程序被处理器执行以实现上述显示适配方法。
第四方面,本申请实施例提供一种实现适配显示的电子设备,所述电子设备包括存储器、以及处理器。存储器,用于存储计算机程序指令。处理器,用于执行所述计算机程序指令实现上述的显示适配方法。
上述显示适配方法、装置、计算机可读存储介质、以及电子设备中,带有竖屏布局得第一页面是根据预设的布局方法生成的,仅是根据视窗控件对第一页面的规格进行调整和旋转,即可使得最终显示的页面与可视窗口相适配。因此,可以无需改变竖屏布局页面中的布局方法,就可以将竖屏页面适配显示在横屏显示设备中,有效解决了横屏设备无法正常渲染竖屏布局的页面的问题。因此,无需一一对页面布局方法进行改写来适配显示在横屏显示设备,从而大大提升了开发效率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图示出的结构获得其他的附图。
图1为本申请实施例提供的显示适配方法流程图。
图2为本申请实施例提供的可视窗口的示意图。
图3为本申请实施例提供的第一页面的示意图。
图4为本申请实施例提供的视窗控件的示意图。
图5为本申请实施例提供的显示适配过程的示意图。
图6为本申请实施例提供的显示适配装置的功能框图。
图7为本申请实施例提供的页面适配显示的效果示意图。
图8为本申请实施例提供的实现适配显示的电子设备的示意图。
本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本申请,并不用于限定本申请。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的规划对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,换句话说,描述的实施例根据除了这里图示或描述的内容以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,还可以包含其他内容,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于只清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是,在本申请中涉及“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者多个该特征。另外,各个实施例之间的技术方案可以相互结合,但是必须是以本领域普通技术人员能够实现为基础,当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在,也不在本申请要求的保护范围之内。
本申请提供的通过可以无需改变竖屏布局页面中的布局方法,就可以将竖屏页面适配显示在横屏显示设备中,有效解决了横屏设备无法正常渲染竖屏布局的页面的问题。因此,无需一一对页面布局方法进行改写来适配显示在横屏显示设备,也大大提升了开发效率。
请参看图1,其为本申请实施例提供的显示适配方法流程图。所述显示适配方法具体包括以下步骤。
步骤S102,根据预设的布局方法,在所述可视窗口中生成带有预设竖屏布局的第一页面。
在本实施例中,电子设备的显示设备中配置有具有第一规格的可视窗口,用于显示内容。其中,在执行步骤S102之前,所述可视窗口已被配置在所述显示设备中。第一规格包括可视窗口的第一高度及第一宽度。第一高度的数值小于第一宽度的数值,即可视窗口为横向视窗。所述显示设备为横屏显示设备。
图2是本申请实施例提供的可视窗口的示意图。如图2所示,可视窗口V被配置在显示设备中。可视窗口的第一高度为H1;可视窗口的第一宽度W1,第一高度H1的数值小于第一宽度W1的数值。需说明的是,在本实施例中,可视窗口的规格,即第一规格,是通过调用预设的控件测量方法获得,例如,onMeasure方法。
在本实施例中,预设的布局方法是使页面成竖屏布局的方法。进一步地,预设的布局方法用于按照竖屏显示来规划页面中所有元素的元素尺寸、页面尺寸、位置。相应地,第一页面由于是使用了预设的布局方法,因此,第一页面的整体布局为竖屏布局。
在本实施例中,第一页面具有第二规格。第二规格包括第一页面的第二高度及第二宽度。由于第一页面为竖屏布局,即第二高度的数值大于第二宽度的数值。第二高度和第二宽度根据预设的布局方法的初始值设定。在本实施例中,初始值为第二高度和第二宽度的比例值。预设的布局方法根据可视窗口的第二宽度的数值、以及比例值即可得到第一页面的第二规格。
图3是本申请实施例提供的第一页面的示意图。以图3示出的第一页面为例,第一页面P1的第二高度的数值为H2和第二宽度的数值为W2。第二高度H2和第二宽度W2根据预设的布局方法的初始值设定。预设的布局方法的初始值第二高度和第二宽度16:9,则若把第一宽度的数值W1作为预设布局方法中的高度数值,也就是把第一页面的第二宽度的数值W2,则第一页面的第二高度的数值H2即为W1*9/16。
步骤S104,根据所述可视窗口创建视窗控件并将所述第一页面嵌入于所述视窗控件中。
在步骤S104中,视窗控件在预设的布局方法之外定义的一个控件,并设置在可视窗口的一个可视化图形控件。在本实施例中,将第一页面嵌入到视窗控件中,从而可以通过对视窗控件的操作来调整第一页面以使第一页面与可视窗口适配。具体地,由于预设的布局方法是竖屏布局,为了能够使生成的第一页面能够在视窗控件全部显示,需确保视窗控件的最小边不能小于第一页面的最长边。由于第一页面的最长边与可视窗口的规格相关,因此,视窗控件的规格被预先设置为与可视窗口的规格相关。
在本实施例中,第一页面的最长边的数值为第一宽度的数值,因此,视窗控件的最小边需要大于或者等于第一宽度的数值。视窗控件的规格被预先设置为与可视窗口的第一宽度相关,也就可视窗口中第一高度和第一宽度中数值最大者相关。
在本实施例中,以第一宽度的数值作为视窗控件的最小边的数值。在一些可行的实施例中,视窗控件的最小边也可以大于第一宽度的数值。
在具体实现时,视窗控件被配置为正方形,且正方形的边长的数值与第一宽度的数值相等。也就是说,视窗控件的高度的数值大于可视窗口高度的数值,也就是说,视窗控件仅是部分在可视窗口中显示。在本实施例中,将视窗控件的顶边与可视窗口顶边平齐,也就是说,视窗控件上部分显示于可视窗口。当然可以理解地,也可以使视窗控件的下部分显示于可视窗口。
由于视窗控件被配置为正方形更方便显示适配方法的实现,具体内容将在下文描述。也就是说,优选地,步骤S104具体包括:根据所述第一宽度创建所述视窗控件,所述视窗控件为正方形,所述正方形的边长的数值与所述第一宽度的数值相同。
请结合参看图4,图4为视窗控件的示意图。在图4中,视窗控件C为正方形且视窗控件的边长的数值为W1,与第一宽度的数值相等。也就是说,第一页面P1可以全部嵌入视窗控件内。
具体地,视窗控件还需要被预先配置出嵌入第一页面的位置。第一页面可以设置于视窗控件中任意位置。在本实施例中,将所述第一页面嵌入于所述视窗控件的最右边,可以方便显示适配方法的实现,具体内容将在下文描述。也就是说,优选地,步骤S104具体还包括:将所述第一页面嵌入所述视窗控件且使所述第一页面的右边缘与所述视窗控件的右边缘重合。
请结合参看图5,图5展示了第一页面嵌入视窗控件的示意图。在图5中,所述第一页面P1嵌入视窗控件C且使第一页面P1的右边缘R1与视窗控件C的右边R2缘重合。
步骤S106,在所述可视窗口中调整所述第一页面的规格,得到第二页面。
由于预设的布局方法是竖屏布局,第一页面的第二宽度的数值及第二高度的数值与可视窗口中第一宽度的数值和第一高度的数值并不相同。为了能够使得第一页面能够在可视窗口中适配显示,则第一页面的各边长在数值上与可视窗口的各边长在数值上先需要匹配好。因此,需要将第一页面的规格进行调整得到第二页面,也就是说第二页面的规格与可视窗口中第一宽度的数值及第一高度的数值需要一一适配。在本实施例中,第二页面具有第三规格。第三规格包括第三高度和第三宽度,其中,所述第三高度的数值与所述第一宽度的数值相同,所述第三宽度的数值与所述第一高度的数值相同。也就是说,调整所述第一页面的规格,就是将第一页面的第二高度及第二宽度由可视窗口的第一宽度和第一高度配置,即将所述可视窗口的第一宽度和第一高度分别赋予所述第一页面的第二高度和第二宽度,从而得到所述第二页面,且所述第二页面的第三高度为所述可视窗口的第一宽度,所述第二页面的第三宽度为所述可视窗口的第一高度。也就是说,此时,所述第二页面在视窗控件中,所述第二页面的宽度与所述可视窗口的高度相适配,所述第二页面的高度与所述可视窗口的款的宽度相适配。进一步可以理解为,所述第二页面和所述可视窗口呈90度设置。即,优选地,步骤S106具体包括:将所述可视窗口的第一宽度和第一高度分别赋予所述第一页面的第二高度和第二宽度,从而得到所述第二页面。
请再次参看图5,图5中还示出了第二页面、视窗控件、可视窗口的位置关系变化过程。仍以所述第一页面P1嵌入视窗控件C且使第一页面P1的右边缘R1与视窗控件C的右边R2缘重合为例。在图5中,当第一页面P1被调整为第二页面时,第二页面P2的第三高度的数值为W1,与可视窗口V的第一宽度数值相等;第二页面P2的第三宽度的数值为H1,与可视窗口V的第一高度数值相等。其中,第二页面P2与可视窗口V之间呈90度设置,且仍然保持第二页面P2的右边缘R3与视窗控件C的右边R2缘重合。
可以理解地,由于视窗控件是由可视窗口的第一高度和第一宽度中数值最大的一者作为边长,从而当第一页面调整为第二页面时,仍然可以显示第二页面的全部内容,使得在第一页面在调整尺寸的时候无需考虑视窗控件尺寸问题,更加简便。
步骤S108,将带有所述第二页面的视窗控件旋转后显示,使旋转后的所述第二页面与所述可视窗口相适配。
由于本实施例,对预设的布局方法没有改变,因此,对第一页面的尺寸调整中,高度和宽度都是按照预设好的比例调整,也就是说,第一页面的尺寸宽度和高度的比例未改变,从而使第二页面的形状与可视窗口的形状相同,但是呈现出的摆放方位呈90度设置。因此,需要将第二页面进行旋转后才能够适配。
在步骤S108中,为了能够使第二页面与可视窗口相适配,则需要将带有所述第二页面旋转,且旋转需要为90度的倍数。
在本实施例中,由于可视窗口为正方形从而只需要以可视窗控件的中心为旋转中心并将视窗控件旋转90度即可使得第二页面正好改变90度,从而使与可视窗口相适配。因此,可视窗口为正方形更方便调整第二页面的角度与可视窗口相适配。
进一步地,由于第二页面的右边缘与视窗控件的右边缘重合,从而第二页面旋转90度后位于视窗控件的上部分,从而可以直接在可视窗口中显示。也就是说,第二页面的右边缘与视窗控件的右边缘重合,从而只要旋转90度后即可在可视窗口中显示,而无需考虑旋转后第二页面是否与可视窗口是否对齐。
请再次参看图5,在图5中,在将带有所述第二页面P2的视窗控件C旋转后显示的过程中,以所述视窗控件C的中心作为旋转中心将带有第二页面P2的视窗控件C旋转90度后即显示于可视窗口V中。
上述实施例中,由于可视窗口与视窗控件的上部分对应,因此将第一页面与视窗控件的右边缘对齐,简化了对调整第一页面与可视窗口位置适配的问题。
进一步可以理解地,所述视窗控件和可视窗口之间的位置也可以调整,如上所述,可以调整为所述视窗控件的下部分与可视窗口相对应,相应地,可以将所述第一页面与所述视窗控件的左边缘对齐,同样地,以所述视窗控件的中心作为旋转中心将带有所述第二页面的所述视窗控件向左旋转90度也同样可以快速地调整所述第二页面和所述可视窗口相适配。
进一步可以理解地,将可视窗口设置为正方形即使一种示例,而不应视为限制,可视窗口还可以为长方形,只要确保可视窗口最小边不小于第一页面的最长边即可。
在具体实现时,将显示适配方法与预设的布局方法进行关联,从而在预设的布局方法被调用时,显示适配方法被调用即可实现将根据所述预设的布局方法所生成的第一页面进行处理在可视窗口中适配。也就是说,本申请提供的显示适配方法可以无需改变竖屏布局页面中的布局方法,就可以将竖屏页面适配显示在横屏显示设备中,有效解决了横屏设备无法正常渲染竖屏布局的页面问题。另外,页面采用竖屏布局的页面在横屏显示设备时,只需要将本申请提供的适配显示方法作为一个控件,将控件与竖屏布局方法进行关联,即可适配显示在横屏显示设备,而无需一一对页面的布局方法进行改写来适配显示在横屏显示设备,从而大大提升了开发效率。
请参看图6,其为本申请实施例提供的显示适配装置的功能模块示意图。显示适配装置100包括生成单元10、创建单元20、调整单元30、以及旋转单元40。
生成单元10,用于根据预设的布局方法,在所述可视窗口中生成带有预设竖屏布局的第一页面。
在本实施例中,显示设备中配置有具有第一规格的可视窗口,用于显示内容。其中,在执行步骤S102之前,所述可视窗口已被配置在所述显示设备中。第一规格包括可视窗口的第一高度及第一宽度。第一高度的数值小于第一宽度的数值,即可视窗口为横向视窗。
图2是本申请实施例提供的可视窗口的示意图。如图2所示,可视窗口V被配置在显示设备中。可视窗口的第一高度为H1;可视窗口的第一宽度W1,第一高度H1的数值小于第一宽度W1的数值。需说明的是,在本实施例中,可视窗口的规格,即第一规格,是通过调用预设的控件测量方法获得,例如,onMeasure方法。
在本实施例中,预设的布局方法是使页面成竖屏布局的方法。进一步地,预设的布局方法用于按照竖屏显示来规划页面中所有元素的元素尺寸、页面尺寸、位置。相应地,第一页面由于是使用了预设的布局方法,因此,第一页面的整体布局为竖屏布局。
在本实施例中,第一页面具有第二规格。第二规格包括第一页面的第二高度及第二宽度。由于第一页面为竖屏布局,即第二高度的数值大于第二宽度的数值。第二高度和第二宽度根据预设的布局方法的初始值设定。在本实施例中,初始值为第二高度和第二宽度的比例值。预设的布局方法根据可视窗口的第二宽度的数值、以及比例值即可得到第一页面的第二规格。
图3是本申请实施例提供的第一页面的示意图。以图3示出的第一页面为例,第一页面P1的第二高度的数值为H2和第二宽度的数值为W2。第二高度H2和第二宽度W2根据预设的布局方法的初始值设定。预设的布局方法的初始值第二高度和第二宽度16:9,则若把第一宽度的数值W1作为预设布局方法中的高度数值,也就是把第一页面的第二宽度的数值W2,则第一页面的第二高度的数值H2即为W1*9/16。
创建单元20,用于根据所述可视窗口创建视窗控件并将所述第一页面嵌入于所述视窗控件中。
在本实施例中,视窗控件在预设的布局方法之外定义的一个控件,并设置在可视窗口的一个可视化图形控件。在本实施例中,将第一页面嵌入到视窗控件中,从而可以通过对视窗控件的操作来调整第一页面以使第一页面与可视窗口适配。具体地,由于预设的布局方法是竖屏布局,为了能够使生成的第一页面能够在视窗控件全部显示,需确保视窗控件的最小边不能小于第一页面的最长边。由于第一页面的最长边与可视窗口的规格相关,因此,视窗控件的规格被预先设置为与可视窗口的规格相关。
在本实施例中,第一页面的最长边的数值为第一宽度的数值,因此,视窗控件的最小边需要大于或者等于第一宽度的数值。视窗控件的规格被预先设置为与可视窗口的第一宽度相关,也就可视窗口中第一高度和第一宽度中数值最大者相关。
在本实施例中,以第一宽度的数值作为视窗控件的最小边的数值。在一些可行的实施例中,视窗控件的最小边也可以大于第一宽度的数值。
在具体实现时,视窗控件被配置为正方形,且正方形的边长的数值与第一宽度的数值相等。也就是说,视窗控件的高度的数值大于可视窗口高度的数值,也就是说,视窗控件仅是部分在可视窗口中显示。在本实施例中,将视窗控件的顶边与可视窗口顶边平齐,也就是说,视窗控件上部分显示于可视窗口。当然可以理解地,也可以使视窗控件的下部分显示于可视窗口。
由于视窗控件被配置为正方形更方便显示适配方法的实现,具体内容将在下文描述。也就是说,优选地,创建单元20根据所述第一宽度创建所述视窗控件,所述视窗控件为正方形,所述正方形的边长的数值与所述第一宽度的数值相同。
请结合参看图4,图4为视窗控件的示意图。在图4中,视窗控件C为正方形且视窗控件的边长的数值为W1,与第一宽度的数值相等。也就是说,第一页面P1可以全部嵌入视窗控件内。
具体地,视窗控件还需要被预先配置出嵌入第一页面的位置。第一页面可以设置于视窗控件中任意位置。在本实施例中,将所述第一页面嵌入于所述视窗控件的最右边,可以方便显示适配方法的实现,具体内容将在下文描述。也就是说,优选地,创建单元20还将所述第一页面嵌入所述视窗控件且使所述第一页面的右边缘与所述视窗控件的右边缘重合。
请结合参看图5,图5展示了第一页面嵌入视窗控件的示意图。在图5中,所述第一页面P1嵌入视窗控件C且使第一页面P1的右边缘R1与视窗控件C的右边R2缘重合。
调整单元30,用于在所述视窗控件中调整所述第一页面的规格,得到第二页面。
由于预设的布局方法是竖屏布局,第一页面的第二宽度的数值及第二高度的数值与可视窗口中第一宽度的数值和第一高度的数值并不相同。为了能够使得第一页面能够在可视窗口中适配显示,则第一页面的各边长在数值上与可视窗口的各边长在数值上先需要匹配好。因此,需要将第一页面的规格进行调整得到第二页面,也就是说第二页面的规格与可视窗口中第一宽度的数值及第一高度的数值需要一一适配。在本实施例中,第二页面具有第三规格。第三规格包括第三高度和第三宽度,其中,所述第三高度的数值与所述第一宽度的数值相同,所述第三宽度的数值与所述第一高度的数值相同。也就是说,调整所述第一页面的规格,就是将第一页面的第二高度及第二宽度由可视窗口的第一宽度和第一高度配置,即将所述可视窗口的第一宽度和第一高度分别赋予所述第一页面的第二高度和第二宽度,从而得到所述第二页面,且所述第二页面的第三高度为所述可视窗口的第一宽度,所述第二页面的第三宽度为所述可视窗口的第一高度。也就是说,此时,所述第二页面在视窗控件中,所述第二页面的宽度与所述可视窗口的高度相适配,所述第二页面的高度与所述可视窗口的款的宽度相适配。进一步可以理解为,所述第二页面和所述可视窗口呈90度设置。即,优选地,调整单元30将所述可视窗口的第一宽度和第一高度分别赋予所述第一页面的第二高度和第二宽度,从而得到所述第二页面。
请再次参看图5,图5中还示出了第二页面、视窗控件、可视窗口的位置关系变化过程。仍以所述第一页面P1嵌入视窗控件C且使第一页面P1的右边缘R1与视窗控件C的右边R2缘重合为例。在图5中,当第一页面P1被调整为第二页面时,第二页面P2的第三高度的数值为W1,与可视窗口V的第一宽度数值相等;第二页面P2的第三宽度的数值为H1,与可视窗口V的第一高度数值相等。其中,第二页面P2与可视窗口V之间呈90度设置,且仍然保持第二页面P2的右边缘R3与视窗控件C的右边R2缘重合。
可以理解地,由于视窗控件是由可视窗口的第一高度和第一宽度中数值最大的一者作为边长,从而当第一页面调整为第二页面时,仍然可以显示第二页面的全部内容,使得在第一页面在调整尺寸的时候无需考虑视窗控件尺寸问题,更加简便。
旋转单元41用于将带有所述述第二页面的视窗控件旋转后显示,使旋转后的所述第二页面与所述可视窗口相适配。
由于本实施例,对预设的布局方法没有改变,因此,对第一页面的尺寸调整中,高度和宽度都是按照预设好的比例调整,也就是说,第一页面的尺寸宽度和高度的比例未改变,从而使第二页面的形状与可视窗口的形状相同,但是呈现出的摆放方位呈90度设置。因此,需要将第二页面进行旋转后才能够适配。
另外,在本实施例中,为了能够使第二页面与可视窗口相适配,则需要将带有所述第二页面旋转,且旋转需要为90度的倍数。
在本实施例中,由于可视窗口为正方形从而只需要以可视窗控件的中心为旋转中心并将视窗控件旋转90度即可使得第二页面正好改变90度,从而使与可视窗口相适配。因此,可视窗口为正方形更方便调整第二页面的角度与可视窗口相适配。
进一步地,由于第二页面的右边缘与视窗控件的右边缘重合,从而第二页面旋转90度后位于视窗控件的上部分,从而可以直接在可视窗口中显示。也就是说,第二页面的右边缘与视窗控件的右边缘重合,从而只要旋转90度后即可在可视窗口中显示,而无需考虑旋转后第二页面是否与可视窗口是否对齐。
可以理解地,优选地,旋转单元41以所述视窗控件的中心作为旋转中心将带有所述第二页面的视窗控件旋转900后显示。
请参看图7,图7示使用本申请提供的适配显示装置后得到的效果图。在图7中,横向显示设备D设有可视窗口V1。页面P3的内容依然呈竖屏布局,而页面P3的规格与可视窗口V的规格适配,从而使页面P3适配显示于电子设备90中。
上述实施例中,由于可视窗口与视窗控件的上部分对应,因此将第一页面与视窗控件的右边缘对齐,简化了对调整第一页面与可视窗口位置适配的问题。
进一步可以理解地,所述视窗控件和可视窗口之间的位置也可以调整,如上所述,可以调整为所述视窗控件的下部分与可视窗口相对应,相应地,可以将所述第一页面与所述视窗控件的左边缘对齐,同样地,以所述视窗控件的中心作为旋转中心将带有所述第二页面的所述视窗控件向左旋转90度也同样可以快速地调整所述第二页面和所述可视窗口相适配。
进一步可以理解地,将可视窗口设置为正方形即使一种示例,而不应视为限制,可视窗口还可以为长方形,只要确保可视窗口最小边不小于第一页面的最长边即可。
请参看图8,其为本申请实施例提供的实现适配显示的电子设备90示意图。电子设备90包括存储器901以及处理器902。其中,处理器902用于运行存储器901中的显示适配程序以实现上述适配显示方法。
存储器901至少包括一种类型的可读存储介质,该可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或者DX存储器等)、磁性存储器、磁盘、光盘等。存储器901在一些实施例中可以是计算机设备的内部存储单元,例如计算机设备的硬盘。存储器901在另一些实施例中也可以是外部计算机设备的存储设备,例如计算机设备中上配置的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,存储器901还可以既包括计算机设备的内部存储单元也包括外部存储设备。存储器901不仅可以用于存储安装于计算机设备的应用软件及各类数据,例如实现显示适配的代码等,还可以用于暂时地存储已经输出或者将要输出的数据。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘且本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。
以上所列举的仅为本申请较佳实施例而已,当然不能以此来限定本申请之权利范围,因此依本申请权利要求所作的等同变化,仍属于本申请所涵盖的范围。
Claims (10)
1.一种显示适配方法,应用于显示设备,其特征在于,所述显示设备包括可视窗口,所述方法包括:
根据预设的布局方法,在所述可视窗口中生成带有预设竖屏布局的第一页面;
根据所述可视窗口创建视窗控件并将所述第一页面嵌入于所述视窗控件中;
在所述视窗控件中调整所述第一页面的规格,得到第二页面;
将带有所述第二页面的视窗控件旋转后显示,使旋转后的所述第二页面与所述可视窗口相适配。
2.如权利要求1所述的显示适配方法,其特征在于,根据预设的布局方法,在所述可视窗口中生成带有预设竖屏布局的第一页面之前,所述显示适配方法还包括:
在显示设备中配置所述可视窗口,所述可视窗口具有第一规格,用于显示内容。
3.如权利要求2所述的显示适配方法,其特征在于,所述第一规格包括:所述可视窗口的第一高度及第一宽度,所述第一高度的数值小于所述第一宽度的数值;根据所述可视窗口创建视窗控件包括:
根据所述第一宽度创建所述视窗控件,所述视窗控件为正方形,所述正方形的边长的数值与所述第一宽度的数值相同。
4.如权利要求3所述的显示适配方法,其特征在于,所述第一页面包括第二规格,所述第二页面包括第三规格;所述第二规格包括第二高度和第二宽度;所述第三规格包括第三高度和第三宽度,所述第三高度的数值与所述第一宽度的数值相同,所述第三宽度的数值与所述第一高度的数值相同。
5.如权利要求4所述的显示适配方法,其特征在于,将所述第一页面嵌入于所述视窗控件中包括:将所述第一页面嵌入所述视窗控件且使所述第一页面的右边缘与所述视窗控件的右边缘重合。
6.如权利要求5所述的显示适配方法,其特征在于,将带有所述第二页面的视窗控件旋转后显示,包括:
以所述视窗控件的中心作为旋转中心将带有所述第二页面的视窗控件旋转900后显示。
7.一种显示适配装置,应用于显示设备,所述显示设备包括可视窗口,其特征在于,所述显示适配装置包括:
生成单元,用于根据预设的布局方法,在所述可视窗口中生成带有预设竖屏布局的第一页面;
创建单元,用于根据所述可视窗口创建视窗控件并将所述第一页面嵌入于所述视窗控件中;
调整单元,用于在所述视窗控件中调整所述第一页面的规格,得到第二页面;以及
旋转单元,用于将带有所述第二页面的视窗控件旋转后显示,使旋转后的所述第二页面与所述可视窗口相适配。
8.如权利要求7所述的显示适配装置,其特征在于,所述可视窗口具有第一规格,所述第一规格包括所述可视窗口的第一高度及第一宽度、以及所述第一高度的数值小于所述第一宽度的数值;所述视窗控件为正方形,所述正方形的边长的数值与所述第一宽度的数值相同。
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质用于存储计算机程序,所述计算机程序被处理器执行以实现如权利要求1-6任一项所述的显示适配方法。
10.一种实现适配显示的电子设备,其特征在于,所述电子设备包括:
存储器,用于存储计算机程序指令;
处理器,用于执行所述计算机程序指令实现如权利要求1-6任一项所述的显示适配方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211581023.7A CN115934230A (zh) | 2022-12-09 | 2022-12-09 | 显示适配方法、装置、计算机可读存储介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211581023.7A CN115934230A (zh) | 2022-12-09 | 2022-12-09 | 显示适配方法、装置、计算机可读存储介质及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115934230A true CN115934230A (zh) | 2023-04-07 |
Family
ID=86653652
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211581023.7A Pending CN115934230A (zh) | 2022-12-09 | 2022-12-09 | 显示适配方法、装置、计算机可读存储介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115934230A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117111813A (zh) * | 2023-10-19 | 2023-11-24 | 深圳市慧为智能科技股份有限公司 | 一种显示适配方法、装置及电子设备、存储介质 |
-
2022
- 2022-12-09 CN CN202211581023.7A patent/CN115934230A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117111813A (zh) * | 2023-10-19 | 2023-11-24 | 深圳市慧为智能科技股份有限公司 | 一种显示适配方法、装置及电子设备、存储介质 |
CN117111813B (zh) * | 2023-10-19 | 2024-02-20 | 深圳市慧为智能科技股份有限公司 | 一种显示适配方法、装置及电子设备、存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2017101250A1 (zh) | 加载进度的显示方法及终端 | |
CN103562862B (zh) | 全局合成系统 | |
WO2017166210A1 (zh) | 应用程序的处理方法及终端设备 | |
EP2950196B1 (en) | Electronic device and method for operating display | |
US20190012821A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
US20130036196A1 (en) | Method and system for publishing template-based content | |
CN106095437A (zh) | 用户界面从右到左rtl的布局方式的实现方法及装置 | |
CN104238881A (zh) | 终端信息的显示方法、装置及终端 | |
CN102800045A (zh) | 一种图像处理的方法及装置 | |
US11119973B2 (en) | Managing white space in a portal web page | |
CN111158820B (zh) | 控件点击事件处理方法、装置、电子设备及存储介质 | |
CN104765528A (zh) | 一种虚拟键盘显示方法及装置 | |
CN115934230A (zh) | 显示适配方法、装置、计算机可读存储介质及电子设备 | |
CN105739972A (zh) | 一种实现控件自适应屏幕的方法和装置 | |
CN113467689A (zh) | 可弯折电子设备及其界面适配方法 | |
CN116091672A (zh) | 图像渲染方法、计算机设备及其介质 | |
CN107943805B (zh) | 一种动画渲染及发布方法、装置 | |
CN114356479B (zh) | 一种页面渲染方法及装置 | |
CN108363584A (zh) | 机顶盒桌面程序升级方法及装置 | |
CN111324347A (zh) | 组件构造方法、装置、系统、页面生成方法、设备及介质 | |
CN104516696A (zh) | 一种信息处理方法及电子设备 | |
CN109741424A (zh) | 一种在文字周围插入图片的方法、装置及电子设备 | |
CN113676677B (zh) | 动态图片合成方法、装置、电子设备及可读存储介质 | |
CN105007436A (zh) | 显示装置及其图像显示方法 | |
CN112416218A (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 |