CN114296857A - 界面的调整方法、装置、电子设备及可读介质 - Google Patents
界面的调整方法、装置、电子设备及可读介质 Download PDFInfo
- Publication number
- CN114296857A CN114296857A CN202111646053.7A CN202111646053A CN114296857A CN 114296857 A CN114296857 A CN 114296857A CN 202111646053 A CN202111646053 A CN 202111646053A CN 114296857 A CN114296857 A CN 114296857A
- Authority
- CN
- China
- Prior art keywords
- interactive interface
- interface
- target
- interactive
- snapshot
- 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
- 238000000034 method Methods 0.000 title claims abstract description 59
- 230000002452 interceptive effect Effects 0.000 claims abstract description 226
- 238000009877 rendering Methods 0.000 claims abstract description 12
- 238000004891 communication Methods 0.000 claims description 11
- 230000004044 response Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 7
- 230000008569 process Effects 0.000 description 12
- 230000006870 function Effects 0.000 description 9
- 230000006978 adaptation Effects 0.000 description 4
- 230000003993 interaction Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000001514 detection method Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000007115 recruitment Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000000903 blocking effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Images
Abstract
本发明实施例提供了一种界面的调整方法、装置、电子设备及可读介质,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在所述交互界面中,所述界面元素继承所述交互界面的缩放参数,所述方法包括:响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置;根据所述目标缩放参数调整所述交互界面和所述界面元素的大小,以及根据所述目标布局位置调整所述交互界面在所述终端设备中的位置。本发明实施例通过相对布局和缩放参数的继承相结合的方式,来调整终端设备中应用程序的交互界面的大小和位置,从而使得用户能够单手操作应用程序,提高了用户的使用体验。
Description
技术领域
本发明实施例涉及界面技术领域,特别是涉及一种界面的调整方法、一种界面的调整装置、一种电子设备以及一种计算机可读介质。
背景技术
随着终端设备技术的不断发展,智能手机、个人计算机、平板电脑等终端设备被广泛使用,用户通过在终端设备中安装的应用程序(Application,APP)实现网络购物、网络找房、网络找工作等线上业务,不仅大大提高了人们生活的便利性,也丰富了生活的多样性。
然而,随着互联网技术的发展和人们对生活品质的追求的提升,终端设备的屏幕尺寸越来越大,随之而来的问题也越发明显,例如屏幕尺寸太大,导致用户无法实现单手操作应用程序,给用户带来了极大的不便。
发明内容
本发明实施例是提供一种界面的调整方法、装置、电子设备以及计算机可读存储介质,以解决用户无法实现单手操作应用程序的问题。
本发明实施例公开了一种界面的调整方法,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在所述交互界面中,所述界面元素继承所述交互界面的缩放参数,所述方法包括:
响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置;
根据所述目标缩放参数调整所述交互界面和所述界面元素的大小,以及根据所述目标布局位置调整所述交互界面在所述终端设备中的位置。
可选地,所述响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置,包括:
响应针对所述交互界面的操作手势,生成所述交互界面的快照;
在所述终端设备中显示所述交互界面的所述快照;
根据所述快照确定所述交互界面的目标缩放参数和目标布局位置。
可选地,所述根据所述快照确定所述交互界面的目标缩放参数和目标布局位置,包括:
根据所述操作手势调整所述快照在所述终端设备中的位置和大小;
根据所述快照在所述终端设备中的位置确定所述交互界面的目标布局位置,以及根据所述快照在所述终端设备中的大小确定所述交互界面的目标缩放参数。
可选地,所述方法还包括:响应所述操作手势的结束,在所述终端设备中删除所述快照。
可选地,所述方法还包括:检测所述界面元素在所述交互界面中的布局方式;当存在没有采用相对布局的方式布局在所述交互界面中的界面元素时,针对所述界面元素生成错误提示信息。
可选地,所述操作手势包括长按手势。
可选地,所述界面元素以所述交互界面中的指定位置为基准调整大小。
本发明实施例还公开了一种界面的调整装置,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在所述交互界面中,所述界面元素继承所述交互界面的缩放参数,所述装置包括:
参数确定模块,用于响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置;
界面跳转模块,用于根据所述目标缩放参数调整所述交互界面和所述界面元素的大小,以及根据所述目标布局位置调整所述交互界面在所述终端设备中的位置。
可选地,所述参数确定模块,用于响应针对所述交互界面的操作手势,生成所述交互界面的快照;在所述终端设备中显示所述交互界面的所述快照;根据所述快照确定所述交互界面的目标缩放参数和目标布局位置。
可选地,所述参数确定模块,用于根据所述操作手势调整所述快照在所述终端设备中的位置和大小;根据所述快照在所述终端设备中的位置确定所述交互界面的目标布局位置,以及根据所述快照在所述终端设备中的大小确定所述交互界面的目标缩放参数。
可选地,所述参数确定模块,用于响应所述操作手势的结束,在所述终端设备中删除所述快照。
可选地,所述装置还包括:检测模块,用于检测所述界面元素在所述交互界面中的布局方式;当存在没有采用相对布局的方式布局在所述交互界面中的界面元素时,针对所述界面元素生成错误提示信息。
可选地,所述操作手势包括长按手势。
可选地,所述界面元素以所述交互界面中的指定位置为基准调整大小。
本发明实施例还公开了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,所述处理器、所述通信接口以及所述存储器通过所述通信总线完成相互间的通信;
所述存储器,用于存放计算机程序;
所述处理器,用于执行存储器上所存放的程序时,实现如本发明实施例所述的方法。
本发明实施例还公开了一个或多个计算机可读介质,其上存储有指令,当由一个或多个处理器执行时,使得所述处理器执行如本发明实施例所述的方法。
本发明实施例还公开了一种计算机程序产品,该程序产品被存储在存储介质中,该计算机程序产品被至少一个处理器执行以实现如本发明实施例所述的方法。
本发明实施例包括以下优点:
在本发明实施例中,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在交互界面中,并且界面元素可以继承交互界面的缩放参数,具体地,终端设备可以响应针对交互界面的操作手势来确定交互界面的目标缩放参数和目标布局位置,进而根据目标缩放参数调整交互界面和界面元素的大小,以及根据目标布局位置调整交互界面在终端设备中的位置。本发明实施例通过相对布局和缩放参数的继承相结合的方式,来调整终端设备中应用程序的交互界面的大小和位置,从而使得用户能够单手操作应用程序,提高了用户的使用体验。
附图说明
图1是本发明实施例中提供的一种界面的调整方法的步骤流程图;
图2是本发明实施例中提供的一种确定交互界面的参数步骤流程图;
图3是本发明实施例中提供的一种界面的调整装置的结构框图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
目前,一些屏幕尺寸较大的终端设备,通常会提供一个辅助触控的功能,具体地,辅助触控的功能是将终端设备中很多的功能(例如调节音量、静音、锁屏、home键等),以虚拟按钮的形式集成到某一个终端设备的屏幕中的区域,从而方便用户单手进行操作。
然而,上述辅助触控的功能存在的缺陷是:1)辅助触控的功能大多数都是悬浮于终端设备的屏幕上,会在一定程度上造成屏幕中原有内容的遮挡,影响用户使用体验。2)基于终端设备的辅助触控功能,虽然使得终端设备的部分功能可以通过单手来进行操作,但是对于终端设备中安装的应用程序却依然无法满足单手操作的需求。
针对上述问题,本发明实施例提出了一种界面的调整方法,支持对应用程序的交互界面进行布局调整,例如,对交互界面的大小和位置进行调整,并且不会添加新的元素造成交互界面的遮挡,使得用户能够单手对应用程序的交互界面进行操作,提高了用户的使用体验。
参照图1,示出了本发明实施例中提供的一种界面的调整方法的步骤流程图,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在所述交互界面中,所述界面元素继承所述交互界面的缩放参数,具体可以包括如下步骤:
步骤102、响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置。
步骤104、根据所述目标缩放参数调整所述交互界面和所述界面元素的大小,以及根据所述目标布局位置调整所述交互界面在所述终端设备中的位置。
其中,终端设备是指的智能终端,例如智能手机、平板电脑、游戏机、可穿戴设备、IOT(Internet of Things,物联网)设备、机器人等屏幕尺寸较大的设备,本发明实施例对此不作限制。
在终端设备上运行应用程序,并在终端设备的触控显示器(即屏幕)上渲染应用程序的交互界面(或交互页面),用户可以通过交互界面与终端设备实现交互,其中,在交互界面中显示的内容可以包括至少一个界面元素。具体地,界面元素是指的UI(UserInterface,用户界面)元素,例如,在应用程序中提供相应应用功能的交互控件或者区域。作为一个可选示例,假设应用程序是生活类应用程序,在生活类应用程序的交互界面中可以提供财经、房产、招聘、二手车分别对应的交互控件,用户通过对这些交互控件进行操作,可以获得财经信息、房产信息、招聘信息、二手车信息等信息。
在本发明实施例中,界面元素可以采用相对布局方式布局在交互界面中。相对布局是相对于绝对布局的一种界面布局方式,具体地,绝对布局是指交互界面内的界面元素严格按照大小进行配置,例如,假设在交互界面中的一个大小50*50的正方形方格中放入一个大小40*40的圆球,圆球与正方形方格的每个边的距离都是10,如果正方形方格的大小缩小至40*40,则圆球与正方形方格的每个边的距离都将变为0,即与正方形方格的边相切。相对布局是指交互界面内的界面元素按照相对的位置进行配置,例如,假设在交互界面中一个大小50*50的正方形方格中放入一个圆球,并且圆球与正方形方格的每个边的距离10,如果将正方形方格大小缩小至40*40,则圆球的大小将会变成30*30,仍然与与正方形方格的每个边的距离保持在10。
在本发明实施例中,将交互界面设置为父类,并将交互界面中的界面元素设置为子类。具体地,类是在程序语言中,类是一个定义,可以包含自定义的属性参数,例如自定的名字、属性和方法,每个类的对象可以设置和调用该类的属性,或者方法,举个例子:我可以声明一个“人”类,其包含“姓名”、“年龄”、“性别”等属性,也可以具备“说话”、“吃饭”等能力,那么一个人的对象,就可以有他的名字、年龄和性别,同时它还可以说话和吃饭。类是可以继承的,当一个类B继承了类A,则类B为类A的子类,类A为类B的父类,那么B类将拥有A类全部的属性参数,而无需重新进行声明。
具体地,类的属性参数可以包括缩放参数,基于缩放参数能够调整交互界面的大小,由于为子类的界面元素可以继承为父类的交互界面的缩放参数,因此界面元素也可以基于针对交互界面的缩放参数进行大小的调整。
在本发明实施例中,声明应用程序的交互界面作为所有界面元素的父类,并且父类设置了缩放参数,缩放参数可以在0-1之间浮动,当缩放参数发生变化时,交互界面以及界面元素将根据缩放参数的变化来递归调整自身的大小。示例性地,当针对交互界面的缩放参数从100%变化至50%时,则交互界面以及界面元素都将从100%至50%递归调整自身的大小。可选地,界面元素在基于缩放参数的变化调整自身大小时,可以以交互界面中某个的指定位置为基准点进行大小的调整,例如,以交互界面中的左上角作为基准点进行调整。
作为一种具体示例,所述操作手势可以包括长按手势。在本发明实施例中,对于屏幕尺寸较大的终端设备,用户在单手操作终端设备的过程中,可能对交互界面中有一些界面元素不容易进行操作,例如,当用户右手手持终端设备,则位于交互界面中左侧的界面元素或位于交互界面中上方的界面元素等,用户在单手状态下难以对其进行操作,当用户左手手持终端设备,则位于交互界面中右侧的界面元素或位于交互界面中上方的界面元素等,用户在单手状态下难以对其进行操作,导致用户使用应用程序时不够便利,影响用户的使用体验。
针对上述用户在单手操作终端设备的过程中,难以操作交互界面中的界面元素的问题,在本发明实施例中,为交互界面添加一个指定的操作手势,其中,指定的操作手势可以为长按的操作手势,作为进入页面状态的开关,在终端设备上检测到用户针对交互界面为长按的操作手势时,进入针对该交互界面的调整状态,此时可以响应操作手势获取到针对交互界面的目标缩放参数和目标布局位置,从而可以根据目标缩放参数调整交互界面和界面元素的大小,例如,基于目标缩放参数将交互界面和界面元素均缩小60%,以及,根据目标布局位置调整交互界面在终端设备中的位置,例如,当用户右手手持终端设备,将缩小了60%后的交互界面调整到终端设备的屏幕的右侧或者右下方,当用户左手手持终端设备,将缩小了60%后的交互界面调整到终端设备的屏幕的左侧或者左下方,使得用户能够单手便利对交互界面中的界面元素进行操作,从而实现单手操作应用程序。
除此之外,本发明实施例还可以设置交互界面的还原机制,例如,可以在终端设备的屏幕中展示一个还原控件,在检测针用户对还原控件的触控操作,例如用户针对还原控件的点击操作时,终端设备可以对交互界面进行复原,复原至原先在终端设备的屏幕中全屏显示的交互界面,本发明实施例对此不作限制。
在上述界面的调整方法中,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在交互界面中,并且界面元素可以继承交互界面的缩放参数,具体地,终端设备可以响应针对交互界面的操作手势来确定交互界面的目标缩放参数和目标布局位置,进而根据目标缩放参数调整交互界面和界面元素的大小,以及根据目标布局位置调整交互界面在终端设备中的位置。本发明实施例通过相对布局和缩放参数的继承相结合的方式,来调整终端设备中应用程序的交互界面的大小和位置,从而使得用户能够单手操作应用程序,提高了用户的使用体验。
在上述实施例的基础上,提出了上述实施例的变型实施例,在此需要说明的是,为了使描述简要,在变型实施例中仅描述与上述实施例的不同之处。
在一示例性实施例中,所述步骤102、响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置,可以包括如下步骤:
步骤202、响应针对所述交互界面的操作手势,生成所述交互界面的快照;
步骤204、在所述终端设备中显示所述交互界面的所述快照;
步骤206、根据所述快照确定所述交互界面的目标缩放参数和目标布局位置。
其中,快照是数据存储的某一时刻的状态记录,在本发明实施例中,快照是在检测到针对交互界面的手势操作这个时刻下生成的图像。作为一个可选示例,初始生成的快照可以是与交互界面大小一致的图像。
在具体实现中,用户可以通过针对交互界面的操作手势,来调整交互界面的大小和位置,例如,可以将交互界面和界面元素调整为原先大小的50%,以及,当用户右手手持终端设备,将缩小了50%后的交互界面调整到终端设备的屏幕的右侧,而在交互界面从100%缩小到50%的过程中,需要反复渲染以改变交互界面在终端设备的屏幕中显示的大小和位置,故而会对终端设备的造成较大的性能消耗。
因此,本发明实施例在终端设备上检测到用户针对交互界面的操作手势时,确定为需要调整交互界面,可以先生成交互界面的快照并终端设备的屏幕中进行显示,此时可以将快照视为交互界面,即对快照的操作手势相当于对交互界面的操作手势,因此基于快照可以确定交互界面的目标缩放参数和目标布局位置,然后就可以直接将交互界面调整至目标缩放参数和目标布局位置对应的大小和位置,无需多次反复渲染。可选地,在快照在终端设备的屏幕中展示时,交互界面可以暂时不展示,避免在用户调整快照时对快照造成遮挡,然后在基于快照在完成交互界面在终端设备的大小和位置的调整后,再在终端设备的屏幕中展示交互界面。
在上述示例性实施例中,响应针对交互界面的操作手势,生成该时刻的针对交互界面的快照并在终端设备中显示,使得用户可以基于快照来确定交互界面的目标缩放参数和目标布局位置,进而可以根据目标缩放参数调整交互界面和界面元素的大小,以及根据目标布局位置调整交互界面在终端设备的屏幕中的位置,由于通过快照直接确定用户目标所希望调整的交互界面的大小和位置,因此无需交互界面在缩放过程中反复的渲染,减少了反复渲染造成的性能消耗。
在一示例性实施例中,所述步骤206、根据所述快照确定所述交互界面的目标缩放参数和目标布局位置,可以包括如下步骤:
根据所述操作手势调整所述快照在所述终端设备中的位置和大小;
根据所述快照在所述终端设备中的位置确定所述交互界面的目标布局位置,以及根据所述快照在所述终端设备中的大小确定所述交互界面的目标缩放参数。
在本发明实施例中,在生成交互界面对应的快照后可以显示在终端设备的屏幕中,此时,用户可以进一步对快照进行手势操作,以调整快照在终端设备的屏幕中的大小和位置,进而基于调整后的快照在终端设备的屏幕中的大小和位置,来确定交互界面的目标缩放参数和目标布局位置,进而可以根据目标缩放参数调整交互界面和界面元素的大小,以及根据目标布局位置调整交互界面在终端设备的屏幕中的位置。
在上述示例性实施例中,根据操作手势调整快照在终端设备中的位置和大小,从而可以基于快照在终端设备中的位置确定交互界面的目标布局位置,以及根据快照在终端设备中的大小确定交互界面的目标缩放参数。
在一示例性实施例中,所述方法还可以包括如下步骤:
响应所述操作手势的结束,在所述终端设备中删除所述快照。
其中,操作手势的结束,可以是指用户的手指从终端设备的屏幕中离开后。
在本发明实施例中,在完成交互界面在终端设备的大小和位置的调整后,就可以将快照从终端设备的屏幕中删除。具体地,在操作手势的结束后,可以视为交互界面的调整完成,就可以将快照从终端设备的屏幕中删除。
在上述示例性实施例中,在完成交互界面在终端设备的屏幕中大小和位置的调整后,可以将快照从终端设备的屏幕中删除,以避免对屏幕中的其他内容造成遮挡。
在一示例性实施例中,所述方法还可以包括如下步骤:
检测所述界面元素在所述交互界面中的布局方式;
当存在没有采用相对布局的方式布局在所述交互界面中的界面元素时,针对所述界面元素生成错误提示信息。
其中,所有的子类即界面元素都具备一个自我检测的能力,当发现自身没有使用相对布局时,将生成错误提示信息来提示开发人员进行修改,避免因布局方式错误而导致交互界面自适应调整时失败。
具体地,在运行应用程序的过程中,交互界面会自行对自身的适配进行检测,如果检测到界面元素使用的不是相对布局,则会生成一条错误提示信息,开发人员后续可以通过错误提示信息来逐一对交互界面中适配错误的界面元素的布局方式进行修改,以保证交互界面中的界面元素都是采用的相对布局方式,使得后续在调整交互界面的布局时无法适应性调整。
在本发明实施例中,支持对终端设备的屏幕中全屏展示应用程序的交互进行全局性的调整,首先将应用程序的交互界面设置为支持缩放,其中,由于交互界面中又包含多种界面元素,所以当交互界面在进行缩放时,其内部的全部界面元素也需要全部进行缩放,也正是如此,本发明实施例将交互界面内部的界面元素采用相对布局的方式进行布局,使得可以保证交互界面的全部界面元素在缩放后,仍然保持相对位置不变。
本发明实施例通过动态布局和类继承相结合的思路改造应用程序的交互界面的布局,以及通过这种全局修改交互界面的大小和位置的方式来支持用户单手对应用程序进行操作,并且,本发明实施例是直接完成对交互界面的调整,不会添加新的元素造成交互界面的遮挡。需要注意的是,本发明实施例除了可以支持应用程序的交互界面的调整,也可以支持终端设备的交互界面的调整,因此即可以实现系统级别的交互界面的调整,也能够实现程序级别的交互界面的调整。
应用本发明实施例时,可以通过全局替换将界面元素的父类修改成交互界面,在运行应用程序后,交互界面中的界面元素会自行对自己的适配进行检测,如果使用的不是相对布局的方式,则会生成一条错误提示信息,开发人员后续即可通过记录来逐一对交互的适配错误进行修改,以保证候选交互界面的布局调整的正常实现。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图3,示出了本发明实施例中提供的一种界面的调整装置的结构框图,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在所述交互界面中,所述界面元素继承所述交互界面的缩放参数,具体可以包括如下模块:
参数确定模块302,用于响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置;
界面跳转模块304,用于根据所述目标缩放参数调整所述交互界面和所述界面元素的大小,以及根据所述目标布局位置调整所述交互界面在所述终端设备中的位置。
在一示例性实施例中,所述参数确定模块302,用于响应针对所述交互界面的操作手势,生成所述交互界面的快照;在所述终端设备中显示所述交互界面的所述快照;根据所述快照确定所述交互界面的目标缩放参数和目标布局位置。
在一示例性实施例中,所述参数确定模块302,用于根据所述操作手势调整所述快照在所述终端设备中的位置和大小;根据所述快照在所述终端设备中的位置确定所述交互界面的目标布局位置,以及根据所述快照在所述终端设备中的大小确定所述交互界面的目标缩放参数。
在一示例性实施例中,所述参数确定模块302,用于响应所述操作手势的结束,在所述终端设备中删除所述快照。
在一示例性实施例中,所述装置还可以包括:检测模块,用于检测所述界面元素在所述交互界面中的布局方式;当存在没有采用相对布局的方式布局在所述交互界面中的界面元素时,针对所述界面元素生成错误提示信息。
在一示例性实施例中,所述操作手势可以包括长按手势。
在一示例性实施例中,所述界面元素以所述交互界面中的指定位置为基准调整大小。
综上,在本发明实施例中,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在交互界面中,并且界面元素可以继承交互界面的缩放参数,具体地,终端设备可以响应针对交互界面的操作手势来确定交互界面的目标缩放参数和目标布局位置,进而根据目标缩放参数调整交互界面和界面元素的大小,以及根据目标布局位置调整交互界面在终端设备中的位置。本发明实施例通过相对布局和缩放参数的继承相结合的方式,来调整终端设备中应用程序的交互界面的大小和位置,从而使得用户能够单手操作应用程序,提高了用户的使用体验。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
优选的,本发明实施例还提供了一种电子设备,包括:处理器,存储器,存储在存储器上并可在处理器上运行的计算机程序,该计算机程序被处理器执行时实现上述界面的调整方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
本发明实施例还提供了一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,计算机程序被处理器执行时实现上述界面的调整方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。其中,所述的计算机可读存储介质,如只读存储器(Read-Only Memory,简称ROM)、随机存取存储器(Random Access Memory,简称RAM)、磁碟或者光盘等。
本发明实施例提供一种计算机程序产品,该程序产品被存储在存储介质中,该程序产品被至少一个处理器执行以实现如上述界面的调整实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
上面结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本发明的保护之内。
本领域普通技术人员可以意识到,结合本发明实施例中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种界面的调整方法,其特征在于,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在所述交互界面中,所述界面元素继承所述交互界面的缩放参数,所述方法包括:
响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置;
根据所述目标缩放参数调整所述交互界面和所述界面元素的大小,以及根据所述目标布局位置调整所述交互界面在所述终端设备中的位置。
2.根据权利要求1所述的方法,其特征在于,所述响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置,包括:
响应针对所述交互界面的操作手势,生成所述交互界面的快照;
在所述终端设备中显示所述交互界面的所述快照;
根据所述快照确定所述交互界面的目标缩放参数和目标布局位置。
3.根据权利要求2所述的方法,其特征在于,所述根据所述快照确定所述交互界面的目标缩放参数和目标布局位置,包括:
根据所述操作手势调整所述快照在所述终端设备中的位置和大小;
根据所述快照在所述终端设备中的位置确定所述交互界面的目标布局位置,以及根据所述快照在所述终端设备中的大小确定所述交互界面的目标缩放参数。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
响应所述操作手势的结束,在所述终端设备中删除所述快照。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
检测所述界面元素在所述交互界面中的布局方式;
当存在没有采用相对布局的方式布局在所述交互界面中的界面元素时,针对所述界面元素生成错误提示信息。
6.根据权利要求1所述的方法,其特征在于,所述操作手势包括长按手势。
7.根据权利要求1所述的方法,其特征在于,所述界面元素以所述交互界面中的指定位置为基准调整大小。
8.一种界面的调整装置,其特征在于,通过在终端设备上执行应用程序并在所述终端设备上渲染得到交互界面,其中,界面元素以相对布局的方式布局在所述交互界面中,所述界面元素继承所述交互界面的缩放参数,所述装置包括:
参数确定模块,用于响应针对所述交互界面的操作手势,确定所述交互界面的目标缩放参数和目标布局位置;
界面跳转模块,用于根据所述目标缩放参数调整所述交互界面和所述界面元素的大小,以及根据所述目标布局位置调整所述交互界面在所述终端设备中的位置。
9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,所述处理器、所述通信接口以及所述存储器通过所述通信总线完成相互间的通信;
所述存储器,用于存放计算机程序;
所述处理器,用于执行存储器上所存放的程序时,实现如权利要求1-7任一项所述的方法。
10.一个或多个计算机可读介质,其上存储有指令,当由一个或多个处理器执行时,使得所述处理器执行如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111646053.7A CN114296857A (zh) | 2021-12-29 | 2021-12-29 | 界面的调整方法、装置、电子设备及可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111646053.7A CN114296857A (zh) | 2021-12-29 | 2021-12-29 | 界面的调整方法、装置、电子设备及可读介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114296857A true CN114296857A (zh) | 2022-04-08 |
Family
ID=80972161
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111646053.7A Pending CN114296857A (zh) | 2021-12-29 | 2021-12-29 | 界面的调整方法、装置、电子设备及可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114296857A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116149520A (zh) * | 2023-04-23 | 2023-05-23 | 深圳市微克科技有限公司 | 一种智能手表交互界面智能处理方法、系统及介质 |
CN117421084A (zh) * | 2023-11-07 | 2024-01-19 | 泰思物联网科技(广州)有限公司 | 一种基于云平台的软件数据智能分析系统及方法 |
Citations (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2005109189A1 (en) * | 2004-05-07 | 2005-11-17 | Telecom Italia S.P.A. | Method and system for graphical user interface layout generation, computer program product therefor |
US20070240039A1 (en) * | 2006-04-05 | 2007-10-11 | Canon Kabushiki Kaisha | Content server and layout system |
US20120166933A1 (en) * | 2010-12-23 | 2012-06-28 | International Business Machines Corporation | Verifying page layout automatically |
CN104537002A (zh) * | 2014-12-15 | 2015-04-22 | 山东中创软件商用中间件股份有限公司 | 一种css兼容性调优的方法及系统 |
CN106027878A (zh) * | 2015-03-31 | 2016-10-12 | 佳能株式会社 | 显示装置及显示装置的控制方法 |
CN106557236A (zh) * | 2015-09-30 | 2017-04-05 | 北京奇虎科技有限公司 | 一种移动设备的界面处理方法和装置 |
CN107608719A (zh) * | 2017-09-11 | 2018-01-19 | 深圳市金立通信设备有限公司 | 一种界面操作方法、终端及计算机可读存储介质 |
US10078626B1 (en) * | 2012-11-27 | 2018-09-18 | Amazon Technologies, Inc. | Automated layout testing of content |
US20180329801A1 (en) * | 2017-05-15 | 2018-11-15 | Microsoft Technology Licensing, Llc | Detecting and correcting layout anomalies in real-time |
CN108881616A (zh) * | 2018-05-07 | 2018-11-23 | 珠海格力电器股份有限公司 | 一种显示控制方法、装置、存储介质及终端 |
CN109683766A (zh) * | 2018-12-28 | 2019-04-26 | 努比亚技术有限公司 | 交互界面控制方法、移动终端及计算机可读存储介质 |
CN109814974A (zh) * | 2019-01-31 | 2019-05-28 | 维沃移动通信有限公司 | 应用程序界面调整方法及移动终端 |
CN110069257A (zh) * | 2019-04-25 | 2019-07-30 | 腾讯科技(深圳)有限公司 | 一种界面处理方法、装置及终端 |
CN111475163A (zh) * | 2020-06-22 | 2020-07-31 | 腾讯科技(深圳)有限公司 | 视图模板的代码文件生成方法、装置、设备及存储介质 |
US20200272558A1 (en) * | 2019-02-21 | 2020-08-27 | Microsoft Technology Licensing, Llc | Automated layout testing for mobile device applications |
CN112083989A (zh) * | 2020-08-10 | 2020-12-15 | 五八有限公司 | 一种界面的调节方法和装置 |
-
2021
- 2021-12-29 CN CN202111646053.7A patent/CN114296857A/zh active Pending
Patent Citations (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2005109189A1 (en) * | 2004-05-07 | 2005-11-17 | Telecom Italia S.P.A. | Method and system for graphical user interface layout generation, computer program product therefor |
US20070240039A1 (en) * | 2006-04-05 | 2007-10-11 | Canon Kabushiki Kaisha | Content server and layout system |
US20120166933A1 (en) * | 2010-12-23 | 2012-06-28 | International Business Machines Corporation | Verifying page layout automatically |
US10078626B1 (en) * | 2012-11-27 | 2018-09-18 | Amazon Technologies, Inc. | Automated layout testing of content |
CN104537002A (zh) * | 2014-12-15 | 2015-04-22 | 山东中创软件商用中间件股份有限公司 | 一种css兼容性调优的方法及系统 |
CN106027878A (zh) * | 2015-03-31 | 2016-10-12 | 佳能株式会社 | 显示装置及显示装置的控制方法 |
CN106557236A (zh) * | 2015-09-30 | 2017-04-05 | 北京奇虎科技有限公司 | 一种移动设备的界面处理方法和装置 |
US20180329801A1 (en) * | 2017-05-15 | 2018-11-15 | Microsoft Technology Licensing, Llc | Detecting and correcting layout anomalies in real-time |
CN107608719A (zh) * | 2017-09-11 | 2018-01-19 | 深圳市金立通信设备有限公司 | 一种界面操作方法、终端及计算机可读存储介质 |
CN108881616A (zh) * | 2018-05-07 | 2018-11-23 | 珠海格力电器股份有限公司 | 一种显示控制方法、装置、存储介质及终端 |
CN109683766A (zh) * | 2018-12-28 | 2019-04-26 | 努比亚技术有限公司 | 交互界面控制方法、移动终端及计算机可读存储介质 |
CN109814974A (zh) * | 2019-01-31 | 2019-05-28 | 维沃移动通信有限公司 | 应用程序界面调整方法及移动终端 |
US20200272558A1 (en) * | 2019-02-21 | 2020-08-27 | Microsoft Technology Licensing, Llc | Automated layout testing for mobile device applications |
CN110069257A (zh) * | 2019-04-25 | 2019-07-30 | 腾讯科技(深圳)有限公司 | 一种界面处理方法、装置及终端 |
CN111475163A (zh) * | 2020-06-22 | 2020-07-31 | 腾讯科技(深圳)有限公司 | 视图模板的代码文件生成方法、装置、设备及存储介质 |
CN112083989A (zh) * | 2020-08-10 | 2020-12-15 | 五八有限公司 | 一种界面的调节方法和装置 |
Non-Patent Citations (1)
Title |
---|
王昕: "《Delphi 7.0编程实战导航》", 31 January 2003, 北京希望电子出版社, pages: 73 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116149520A (zh) * | 2023-04-23 | 2023-05-23 | 深圳市微克科技有限公司 | 一种智能手表交互界面智能处理方法、系统及介质 |
CN116149520B (zh) * | 2023-04-23 | 2023-07-21 | 深圳市微克科技有限公司 | 一种智能手表交互界面智能处理方法、系统及介质 |
CN117421084A (zh) * | 2023-11-07 | 2024-01-19 | 泰思物联网科技(广州)有限公司 | 一种基于云平台的软件数据智能分析系统及方法 |
CN117421084B (zh) * | 2023-11-07 | 2024-03-22 | 泰思物联网科技(广州)有限公司 | 一种基于云平台的软件数据智能分析系统及方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109164964B (zh) | 内容分享方法、装置、终端及存储介质 | |
KR102109111B1 (ko) | 애플리케이션을 관리하는 방법 및 그 전자 장치 | |
CN107704177A (zh) | 界面显示方法、装置及终端 | |
CN114296857A (zh) | 界面的调整方法、装置、电子设备及可读介质 | |
CN106485173B (zh) | 敏感信息展示方法和装置 | |
CN109683841B (zh) | 多显示器环境下的控件显示方法及计算设备 | |
US20140223328A1 (en) | Apparatus and method for automatically controlling display screen density | |
CN110007831B (zh) | 一种翻页控制方法、装置及终端设备 | |
CN104182161A (zh) | 一种开启屏幕功能区域的方法和装置 | |
CN110427139B (zh) | 文本处理方法及装置、计算机存储介质、电子设备 | |
CN114518820A (zh) | 图标整理方法、装置和电子设备 | |
US9710124B2 (en) | Augmenting user interface elements based on timing information | |
CN106527806A (zh) | 一种实现触控处理的方法及装置 | |
KR102616793B1 (ko) | 전자 장치 및 전자 장치의 화면 제공 방법 | |
WO2023241563A1 (zh) | 数据处理方法和电子设备 | |
CN113282213A (zh) | 界面显示方法及装置 | |
CN112817555A (zh) | 音量控制方法及音量控制装置 | |
KR20130042913A (ko) | 터치 프로세스를 처리하는 방법, 장치 및 기록매체 | |
CN109117072B (zh) | 书写区域控制方法和系统、书写方法和系统及交互智能平板 | |
CN116107531A (zh) | 界面显示方法和装置 | |
CN114779977A (zh) | 界面显示方法、装置、电子设备及存储介质 | |
CN114115639A (zh) | 界面控制方法、装置、电子设备及存储介质 | |
CN112433723A (zh) | 个性化列表开发方法及装置 | |
CN111078112A (zh) | 终端设备控制方法、装置、计算机设备及存储介质 | |
CN113420270B (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 |