CN118445007A - 一种微件显示方法和电子设备 - Google Patents
一种微件显示方法和电子设备 Download PDFInfo
- Publication number
- CN118445007A CN118445007A CN202310126278.2A CN202310126278A CN118445007A CN 118445007 A CN118445007 A CN 118445007A CN 202310126278 A CN202310126278 A CN 202310126278A CN 118445007 A CN118445007 A CN 118445007A
- Authority
- CN
- China
- Prior art keywords
- widget
- display state
- state
- grid
- size
- 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 62
- 230000004044 response Effects 0.000 claims abstract description 6
- 238000004590 computer program Methods 0.000 claims description 7
- 239000010410 layer Substances 0.000 description 25
- 230000006870 function Effects 0.000 description 23
- 238000007726 management method Methods 0.000 description 21
- 238000004891 communication Methods 0.000 description 20
- 238000012545 processing Methods 0.000 description 20
- 238000010586 diagram Methods 0.000 description 17
- 238000010295 mobile communication Methods 0.000 description 12
- 230000005236 sound signal Effects 0.000 description 10
- 230000008859 change Effects 0.000 description 9
- 210000004027 cell Anatomy 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 238000013528 artificial neural network Methods 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 3
- 230000008439 repair process Effects 0.000 description 3
- 229920001621 AMOLED Polymers 0.000 description 2
- 230000003416 augmentation Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000007774 longterm Effects 0.000 description 2
- 239000003550 marker Substances 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 238000013529 biological neural network Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 210000000988 bone and bone Anatomy 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 239000012792 core layer Substances 0.000 description 1
- 239000013078 crystal Substances 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000009977 dual effect Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000036541 health Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000004807 localization Effects 0.000 description 1
- 229910044991 metal oxide Inorganic materials 0.000 description 1
- 150000004706 metal oxides Chemical class 0.000 description 1
- 210000002569 neuron Anatomy 0.000 description 1
- 230000000737 periodic effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000002035 prolonged effect Effects 0.000 description 1
- 239000002096 quantum dot Substances 0.000 description 1
- 230000005855 radiation Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000003786 synthesis reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
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/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
- G06F3/04817—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 using icons
-
- 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
- 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)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供了一种微件显示方法和电子设备。本发明实施例提供的技术方案中,所述方法包括:根据电子设备的状态信息,确定所述电子设备处于第一显示状态;响应于用户的操作,在当前界面中添加第一应用的第一微件,所述第一微件具有第一网格尺寸;根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件,所述第二微件具有第二网格尺寸,所述第一网格尺寸和所述第二网格尺寸不同;当所述电子设备由所述第一显示状态切换至第二显示状态时,显示所述第二微件。本发明实施例在电子设备的显示状态发生变更后,自动寻找尺寸合适的微件,以替换原先的微件,避免依然以网格大小来定义的微件产生的布局问题。
Description
【技术领域】
本发明涉及计算机技术领域,尤其涉及一种微件显示方法和电子设备。
【背景技术】
应用微件(Widget)是可以嵌入其他应用(如主屏幕)并接收定期更新的微型应用视图。开发者可以使用应用微件提供程序发布微件。微件的载体(比如桌面)通常为网格类型,例如5*6网格布局的桌面,放置在桌面上的微件通常也以网格来标识大小。例如华为日历提供4*3与4*2两种样式的Widget布局,分别占用4*3和4*2网格的连续空间。目前电子设备的显示状态(比如显示分辨率)发生变更后,依然以网格大小来定义的微件(Widget)会产生布局问题。
【发明内容】
有鉴于此,本发明实施例提供了一种微件显示方法和电子设备,在电子设备的显示状态发生变更后,自动寻找尺寸合适的微件,以替换原先的微件,避免依然以网格大小来定义的微件产生的布局问题。
第一方面,本发明实施例提供了一种微件显示方法,所述方法包括:
根据电子设备的状态信息,确定所述电子设备处于第一显示状态;
响应于用户的操作,在当前界面中添加第一应用的第一微件,所述第一微件具有第一网格尺寸;
根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件,所述第二微件具有第二网格尺寸,所述第一网格尺寸和所述第二网格尺寸不同;
当所述电子设备由所述第一显示状态切换至第二显示状态时,显示所述第二微件。本发明实施例在电子设备的显示状态发生变更后,自动寻找尺寸合适的第二微件,以替换原先的第一微件,避免依然以网格大小来定义的微件产生的布局问题。
结合第一方面,在第一方面的某些实现方式中,所述根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件之后,所述方法还包括:
将所述第一微件及其占用的格子位置存储至第一状态数据库;
将所述第二微件及其占用的格子位置存储至第二状态数据库。本发明实施例针对第一显示状态和第二显示状态分别建立数据库,将第一显示状态和第二显示状态显示的微件及其占用的格子位置分开存储。当电子设备处于第一显示状态时,仅从第一状态数据库中读取微件并显示;当电子设备处于第二显示状态时,仅从第二状态数据库中读取微件并显示。
结合第一方面,在第一方面的某些实现方式中,所述根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件之后,所述方法还包括:
将所述第一微件及其占用的格子位置、第一标志位和所述第二微件及其占用的格子位置、第二标志位存储至数据库;
其中,所述第一标志位用于标记所述第一微件在所述第一显示状态显示,所述第二标志位用于标记所述第二微件在所述第二显示状态显示。本发明实施例将第一显示状态和第二显示状态的微件及其占用的格子位置均存储于同一数据库中,同时为每个微件设置标志位,标志位用于区分在不同显示状态显示。
结合第一方面,在第一方面的某些实现方式中,所述第二显示状态下的显示分辨率和所述第一显示状态下的显示分辨率不同。本发明实施例应用在折叠屏折叠展开或横竖屏切换等会导致显示状态发生变化的场景,在显示分辨率发生变化后,桌面的Widget需要新的布局来适应新的分辨率。
结合第一方面,在第一方面的某些实现方式中,所述根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件,所述第二微件具有第二网格尺寸,所述第一网格尺寸和所述第二网格尺寸不同,包括:
获取所述第二显示状态下的格子宽高的最小值;
根据所述第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到目标尺寸;
根据所述目标尺寸,判断所述第一应用注册的至少一个微件中是否存在与所述目标尺寸匹配的微件;
若判断出所述第一应用注册的至少一个微件中存在与所述目标尺寸匹配的微件,将所述与所述目标尺寸匹配的微件作为所述第二微件。本发明实施例中,电子设备若在第一显示状态添加widget后,根据第二显示状态的格子宽高,计算需要替换的widget的目标尺寸,在第一显示状态仍显示原来添加widget,在第二显示状态显示替换的目标尺寸的widget;本发明实施例通过替换Widget来避免图片变形。
结合第一方面,在第一方面的某些实现方式中,所述根据所述目标尺寸,判断所述第一应用注册的至少一个微件中是否存在与所述目标尺寸匹配的微件之后,还包括:
若判断出所述第一应用注册的至少一个微件中不存在与所述目标尺寸匹配的微件,根据所述目标尺寸、所述第一应用注册的至少一个微件,得到第一微件组合;
将所述第一微件组合作为所述第二微件。本发明实施例中,电子设备若在第一显示状态添加widget后,根据第二显示状态的格子宽高,计算需要替换的widget的目标尺寸,如果此时没有与目标尺寸符合的widget,则需要寻找其他的空间来补齐空间,比如通过将微件进行组合得到符合目标尺寸的第一微件组合。
结合第一方面,在第一方面的某些实现方式中,所述第一微件组合包括至少两个微件。
结合第一方面,在第一方面的某些实现方式中,所述根据所述目标尺寸,判断所述第一应用注册的至少一个微件中是否存在与所述目标尺寸匹配的微件之后,还包括:
若判断出所述第一应用注册的至少一个微件中不存在与所述目标尺寸匹配的微件,根据所述目标尺寸、所述第一应用注册的至少一个微件和至少一个图标,得到第二微件组合;
将所述第二微件组合作为所述第二微件。本发明实施例中,电子设备若在第一显示状态添加widget后,根据第二显示状态的格子宽高,计算需要替换的widget的目标尺寸,如果此时没有与目标尺寸符合的widget,则需要寻找其他的空间来补齐空间,比如通过将微件和图标进行组合得到符合目标尺寸的第一微件组合。
结合第一方面,在第一方面的某些实现方式中,所述第二微件组合包括微件和所述至少一个图标。
结合第一方面,在第一方面的某些实现方式中,所述电子设备包括折叠屏设备。
结合第一方面,在第一方面的某些实现方式中,所述第一显示状态为折叠态,所述第二显示状态为展开态;或者,所述第一显示状态为展开态,所述第二显示状态为折叠态。
结合第一方面,在第一方面的某些实现方式中,所述第一显示状态为竖屏态,所述第二显示状态为横屏态;或者,所述第一显示状态为横屏态,所述第二显示状态为竖屏态。
结合第一方面,在第一方面的某些实现方式中,所述第一显示状态为本地显示态,所述第二显示状态为跨设备显示态。
结合第一方面,在第一方面的某些实现方式中,所述当前界面包括主屏幕界面或者图标文件夹的展开界面。
第二方面,本发明实施例提供了一种电子设备,包括处理器和存储器,其中,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,当所述处理器运行所述程序指令时,使所述电子设备执行如上述所述的方法的步骤。
第三方面,本发明实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序包括程序指令,当所述程序请求被计算机运行时使所述计算机执行如上述所述的方法。
第四方面,本发明实施例提供了一种计算机程序产品,所述计算机程序产品包含指令,当所述计算机程序产品在计算机或任一至少一种处理器上运行时,使得所述计算机执行如上述方法中的功能/步骤。
本发明实施例提供的微件显示方法和电子设备的技术方案中,电子设备根据状态信息,确定所述电子设备处于第一显示状态;响应于用户的操作,在当前界面中添加第一应用的第一微件,所述第一微件具有第一网格尺寸;根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件,所述第二微件具有第二网格尺寸,所述第一网格尺寸和所述第二网格尺寸不同;当所述电子设备由所述第一显示状态切换至第二显示状态时,显示所述第二微件。本发明实施例在电子设备的显示状态发生变更后,自动寻找尺寸合适的微件,以替换原先的微件,避免依然以网格大小来定义的微件产生的布局问题。
【附图说明】
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其它的附图。
图1为本发明实施例提供的一种电子设备的结构示意图;
图2为本发明实施例的电子设备100的软件结构框图;
图3为目前电子设备从折叠态切换至展开态前后的界面中微件变化的示意图;
图4为本发明实施例提供的一种微件显示方法的流程图;
图5为时钟应用注册的微件的示意图;
图6为图4中根据第二显示状态下的格子宽高的最小值和第一网格尺寸,得到第二微件,第二微件具有第二网格尺寸,第一网格尺寸和第二网格尺寸不同的具体流程图;
图7为格子高度在电子设备的折叠态和展开态都是格子宽高的最小值的示意图;
图8为电子设备在折叠态时格子宽度是格子宽高的最小值,电子设备在展开态时格子高度是格子宽高的最小值的示意图;
图9为本发明实施例中一种电子设备由折叠态至展开态的微件变化的示意图;
图10为本发明实施例中浏览器应用提供的多尺寸的搜索框微件的示意图;
图11为本发明实施例中另一种电子设备由折叠态至展开态的微件变化的示意图;
图12为本发明实施例中又一种电子设备由折叠态至展开态的微件变化的示意图;
图13为图4中将第一微件及其占用的格子位置和第二微件及其占用的格子位置、第二标志位存储至数据库的具体流程图;
图14为本发明实施例提供的一种电子设备的结构示意图。
【具体实施方式】
为了更好的理解本发明的技术方案,下面结合附图对本发明实施例进行详细描述。
应当明确,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。
应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,甲和/或乙,可以表示:单独存在甲,同时存在甲和乙,单独存在乙这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
图1示出了电子设备100的结构示意图。
电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
可以理解的是,本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了系统的效率。
在一些实施例中,处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuitsound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purposeinput/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial bus,USB)接口等。
USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电,也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机,通过耳机播放音频。该接口还可以用于连接其他电子设备,例如AR设备等。
可以理解的是,本发明实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备100的结构限定。在本申请另一些实施例中,电子设备100也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可以是有线充电器。在一些有线充电的实施例中,充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中,充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时,还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器121,显示屏194,摄像头193,和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量,电池循环次数,电池健康状态(漏电,阻抗)等参数。在其他一些实施例中,电源管理模块141也可以设置于处理器110中。在另一些实施例中,电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信模DD223630I
块160,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A,受话器170B等)输出声音信号,或通过显示屏194显示图像或视频。在一些实施例中,调制解调处理器可以是独立的器件。在另一些实施例中,调制解调处理器可以独立于处理器110,与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
在一些实施例中,电子设备100的天线1和移动通信模块150耦合,天线2和无线通信模块160耦合,使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications,GSM),通用分组无线服务(general packet radio service,GPRS),码分多址接入(codedivision multiple access,CDMA),宽带码分多址(wideband code division multipleaccess,WCDMA),时分码分多址(time-division code division multiple access,TD-SCDMA),长期演进(long term evolution,LTE),BT,GNSS,WLAN,NFC,FM,和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system,GPS),全球导航卫星系统(global navigation satellite system,GLONASS),北斗卫星导航系统(beidounavigation satellite system,BDS),准天顶卫星系统(quasi-zenith satellitesystem,QZSS)和/或星基增强系统(satellite based augmentation systems,SBAS)。
电子设备100通过GPU,显示屏194,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像,视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emittingdiode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的,AMOLED),柔性发光二极管(flex light-emittingdiode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot lightemitting diodes,QLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。
电子设备100可以通过ISP,摄像头193,视频编解码器,GPU,显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理,转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,肤色进行算法优化。ISP还可以对拍摄场景的曝光,色温等参数优化。在一些实施例中,ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中,电子设备100可以包括1个或N个摄像头193,N为大于1的正整数。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字信号。例如,当电子设备100在频点选择时,数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样,电子设备100可以播放或录制多种编码格式的视频,例如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐,视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。处理器110通过运行存储在内部存储器121的指令,和/或存储在设置于处理器中的存储器的指令,执行电子设备100的各种功能应用以及数据处理。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中,音频模块170可以设置于处理器110中,或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A,也称“喇叭”,用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐,或收听免提通话。
受话器170B,也称“听筒”,用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时,可以通过将受话器170B靠近人耳接听语音。
麦克风170C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。当拨打电话或发送语音信息时,用户可以通过人嘴靠近麦克风170C发声,将声音信号输入到麦克风170C。电子设备100可以设置至少一个麦克风170C。在另一些实施例中,电子设备100可以设置两个麦克风170C,除了采集声音信号,还可以实现降噪功能。在另一些实施例中,电子设备100还可以设置三个,四个或更多麦克风170C,实现采集声音信号,降噪,还可以识别声音来源,实现定向录音功能等。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130,也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform,OMTP)标准接口,美国蜂窝电信工业协会(cellular telecommunications industry association of the USA,CTIA)标准接口。
按键190包括开机键,音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入,产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达191可以产生振动提示。马达191可以用于来电振动提示,也可以用于触摸振动反馈。例如,作用于不同应用(例如拍照,音频播放等)的触摸操作,可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作,马达191也可对应不同的振动反馈效果。不同的应用场景(例如:时间提醒,接收信息,闹钟,游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。
SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195,或从SIM卡接口195拔出,实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口,N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡,Micro SIM卡,SIM卡等。同一个SIM卡接口195可以同时插入多张卡。所述多张卡的类型可以相同,也可以不同。SIM卡接口195也可以兼容不同类型的SIM卡。SIM卡接口195也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互,实现通话以及数据通信等功能。在一些实施例中,电子设备100采用eSIM,即:嵌入式SIM卡。eSIM卡可以嵌在电子设备100中,不能和电子设备100分离。
电子设备100的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本发明实施例以分层架构的Android系统为例,示例性说明电子设备100的软件结构。
图2是本发明实施例的电子设备100的软件结构框图。
分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将Android系统分为四层,从上至下分别为应用程序层,应用程序框架层,安卓运行时(Android runtime)和系统库,以及内核层。
应用程序层可以包括一系列应用程序包。
如图2所示,应用程序包可以包括相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图2所示,应用程序框架层可以包括窗口管理器,内容提供器,视图系统,电话管理器,资源管理器,通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。
内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。所述数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通,挂断等)。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,电子设备振动,指示灯闪烁等。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。例如:表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库(例如:OpenGL ES),2D图形引擎(例如:SGL)等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
下面结合捕获拍照场景,示例性说明电子设备100软件以及硬件的工作流程。
当触摸传感器180K接收到触摸操作,相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标,触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件,识别该输入事件所对应的控件。以该触摸操作是触摸单击操作,该单击操作所对应的控件为相机应用图标的控件为例,相机应用调用应用框架层的接口,启动相机应用,进而通过调用内核层启动摄像头驱动,通过摄像头193捕获静态图像或视频。
Android微件在定义时声明最小宽度(minWidth)与最小高度(minHeight),表示默认情况下应占用的最小空间量。当用户在电子设备主屏幕添加微件时,微件占用的宽度和高度通常会超过最小空间量。Android主屏幕为用户提供了一个可用空间网格,用于放置微件和图标。该可用空间网格因设备而异,例如,许多手机都提供4*4或4*5网格,而平板电脑则可提供更大的8*7网格。故添加微件后,微件将在水平和垂直方向进行拉伸,占用满足其minWidth和minHeight约束条件所需的最小单元格数。
电子设备通过获取当前网格宽高最小值smallerSize,计算声明的minWidth和minHeight所需的格子数并向上取整。由于折叠屏展开后宽度增加很多,导致于网格的高度才是最小值,所以折叠态和展开态计算后微件占用的格子数差不多。例如,图3为目前电子设备从折叠态切换至展开态前后的界面中微件变化的示意图,如图3所示,电子设备折叠态时,铺满屏幕的宽度需要5个格子;电子设备处于展开态时,即使展开态的显示分辨率和折叠态的显示分辨率不同,也是需要5个格子铺满屏幕的宽度,但是展开态的格子的宽度变长了;三方widget若未对折叠屏适配,折叠屏展开后,由于格子的宽度增加,会对widget拉伸,导致微件中的图片被拉伸。
综上,电子设备的显示状态(比如显示分辨率)发生变更后,依然以网格大小来定义的Widget会产生布局问题。以折叠屏设备为例,在展开后显示屏的纵向像素不变,但是横向像素变为原来的2倍,桌面的网格数却没有发生变化,对于占用1*1格子的图标可以通过增加间距来解决,但是对于占用连续的格子的Widget会产生横向拉伸,图片变形,且不能充分利用大屏的屏宽优势,显示更多内容。
基于上述技术问题,本发明实施例提供一种微件显示方法和电子设备,应用在折叠屏折叠展开或横竖屏切换等会导致显示状态发生变化的场景,在显示分辨率发生变化后,桌面的Widget需要新的布局来适应新的分辨率。
图4为本发明实施例提供的一种微件显示方法的流程图。如图4所示,该方法包括:
步骤202、根据电子设备的状态信息,确定电子设备处于第一显示状态。
本发明实施例中,电子设备包括折叠屏设备。其中,本发明实施例提供的电子设备的硬件结构和软件结构可以参见图1和图2中关于电子设备100的相关描述。
本发明实施例中,第一显示状态为折叠态、展开态、竖屏态、横屏态或者本地显示态。
以第一显示状态为折叠态或展开态为例,状态信息可以包括用于指示折叠显示屏的折叠角度等。
电子设备可以通过一个或多个传感器获得折叠显示屏的折叠角度折叠显示屏的折叠角度可以理解为折叠屏不同显示区域之间的夹角。显示屏的折叠角度还可以理解为电子设备的两个壳体之间的夹角。
例如,电子设备获取到该电子设备的目前的状态为折叠显示屏的折叠角度为0°,则电子设备处于折叠态;电子设备获取到该电子设备的目前的状态为折叠显示屏的折叠角度为180°,则电子设备处于展开态。
示例性的,电子设备可以通过铰链角度传感器测得该电子设备的折叠显示屏的折叠角度。
示例性的,电子设备的转轴处设置有压力传感器,折叠显示屏折叠到不同角度时产生的压力不同,可以根据压力的不同确定电子设备折叠显示屏的折叠角度。
需要说明的是,本发明实施例仅以通过铰链角度传感器或压力传感器测得该电子设备的折叠显示屏的折叠角度为例,但并不限定于此,通过其他传感器或其他方法获取折叠显示屏的折叠角度以实施本发明实施例提供的微件显示方法均应落入本发明的保护范围。
步骤204、响应于用户的操作,在当前界面中添加第一应用的第一微件,第一微件具有第一网格尺寸。
本发明实施例中,当前界面包括能够放置微件的界面。例如,主屏幕界面、图标文件夹的展开界面均能够放置微件。
第一应用包括电子设备的本地应用或第三方应用。
例如,如图5所示,第一应用为时钟应用时,第一微件可以为数字时钟、双时钟或者时钟。第一微件为数字时钟时,第一网格尺寸为4*1;第一微件为双时钟时,第一网格尺寸为4*2;第一微件为时钟时,第一网格尺寸为2*2。
电子设备添加微件到桌面时,记录该微件的网格尺寸。网格尺寸包括横向格子数gird_w和纵向格子数grid_h。例如,网格尺寸为5*1,横向格子数为5(横向占用5格),纵向格子数为1(纵向占用1格)。
电子设备获取桌面网格的宽高比较小的值,命名为smallerSize,然后计算第一应用声明的第一微件需要多少个格子。电子设备在计算第一微件需要多少个格子时,还会考虑一些左右gap等偏差值计算。
步骤206、根据第二显示状态下的格子宽高的最小值和第一网格尺寸,得到第二微件,第二微件具有第二网格尺寸,第一网格尺寸和第二网格尺寸不同。
第二显示状态下的显示分辨率和第一显示状态下的显示分辨率不同。
可选地,第一显示状态为折叠态,第二显示状态为展开态;或者,第一显示状态为展开态,第二显示状态为折叠态。
可选地,第一显示状态为竖屏态,第二显示状态为横屏态;或者,第一显示状态为横屏态,第二显示状态为竖屏态。
可选地,第一显示状态为本地显示态,第二显示状态为跨设备显示态。例如,将手机widget流转到车辆大屏显示。
本发明实施例中,如图6所示,步骤206具体包括:
步骤206a、获取第二显示状态下的格子宽高的最小值。
示例性的,第一显示状态为折叠态,第二显示状态为展开态时,桌面在折叠和展开后的格子数保持不变(双屏桌面除外)。如果展开态有更多的格子,从折叠态到展开态会产生空白的格子,若是在展开态把多余的格子填满,则折叠后多余的格子又没法显示。对于微件也是如此,原本在折叠态占满屏宽的5*2,若是在展开态变成了4*2,布局上会有些奇怪,变成了左对齐+留1个格子空白。
示例性的,第一显示状态为折叠态,第二显示状态为展开态时,电子设备获取“展开态”格子宽高的最小值expand_smallerSize。
示例性的,第一显示状态为展开态,第二显示状态为折叠态时,电子设备获取“折叠态”格子宽高的最小值folder_smallerSize。
步骤206b、根据第二显示状态下的格子宽高的最小值和第一网格尺寸,得到目标尺寸。
例如,在折叠态,电子设备添加2*2widget,则记录当前折叠态的widget尺寸为2*2,即第一网格尺寸的横向格子数gird_w为2,纵向格子数grid_h为2;然后获取“展开态”格子宽高的最小值expand_smallerSize,计算声明的minWidth和minHeight所需的格子数并向上取整,得到目标尺寸。具体的,电子设备根据第二显示状态下的格子宽高的最小值和第一网格尺寸,得到目标尺寸,计算公式如下:
expand_smallerSize*(grid_w-1)=<minWidth<=expand_smallerSize*grid_w
expand_smallerSize*(grid_h-1)=<minHeight<=expand_smallerSize*grid_h
以简单情况为例,如图7所示,格子高度在电子设备的折叠态和展开态都是格子宽高的最小值smallerSize,在折叠屏展开后,需要在横向找到minWidth更宽的widget。电子设备在折叠态添加2*2widget,如果展开态格子宽度也是变为了2倍,则此时4*2的widget为符合目标尺寸的widget。
又例如,如图8所示,如果电子设备在折叠态时,格子宽度是格子宽高的最小值smallerSize;电子设备在展开态时,格子高度是格子宽高的最小值smallerSize。比如,折叠态的格子宽20dp,高30dp,2*2的widget声明minWidth为40dp,minHeight为40dp,则折叠态widget正好占用横向2格子和竖向2格子。但是电子设备切换到展开态后,格子高度成为了smallerSize,也就是30dp,如果还想保持占用2*2的格子,则需要找到minwidth在30dp到60dp之间,minheight在30dp至60dp之间的第二微件。
例如,在展开态,电子设备添加4*2widget,则记录当前折叠态的widget尺寸为4*2,即第一网格尺寸的横向格子数gird_w为4,纵向格子数grid_h为2;然后获取“展开态”格子宽高的最小值folder_smallerSize,计算声明的minWidth和minHeight所需的格子数并向上取整,得到目标尺寸。具体的,电子设备根据第二显示状态下的格子宽高的最小值和第一网格尺寸,得到目标尺寸,计算公式如下:
folder_smallerSize*(grid_w-1)=<minWidth<=folder_smallerSize*grid_w
folder__smallerSize*(grid_h-1)=<minHeight<=folder_smallerSize*grid_h
步骤206c、根据目标尺寸,判断第一应用注册的至少一个微件中是否存在与目标尺寸匹配的微件,若是,执行步骤206d;若否,执行步骤206e。
步骤206d、将与目标尺寸匹配的微件作为第二微件,并继续执行步骤207。
该步骤中,电子设备通过包管理器查询第一应用注册的widget,寻找符合目标尺寸条件的minWidth和minHeight的widget作为第二微件。
示例性的,图9为本发明实施例中一种电子设备由折叠态至展开态的微件变化的示意图,如图9所示,在折叠屏展开时,电子设备寻找“更宽尺寸”的搜索框微件,并将其作为展开态的布局显示。其中,搜索框微件是可以编辑的,竖屏下是4*1布局的微件,则在展开态时,电子设备获取其5*1布局的微件,并以5*1的布局+4*1的网格生成第二微件的配置,下次启动直接显示该形态。
示例性的,图10为本发明实施例中浏览器应用提供的多尺寸的搜索框微件的示意图,如图10所示,浏览器应用提供了多尺寸的搜索框微件,电子设备折叠态添加的是3*1布局的搜索框微件作为第一微件,则展开态添加其4*1布局的搜索框微件作为第二微件。
步骤206e、根据目标尺寸,判断第一应用注册的至少一个微件是否可以组合,若是,执行步骤206f;若否,执行步骤206h。
若第一应用注册的widget中没有与目标尺寸匹配的微件,电子设备判断第一应用注册的widget是否存在组合后的微件组合的尺寸与目标尺寸匹配。
步骤206f、根据目标尺寸、第一应用注册的至少一个微件,得到第一微件组合。
电子设备若判断出第一应用注册的widget存在组合后的微件组合的尺寸与目标尺寸匹配,根据目标尺寸、第一应用注册的至少一个微件,得到第一微件组合。第一微件组合包括至少两个微件。
可选地,第一应用注册的微件也可以和其他应用注册的微件组合成第一微件组合。
步骤206g、将第一微件组合作为第二微件,并继续执行步骤207。
其中,第二微件为电子设备处于第二显示状态时,与第一显示状态下的第一微件对应的第二微件。
示例性的,图11为本发明实施例中另一种电子设备由折叠态至展开态的微件变化的示意图,如图11所示,电子设备在折叠态时显示2*2布局的APP的搜索框微件,在展开态时2*2布局的搜索框微件不变,空余部分使用4个1*1布局的微件补齐。4个1*1布局的微件分别为APP的关注动态微件、我的收藏微件、设置微件和消息微件。例如,用户通过点击关注动态微件,使电子设备显示APP中的关注界面。
例如,如图11所示,电子设备在折叠态时显示5*1布局的浏览器应用的搜索框微件,在展开态时5*1布局的搜索框微件直接按4*1网格显示,空余部分使用1个1*1布局的微件补齐,即浏览器应用的书签/历史微件。
步骤206h、根据目标尺寸、第一应用注册的至少一个微件和至少一个图标,得到第二微件组合。
第二微件组合包括微件和至少一个图标。
可选地,图标包括快捷方式。
可选地,电子设备若判断出第一应用注册的至少一个微件中不存在与目标尺寸匹配的微件,可以跳过步骤206e-步骤206g,直接执行步骤206h。
步骤206i、将第二微件组合作为第二微件,并继续执行步骤207。
示例性的,图12为本发明实施例中又一种电子设备由折叠态至展开态的微件变化的示意图,如图12所示,电子设备在折叠态时显示5*1布局的搜索框微件,在展开态时5*1布局的搜索框微件直接在展开态按4*1网格显示,空余部分使用1*1布局的浏览器应用图标补齐。
例如,电子设备在折叠态添加2*2widget,如果展开态格子宽度也是变为了2倍,则此时4*2的widget为符合目标尺寸的widget。如果此时没有4*2的widget,只有3*2的widget,则需要寻找其他的空间来补齐空间。例如3*2的widget+1*1的widget或者快捷方式,或者直接原来的2*2widget再拼接一个2*2的widget。
可扩展的,本发明实施例的微件组合包括微件和补齐微件的组合,补齐微件为至少一个微件和/或图标。补齐微件与其组合的微件之间存在关联关系,该关联关系可以根据实际情况设定,本发明不具体限定。例如,采用多种约定方式和关键字设置关联关系。其中,补齐微件可以定义的更为细化,比如在折叠屏展开变为2倍的widget时定义一个补齐微件,在折叠屏展开宽度变为2~2.5倍可以定一个更大的补齐微件。如图12所示,电子设备由折叠态变为展开态,一种微件组合包括左侧的日历微件和右侧的补齐微件,补齐微件包括4个与日历微件具有关联关系的图标,即时钟应用图标、日历应用图标、备忘录应用图标和天气应用图标。
如图12所示,APP的多格拼图微件在折叠态仅显示多格拼图微件,在展开态则在多格拼图微件右侧同时显示补齐微件,该补齐微件包括与多格拼图微件存在关联关系的4个图标,即图库应用图标、相机应用图标、APP图标和APP图标。
例如,电子设备的桌面在添加预览时,同时读取折叠态的微件和展开态的补齐微件。具体的,首先判断该微件是否定义补齐微件,若该微件定义了补齐微件,则将该微件和其补齐微件一并显示。
可选地,折叠屏展开后,widget若不进行拉伸,则存在空余格子。电子设备计算空余格子数量;判断该widget是否声明了补齐微件,若是,在展开态添加补齐微件;若否,寻找与空余格子数量匹配的微件,若存在与空余格子数量匹配的微件,则在展开态添加与空余格子数量匹配的微件;若不存在与空余格子数量匹配的微件,则在展开态添加若干快捷方式以填满空余格子。以4*1的widget为例,折叠屏展开后,widget不进行拉伸,占用格子若为2*1,则剩下的2*1空余格子需要补齐,才能充分利用4*1的显示面积。补齐的方式可以是在展开态占用2*1的widget,或者是2个1*1widget或者快捷方式。
可选地,步骤206之后,所述方法还包括:
步骤207、将第一微件及其占用的格子位置和第二微件及其占用的格子位置、第二标志位存储至数据库。
作为一种可选方案,如图13所示,步骤207具体包括:
步骤2072、将第一微件及其占用的格子位置存储至第一状态数据库。
步骤2074、将第二微件及其占用的格子位置存储至第二状态数据库。
可以理解的,本发明实施例可针对第一显示状态和第二显示状态分别建立数据库,将第一显示状态和第二显示状态显示的微件及其占用的格子位置分开存储。当电子设备处于第一显示状态时,仅从第一状态数据库中读取微件并显示;当电子设备处于第二显示状态时,仅从第二状态数据库中读取微件并显示。
其中,步骤2072和步骤2074的执行顺序不做具体限定,步骤2072和步骤2074可以同时执行;也可以先执行步骤2072再执行步骤2074,或者先执行步骤2074再执行步骤2072。
作为另一种可选方案,步骤207具体包括:将第一微件及其占用的格子位置、第一标志位和第二微件及其占用的格子位置、第二标志位存储至数据库。其中,第一标志位用于标记第一微件在所述第一显示状态显示,第二标志位用于标记第二微件在所述第二显示状态显示。
可以理解的,本发明实施例将第一显示状态和第二显示状态的微件及其占用的格子位置均存储于同一数据库中,同时为每个微件设置标志位,标志位用于区分在不同显示状态显示。
本发明实施例中,第一显示状态的第一微件及其占用的格子位置仍按照目前的存储方式添加至数据库;第二显示状态的第二微件及其占用的格子位置,根据本发明实施例计算出的目标尺寸寻找匹配的微件或者微件组合作为第二微件,并将第二微件及其占用的格子位置存储至数据库中。
步骤208、当电子设备由第一显示状态切换至第二显示状态时,显示第二微件。
本发明实施例中,电子设备处于第一显示状态时,显示第一微件;当电子设备由第一显示状态切换至第二显示状态时,不再显示第一微件,而是显示与第一微件对应的第二微件。
可以理解的,电子设备若在折叠态添加widget后,根据展开态的格子宽高,计算需要替换的widget或者widget组合,在折叠态仍显示原来添加widget,在展开态显示替换的更大尺寸widget或者widget组合。本发明实施例通过替换Widget,使用更大尺寸的widget或者widget组合,来避免图片被拉伸变形;更大尺寸的widget或者widget组合可以相比原有widget显示更多的内容。
电子设备若在展开态添加widget后,根据折叠态的格子宽高,计算需要替换的widget或者widget组合,在展开态仍显示原来添加widget,在折叠态显示替换的更小尺寸的widget或widget组合。
本发明实施例提供的微件显示方法的技术方案中,所述方法包括:根据电子设备的状态信息,确定电子设备处于第一显示状态;响应于用户的操作,在当前界面中添加第一应用的第一微件,第一微件具有第一网格尺寸;根据第二显示状态下的格子宽高的最小值和第一网格尺寸,得到第二微件,第二微件具有第二网格尺寸,第一网格尺寸和第二网格尺寸不同;当电子设备由第一显示状态切换至第二显示状态时,显示第二微件。本发明实施例在电子设备的显示分辨率发生变更后,自动寻找尺寸合适的微件,以替换原先的微件,避免依然以网格大小来定义的微件产生的布局问题(比如Widget图片拉伸、变形);同时能够充分利用大屏的屏宽,显示更多内容。
图14为本发明实施例提供的一种电子设备的结构示意图,应理解,电子设备300能够执行上述微件显示方法中电子设备的各个步骤,为了避免重复,此处不再详述。电子设备300包括:处理单元301。
处理单元301用于根据电子设备的状态信息,确定所述电子设备处于第一显示状态;响应于用户的操作,在当前界面中添加第一应用的第一微件,所述第一微件具有第一网格尺寸;根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件,所述第二微件具有第二网格尺寸,所述第一网格尺寸和所述第二网格尺寸不同;当所述电子设备由所述第一显示状态切换至第二显示状态时,显示所述第二微件。
可选地,处理单元301还用于将所述第一微件及其占用的格子位置存储至第一状态数据库;将所述第二微件及其占用的格子位置存储至第二状态数据库。
可选地,处理单元301还用于将所述第一微件及其占用的格子位置、第一标志位和所述第二微件及其占用的格子位置、第二标志位存储至数据库;其中,所述第一标志位用于标记所述第一微件在所述第一显示状态显示,所述第二标志位用于标记所述第二微件在所述第二显示状态显示。
可选地,所述第二显示状态下的显示分辨率和所述第一显示状态下的显示分辨率不同。
可选地,处理单元301具体用于获取所述第二显示状态下的格子宽高的最小值;根据所述第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到目标尺寸;根据所述目标尺寸,判断所述第一应用注册的至少一个微件中是否存在与所述目标尺寸匹配的微件;若判断出所述第一应用注册的至少一个微件中存在与所述目标尺寸匹配的微件,将所述与所述目标尺寸匹配的微件作为所述第二微件。
可选地,处理单元301具体用于若判断出所述第一应用注册的至少一个微件中不存在与所述目标尺寸匹配的微件,根据所述目标尺寸、所述第一应用注册的至少一个微件,得到第一微件组合;将所述第一微件组合作为所述第二微件。
可选地,所述第一微件组合包括至少两个微件。
可选地,处理单元301具体用于若判断出所述第一应用注册的至少一个微件中不存在与所述目标尺寸匹配的微件,根据所述目标尺寸、所述第一应用注册的至少一个微件和至少一个图标,得到第二微件组合;将所述第二微件组合作为所述第二微件。
可选地,所述第二微件组合包括微件和所述至少一个图标。
可选地,所述电子设备包括折叠屏设备。
可选地,所述第一显示状态为折叠态,所述第二显示状态为展开态;或者,所述第一显示状态为展开态,所述第二显示状态为折叠态。
可选地,所述第一显示状态为竖屏态,所述第二显示状态为横屏态;或者,所述第一显示状态为横屏态,所述第二显示状态为竖屏态。
可选地,所述第一显示状态为本地显示态,所述第二显示状态为跨设备显示态。
可选地,所述当前界面包括主屏幕界面或者图标文件夹的展开界面。
应理解,这里的电子设备300以功能单元的形式体现。这里的术语“单元”可以通过软件和/或硬件形式实现,对此不作具体限定。例如,“单元”可以是实现上述功能的软件程序、硬件电路或二者结合。所述硬件电路可能包括应用特有集成电路(applicationspecific integrated circuit,ASIC)、电子电路、用于执行一个或多个软件或固件程序的处理器(例如共享处理器、专有处理器或组处理器等)和存储器、合并逻辑电路和/或其它支持所描述的功能的合适组件。
因此,在本发明的实施例中描述的各示例的单元,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
本申请实施例提供一种电子设备,该电子设备可以是终端设备也可以是内置于所述终端设备的电路设备。该电子设备可以用于执行上述方法实施例中的功能/步骤。
本申请实施例提供一种计算机可读存储介质,该计算机可读存储介质中存储有指令,当该指令在终端设备上运行时,使得终端设备执行如上述方法实施例中的功能/步骤。
本申请实施例还提供了一种包含指令的计算机程序产品,当该计算机程序产品在计算机或任一至少一种处理器上运行时,使得计算机执行如上述方法实施例中的功能/步骤。
本申请实施例中,“至少一个”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示单独存在A、同时存在A和B、单独存在B的情况。其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项”及其类似表达,是指的这些项中的任意组合,包括单项或复数项的任意组合。例如,a,b和c中的至少一项可以表示:a,b,c,a-b,a-c,b-c,或a-b-c,其中a,b,c可以是单个,也可以是多个。
本领域普通技术人员可以意识到,本文中公开的实施例中描述的各单元及算法步骤,能够以电子硬件、计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,任一功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台电子设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read-only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本申请的具体实施方式,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。本申请的保护范围应以所述权利要求的保护范围为准。
Claims (16)
1.一种微件显示方法,其特征在于,所述方法包括:
根据电子设备的状态信息,确定所述电子设备处于第一显示状态;
响应于用户的操作,在当前界面中添加第一应用的第一微件,所述第一微件具有第一网格尺寸;
根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件,所述第二微件具有第二网格尺寸,所述第一网格尺寸和所述第二网格尺寸不同;
当所述电子设备由所述第一显示状态切换至第二显示状态时,显示所述第二微件。
2.根据权利要求1所述的方法,其特征在于,所述根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件之后,所述方法还包括:
将所述第一微件及其占用的格子位置存储至第一状态数据库;
将所述第二微件及其占用的格子位置存储至第二状态数据库。
3.根据权利要求1所述的方法,其特征在于,所述根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件之后,所述方法还包括:
将所述第一微件及其占用的格子位置、第一标志位和所述第二微件及其占用的格子位置、第二标志位存储至数据库;
其中,所述第一标志位用于标记所述第一微件在所述第一显示状态显示,所述第二标志位用于标记所述第二微件在所述第二显示状态显示。
4.根据权利要求1-3中任一项所述的方法,其特征在于,所述第二显示状态下的显示分辨率和所述第一显示状态下的显示分辨率不同。
5.根据权利要求1-4中任一项所述的方法,其特征在于,所述根据第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到第二微件,所述第二微件具有第二网格尺寸,所述第一网格尺寸和所述第二网格尺寸不同,包括:
获取所述第二显示状态下的格子宽高的最小值;
根据所述第二显示状态下的格子宽高的最小值和所述第一网格尺寸,得到目标尺寸;
根据所述目标尺寸,判断所述第一应用注册的至少一个微件中是否存在与所述目标尺寸匹配的微件;
若判断出所述第一应用注册的至少一个微件中存在与所述目标尺寸匹配的微件,将所述与所述目标尺寸匹配的微件作为所述第二微件。
6.根据权利要求5所述的方法,其特征在于,所述根据所述目标尺寸,判断所述第一应用注册的至少一个微件中是否存在与所述目标尺寸匹配的微件之后,还包括:
若判断出所述第一应用注册的至少一个微件中不存在与所述目标尺寸匹配的微件,根据所述目标尺寸、所述第一应用注册的至少一个微件,得到第一微件组合;
将所述第一微件组合作为所述第二微件。
7.根据权利要求6所述的方法,其特征在于,所述第一微件组合包括至少两个微件。
8.根据权利要求5所述的方法,其特征在于,所述根据所述目标尺寸,判断所述第一应用注册的至少一个微件中是否存在与所述目标尺寸匹配的微件之后,还包括:
若判断出所述第一应用注册的至少一个微件中不存在与所述目标尺寸匹配的微件,根据所述目标尺寸、所述第一应用注册的至少一个微件和至少一个图标,得到第二微件组合;
将所述第二微件组合作为所述第二微件。
9.根据权利要求8所述的方法,其特征在于,所述第二微件组合包括微件和所述至少一个图标。
10.根据权利要求1-9中任一项所述的方法,其特征在于,所述电子设备包括折叠屏设备。
11.根据权利要求10所述的方法,其特征在于,所述第一显示状态为折叠态,所述第二显示状态为展开态;或者,所述第一显示状态为展开态,所述第二显示状态为折叠态。
12.根据权利要求1-10中任一项所述的方法,其特征在于,所述第一显示状态为竖屏态,所述第二显示状态为横屏态;或者,所述第一显示状态为横屏态,所述第二显示状态为竖屏态。
13.根据权利要求1-10中任一项所述的方法,其特征在于,所述第一显示状态为本地显示态,所述第二显示状态为跨设备显示态。
14.根据权利要求1-13中任一项所述的方法,其特征在于,所述当前界面包括主屏幕界面或者图标文件夹的展开界面。
15.一种电子设备,其特征在于,包括处理器和存储器,其中,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,当所述处理器运行所述程序指令时,使所述电子设备执行如权利要求1-14中任一项所述方法的步骤。
16.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序包括程序指令,当所述程序请求被计算机运行时使所述计算机执行如权利要求1-14中任一项所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310126278.2A CN118445007A (zh) | 2023-02-06 | 2023-02-06 | 一种微件显示方法和电子设备 |
PCT/CN2024/072424 WO2024164806A1 (zh) | 2023-02-06 | 2024-01-16 | 一种微件显示方法和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310126278.2A CN118445007A (zh) | 2023-02-06 | 2023-02-06 | 一种微件显示方法和电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN118445007A true CN118445007A (zh) | 2024-08-06 |
Family
ID=92052665
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310126278.2A Pending CN118445007A (zh) | 2023-02-06 | 2023-02-06 | 一种微件显示方法和电子设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN118445007A (zh) |
WO (1) | WO2024164806A1 (zh) |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8381125B2 (en) * | 2009-12-16 | 2013-02-19 | Apple Inc. | Device and method for resizing user interface content while maintaining an aspect ratio via snapping a perimeter to a gridline |
CN102811290B (zh) * | 2012-08-15 | 2015-05-13 | 小米科技有限责任公司 | 一种调整小部件的方法、装置及终端 |
CN103914211B (zh) * | 2014-04-04 | 2017-08-25 | 华为终端有限公司 | 界面元素的自动调整方法和装置 |
CN106201189A (zh) * | 2016-06-30 | 2016-12-07 | 北京小米移动软件有限公司 | 微件显示方法、装置和电子设备 |
US20190073091A1 (en) * | 2017-09-06 | 2019-03-07 | Sap Se | Dynamic display layout systems and methods |
-
2023
- 2023-02-06 CN CN202310126278.2A patent/CN118445007A/zh active Pending
-
2024
- 2024-01-16 WO PCT/CN2024/072424 patent/WO2024164806A1/zh unknown
Also Published As
Publication number | Publication date |
---|---|
WO2024164806A1 (zh) | 2024-08-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114679537B (zh) | 一种拍摄方法及终端 | |
CN111666119B (zh) | Ui组件显示的方法及电子设备 | |
CN115473957B (zh) | 一种图像处理方法和电子设备 | |
CN109559270B (zh) | 一种图像处理方法及电子设备 | |
CN111669459B (zh) | 键盘显示方法、电子设备和计算机可读存储介质 | |
CN112114912A (zh) | 一种用户界面布局方法及电子设备 | |
CN116360725B (zh) | 显示交互系统、显示方法及设备 | |
CN114089932B (zh) | 多屏显示方法、装置、终端设备及存储介质 | |
CN113254409A (zh) | 文件共享方法、系统及相关设备 | |
CN114077464A (zh) | 显示控制方法和装置 | |
CN113935898A (zh) | 图像处理方法、系统、电子设备及计算机可读存储介质 | |
CN114756184B (zh) | 协同显示方法、终端设备及计算机可读存储介质 | |
WO2022161119A1 (zh) | 一种显示方法及电子设备 | |
CN110286975B (zh) | 一种前景元素的显示方法和电子设备 | |
CN115119048B (zh) | 一种视频流处理方法及电子设备 | |
CN114527903A (zh) | 一种按键映射方法、电子设备及系统 | |
CN116048831B (zh) | 一种目标信号处理方法和电子设备 | |
CN116051351B (zh) | 一种特效处理方法和电子设备 | |
CN117009005A (zh) | 一种显示方法、汽车和电子设备 | |
CN118445007A (zh) | 一种微件显示方法和电子设备 | |
CN113495733A (zh) | 主题包安装方法、装置、电子设备及计算机可读存储介质 | |
CN116095512B (zh) | 终端设备的拍照方法及相关装置 | |
CN117689796B (zh) | 一种渲染处理方法及电子设备 | |
CN116703689B (zh) | 一种着色器程序的生成方法、装置和电子设备 | |
CN113986406B (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 |