一种显示方法及电子设备与流程

1.本技术涉及终端技术领域，尤其涉及一种显示方法及电子设备。


背景技术：

2.目前，为了满足用户在不同场景的需求，投屏技术已经应用的越来越广泛，比如将手机投屏到显示器，然后在显示器上显示手机界面。由于手机和显示器的显示像素密度(dots per inch，dpi)不同，而且一般手机的dpi大于显示器的dpi，当手机投屏到显示器之后，可能会出现应用界面重刷新或者应用重启等兼容性问题。
3.为了避免上述情况的发生，需要保证手机的dpi和显示器上显示的display的dpi一致，然而由于手机和显示器的屏幕分辨率不同，当手机的屏幕分辨率比较大的情况下，如果手机投屏到显示器，则会使得显示器上显示的手机窗口上的资源，比如字体、图片等较大，使得用户体验不佳。


技术实现要素：

4.本技术提供一种显示方法及电子设备，用以解决投屏设备的窗口上字体、图片等显示较大的问题，能够提升用户体验。
5.第一方面，本技术提供一种显示方法，该方法包括：首先，第一电子设备与第二电子设备连接，然后第一电子设备获取第二电子设备的dpi，并将自身的dpi与第二电子设备的dpi设置为相同的dpi。基于此，第一电子设备可接收到第一触发事件，该第一触发事件为用户对第一应用图标的触发操作；然后，第一电子设备响应第一触发事件，创建第一窗口，该第一窗口为所述第一应用对应的应用窗口；接着，第一电子设备基于第一窗口获取第一窗口的图像，并对所述第一窗口的图像进行缩放，得到第一图像；最后，第一电子设备基于第一图像得到第二图像，并将第二图像发送给第二电子设备进行显示。
6.在上述技术方案中，第一电子设备通过获取第二电子设备的dpi，并将自身的dpi与第二电子设备的dpi设置为相同的dpi，然后在此基础上对创建第一窗口的图像进行缩放，从而使得窗口的图像缩小，即能够解决第二电子设备上显示的字体、图片等较大的问题，能够提升用户体验。
7.在一种可能的设计中，所述第一电子设备的dpi包括所述第一电子设备出厂预置的dpi和所述第一电子设备创建的虚拟display的dpi。
8.需要说明的是，在同源投屏场景下，第一电子设备的dpi仅包括一个，即出厂预置的dpi，在异源投屏场景下，第一电子设备的dpi可包括两个，即出厂预置的dpi和虚拟display的dpi。
9.在一种可能的设计中，所述第一电子设备将所述第一电子设备的dpi与所述第二电子设备的dpi设置为相同的dpi，包括：所述第一电子设备将自身出厂预置的dpi设置为与所述第二电子设备的dpi相同的dpi，或者所述第一电子设备将所述第二电子设备的dpi设置为与自身出厂预置的dpi相同的dpi。
10.在一种可能的设计中，所述第一电子设备将所述第一电子设备的dpi与所述第二电子设备的dpi设置为相同的dpi，包括：所述第一电子设备将自身出厂预置的dpi设置为与所述第二电子设备的dpi相同的dpi；或者所述第一电子设备将所述第二电子设备的dpi设置为与自身出厂预置的dpi相同的dpi；或者所述第一电子设备将创建的虚拟display的dpi设置为与所述第二电子设备的dpi相同的dpi；或者所述第一电子设备将所述第二电子设备的dpi设置为与创建的虚拟display的dpi相同的dpi。
11.在一种可能的设计中，所述第一电子设备创建第一窗口，包括：所述第一电子设备获取预设窗口的尺寸和预设缩放比例，并根据所述预设窗口的尺寸和预设缩放比例创建第一窗口。
12.在一种可能的设计中，所述第一电子设备对所述第一窗口的图像进行缩放，得到第一图像，包括：所述第一电子设备按照所述预设缩放比例对所述第一窗口的图像进行缩放，得到第一图像。
13.在一种可能的设计中，所述预设缩放比例为所述第一电子设备出厂预置的dpi与所述第二电子设备预先设置的dpi之间的比值，或所述预设缩放比例为所述第一电子设备出厂预置的dpi与所述第二电子设备出厂预置的dpi之间的比值。
14.在一种可能的设计中，所述第一电子设备接收到第一触发事件，包括：所述第一电子设备接收到用户在所述第一电子设备上触发的第一触发事件；或者所述第一电子设备接收到所述第二电子设备发送的第一触发事件，所述第一触发事件为用户在所述第二电子设备上触发的。
15.在一种可能的设计中，所述第一窗口的图像显示在所述第一电子设备的display或者所述第一电子设备创建的虚拟display上。
16.在一种可能的设计中，所述第一电子设备基于所述第一图像得到第二图像，包括：所述第一电子设备对所述第一图像所在的图层和背景所在的图层进行合成，得到第二图像。
17.在一种可能的设计中，所述第一电子设备与第二电子设备连接，包括：所述第一电子设备与所述第二电子设备通过wi-fi、或蓝牙连接、或有线连接。
18.在一种可能的设计中，所述第一窗口的窗口类型为悬浮窗、全屏窗口、平行视界。
19.第二方面，本技术提供一种电子设备，所述电子设备包括显示屏；一个或多个处理器；一个或多个存储器；一个或多个传感器；多个应用；以及一个或多个计算机程序；其中所述一个或多个计算机程序被存储在所述一个或多个存储器中，所述一个或多个计算机程序包括指令，当所述指令被所述一个或多个处理器调用执行时，使得所述电子设备执行上述第一方面及其第一方面任一可能设计的方法。
20.第三方面，本技术还提供一种电子设备，该电子设备包括执行第一方面或者第一方面的任意一种可能的设计的方法的模块/单元；这些模块/单元可以通过硬件实现，也可以通过硬件执行相应的软件实现。
21.第四方面，本技术还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在电子设备上运行时，使得所述电子设备执行第一方面及其第一方面任一可能设计的方法。
22.第五方面，本技术实施例一种计算机程序产品，当所述计算机程序产品在电子设
备上运行时，使得所述电子设备执行本技术实施例第一方面及其第一方面任一可能设计的方法。
23.上述第二方面至第五方面中的各个方面以及各个方面可能达到的技术效果请参照上述针对第一方面中的各种可能方案可以达到的技术效果说明，这里不再重复赘述。
附图说明
24.图1为本技术实施例提供的一种应用场景示意图；
25.图2为本技术实施例提供的一种电子设备的结构示意图；
26.图3为本技术实施例提供的一种显示方法流程图；
27.图4为本技术实施例提供的一种用户界面示意图；
28.图5为本技术实施例提供的一种用户界面示意图；
29.图6为本技术实施例提供的又一种用户界面示意图；
30.图7为本技术实施例提供的一种显示方法流程图；
31.图8为本技术实施例提供的另一种电子设备的结构示意图。
具体实施方式
32.下面将结合本技术以下实施例中的附图，对本技术实施例中的技术方案进行详尽描述。
33.首先，对本技术实施例相关的概念进行解释说明。
34.1)屏幕分辨率：指的是纵横向上的像素点数，单位是px。就相同大小的屏幕而言，当屏幕分辨率低时(例如640*480)，在屏幕上显示的像素少，单个像素尺寸比较大。屏幕分辨率高时(例如1600*1200)，在屏幕上显示的像素多，单个像素尺寸比较小。显示分辨率就是屏幕上显示的像素个数，分辨率160*128的意思是水平方向含有像素数为160个，垂直方向像素数128个。屏幕尺寸一样的情况下，分辨率越高，显示效果就越精细和细腻。
35.2)显示像素密度(dots per inch，dpi)：是指每英寸上可取样、显示、输出的像素点数。它描述的是软件显示时的像素密度，是一种软件属性，可以进行配置。dpi与图像尺寸和图像分辨率有关。在图像尺寸相同的情况下，图像分辨率越高，dpi越大；在图像分辨率相同的情况下，图像尺寸越小，dpi越大。dpi值越高，图像就越清晰。在本技术中，可以通过屏幕尺寸和屏幕分辨率计算dpi。
36.3)屏幕像素密度(pixels per inch，ppi)：可以用来表示屏幕每英寸所拥有的物理像素数。屏幕分辨率描述的是显示屏自身的像素点的数量，是显示器固有的硬件物理特性，是不可改变的。ppi的一种计算方法是：height和width分别是显示屏高和宽对应的像素点的数量，size表示显示屏的对角线长度，单位为英寸，即该计算方法表示的是根据显示屏的高和宽的像素点数，通过勾股定理计算出斜对角线的像素点数，再除以显示屏对角线尺寸，得到ppi。ppi值越高，即表示显示屏能够以越高的密度显示图像，拟真度就越高，越接近真实的图像。
37.4)应用程序(application，app)：简称应用，为能够实现某项或多项特定功能的软件程序。通常，电子设备中可以安装多个应用。比如，相机应用、短信应用、邮箱应用、视频应
用、音乐应用、welink等。下文中提到的应用，可以是电子设备出厂时已安装的应用，也可以是用户在使用电子设备的过程中从网络下载或其他电子设备获取的应用。
38.如图1所示，为本技术实施例提供的一种应用场景示意图。参阅图1所示，该应用场景中可包括手机10、显示器20。其中，手机10为能够支持投屏的手机，手机10的界面可以投屏到显示器20上进行显示。
39.在一些实施例中，手机10和显示器20之间可以通过通信网络互联。示例性的，该通信网络可以是局域网，比如可以是无线保真(wireless fidelity，wi-fi)热点网络、无线保真点对点(wireless fidelity-peer to peer，wi-fi p2p)网络、蓝牙网络、zigbee网络或近距离无线通信技术(near field communication，nfc)网络等。作为一种可能的实现方式，该多个电子设备之间还可以是基于移动网络建立无线连接，例如该移动网络包括基于2g，3g，4g，5g以及后续的标准协议建立的移动网络。作为一种可能的实现方式，该多个电子设备还可以通过移动网络与至少一个服务器建立连接，各个设备之间通过服务器传输数据，和/或，消息，和/或，信息，和/或，信令，和/或，指令。
40.在另一些实施例中，手机10和显示器20之间还可以通过有线连接，比如可以通过数据线进行连接，本技术对此不作具体限定。基于上述两种通信方式，手机10可以通过无线投屏或者有线投屏的方式将手机界面投屏到显示器20上。
41.需要说明的是，图1仅是一种示意性说明，手机10还可以投屏到其它的大屏设备，比如智慧屏等，本技术对此不作限定。
42.需要说明的是，本技术实施例提供的窗口缩放方法，可以适用于具有显示屏的任何电子设备，诸如手机、平板电脑、可穿戴设备(例如，手表、手环、智能头盔，智能眼镜等)、车载设备、增强现实(augmented reality，ar)/虚拟现实(virtual reality，vr)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，umpc)、上网本、个人数字助理(personal digital assistant，pda)等，本技术实施例不作限定。并且，电子设备的示例性实施例包括但不限于搭载或者其它操作系统的电子设备。
43.下面以图1所示场景中的手机为例，介绍电子设备的结构。
44.如图2所示，手机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等。
45.处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，ap)，调制解调处理器，图形处理器(graphics processing unit，gpu)，图像信号处理器(image signal processor，isp)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，dsp)，基带处理器，和/或神经网络处理器(neural-network processing unit，npu)等。其中，不同的处理单元可以是独立的器件，
也可以集成在一个或多个处理器中。其中，控制器可以是手机100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
46.usb接口130是符合usb标准规范的接口，具体可以是mini usb接口，micro usb接口，usb type c接口等。usb接口130可以用于连接充电器为手机100充电，也可以用于手机100与外围设备之间传输数据。充电管理模块140用于从充电器接收充电输入。电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。
47.手机100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。天线1和天线2用于发射和接收电磁波信号。手机100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
48.移动通信模块150可以提供应用在手机100上的包括2g/3g/4g/5g等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，lna)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
49.无线通信模块160可以提供应用在手机100上的包括无线局域网(wireless local 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转为电磁波辐射出去。示例性的，在本技术实施例中，不同的电子设备之间可通过bt或wlan建立通信连接。
50.在一些实施例中，手机100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得手机100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，gsm)，通用分组无线服务(general packet radio service，gprs)，码分多址接入(code division multiple access，cdma)，宽带码分多址(wideband code division multiple access，wcdma)，时分码分多址(time-division code division multiple access，td-scdma)，长
期演进(long term evolution，lte)，第五代(the fifth generation，5g)移动通信系统，未来通信系统，如第六代(6th generation，6g)系统等，bt，gnss，wlan，nfc，fm和/或ir技术等。所述gnss可以包括全球卫星定位系统(global positioning system，gps)，全球导航卫星系统(global navigation satellite system，glonass)，北斗卫星导航系统(beidou navigation satellite system，bds)，准天顶卫星系统(quasi-zenith satellite system，qzss)和/或星基增强系统(satellite based augmentation systems，sbas)。
51.显示屏194用于显示应用的显示界面等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，lcd)，有机发光二极管(organic light-emitting diode，oled)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，amoled)，柔性发光二极管(flex light-emitting diode，fled)，miniled，microled，micro-oled，量子点发光二极管(quantum dot light emitting diodes，qled)等。在一些实施例中，手机100可以包括1个或n个显示屏194，n为大于1的正整数。在本技术实施例中，显示屏194可用于显示应用界面。
52.摄像头193用于捕获静态图像或视频。摄像头193可以包括前置摄像头和后置摄像头。
53.内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行手机100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，以及至少一个应用程序(例如爱奇艺应用，微信应用等)的软件代码等。存储数据区可存储手机100使用过程中所产生的数据(例如图像、视频等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，ufs)等。
54.外部存储器接口120可以用于连接外部存储卡，例如micro sd卡，实现扩展手机100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将图片，视频等文件保存在外部存储卡中。
55.手机100可以通过音频模块170，扬声器170a，受话器170b，麦克风170c，耳机接口170d，以及应用处理器等实现音频功能。例如音乐播放，录音等。
56.按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。手机100可以接收按键输入，产生与手机100的用户设置以及功能控制有关的键信号输入。马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。sim卡接口195用于连接sim卡。sim卡可以通过插入sim卡接口195，或从sim卡接口195拔出，实现和手机100的接触和分离。
57.可以理解的是，图2所示的部件并不构成对手机的具体限定，手机还可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。以下的实施例中，以图2所示的手机100为例进行介绍。
58.以下实施例以应用在图2所示的手机100所示的架构中为例进行描述。
59.此外，下述实施例涉及的至少一个，包括一个或者多个；其中，多个是指大于或者
等于两个。另外，需要理解的是，在本技术的描述中，“第一”、“第二”等词汇，仅用于区分描述的目的。
60.下面以图1所示场景中的手机和显示器为例，对本技术实施例的方法进行介绍。如图3所示，为本技术实施例提供的一种显示方法流程图，参阅图3所示，该方法可包括如下步骤：
61.s301：手机与显示器建立连接。
62.其中，手机与显示器之间可通过蓝牙、wi-fi、有线连接等建立连接关系，实现投屏功能。投屏功能是指将第一设备上显示的内容镜像显示到第二设备上，使得第一设备与第二设备上投屏显示的内容相同，比如将手机上显示的内容镜像显示到显示器上，这样在手机上显示的界面和在显示器上显示的界面为相同的界面。并且，在本技术实施例中，手机和显示器之间可以为异源投屏场景，也可以为同源投屏场景，本技术对此不做限定。可以理解的是，本技术所指的显示器可以是显示屏(例如电脑显示屏、大屏、投影屏幕等)，也可以是手机、笔记本电脑、arvr设备等具有显示能力的电子设备。
63.应理解，同源投屏场景下，可将手机本机的display上显示的内容投屏到显示器上；在异源投屏场景下，可在手机上创建一个虚拟display(virtual display)，然后在打开应用程序的界面时，将应用程序的应用界面窗口显示在该虚拟display上，最后将应用程序的图形数据进行绘制、渲染、合成，并按照顺序混合输出得到2d图形，再将2d图形对应的视频码流传输给显示器，由显示器进行显示。
64.在一些实施例中，手机与显示器之间可以无线投屏。手机可以响应用户的操作，将手机与显示器建立连接。示例性的，用户可以从手机的显示屏上方向下滑动打开状态栏，例如图4中的(a)所示。然后用户可在图4中的(a)所示的状态栏中点击“无线投屏”的图标，手机可响应用户的点击操作，显示可投屏设备列表，例如图4中的(b)所示。用户可在图4中的(b)所示的可投屏设备列表中选择投屏设备，比如选择huashan显示器，然后手机可与huashan显示器建立连接。需要说明的是，手机与显示器在建立连接时可以在同一局域网下，也可以不在同一局域网下，本技术对此不做限定。
65.在另一些实施例中，手机与显示器之间可以通过有线投屏。示例性的，手机与显示器之间可以通过type-c转接线进行投屏。其中，type-c转接线的一端为type-c，另一端为hdmi、dp或者minidp。比如，当手机投屏到显示器时，手机端连接type-c端口，显示器端连接hdmi端口，然后在显示器端的输入信号源切换至转换线对应的hdmi入口，从而可将手机上显示的内容投屏显示到显示器上。需要说明的是，不同设备的端口类型可能不同，在本技术实施例中可以根据设备的端口类型选择转接线。
66.为了描述方便，以下可将手机本机的dpi记为“第一dpi”，将创建的虚拟display的dpi记为“第二dpi”，将显示器的dpi记为“第三dpi”。其中，手机本机的dpi可以理解为出厂预置的dpi或者预先设置的dpi。
67.为了避免由于第一设备和第二设备的dpi不同导致的应用界面重刷新等兼容性问题，在一些实施例中，当手机与显示器为同源投屏时，手机可以将本机的dpi和显示器的dpi设置为相同的。即手机可以将第一dpi和第三dpi设置为相同的dpi。具体来说，手机可以根据第一dpi更改第三dpi(即将第三dpi更改为第一dpi)，或者可以根据第三dpi更改第一dpi(即将第一dpi更改为第三dpi)。
68.在另一些实施例中，当手机与显示器为异源投屏时，手机可以将本机的dpi和显示器的dpi设置为相同的，或者获取显示器的dpi，并在创建虚拟display时将虚拟display的dpi设置为显示器的dpi。即手机可以将第一dpi和第三dpi设置为相同的dpi，手机也可以将第二dpi和第三dpi设置为相同的dpi。具体而言，手机可以根据第一dpi更改第三dpi，也可以根据第三dpi更改第一dpi，或者手机还可以根据第二dpi更改第三dpi，也可以根据第三dpi更改第二dpi。
69.在一些实施例中，可以在手机与显示器在建立连接的过程中，或者在手机与显示器建立投屏关系之前，将本机的dpi和显示器的dpi设置为相同的，或者将虚拟display的dpi设置为显示器的dpi。
70.需要说明的是，当手机与显示器建立连接时，以异源投屏场景为例，可在手机上创建一个虚拟display(virtual display)，然后将virtual display上显示的内容投屏到显示器上。其中，virtual display可与显示器的display的尺寸(或者横纵比例)相同，这样可保证显示器上显示的内容的完整性。
71.s302：响应用户的第一操作，创建第一窗口。
72.其中，第一窗口为与第一操作相对应的应用界面所在的窗口。
73.在一些实施例中，当手机与显示器建立连接之后，用户可在显示器上执行第一操作，该第一操作可以为用户打开应用程序的操作，比如用户对应用图标的点击操作，或者还可以为用户通过鼠标对应用程序的双击操作等。然后，显示器可响应用户的第一操作，向手机发送第一请求消息，以使手机根据第一请求消息创建第一窗口。示例性的，假设显示器的显示屏为支持触摸的显示屏，那么第一操作可以为用户对备忘录应用图标的点击操作，然后显示器可向手机发送第一请求消息，以使手机创建备忘录应用程序的应用窗口。
74.其中，第一请求消息可包括：第一应用的应用标识。该第一应用可以为第一操作对应的第一应用，即第一操作可以为用户对第一应用的应用图标的点击操作。具体来说，手机接收到第一请求消息之后，可根据第一请求消息中包括的第一应用标识创建第一应用的窗口，即第一窗口。
75.在另一些实施例中，当手机与显示器建立连接之后，用户可在手机上执行第一操作，该第一操作可以为用户对应用图标(比如，第一应用的应用图标)的点击操作，或者还可以为用户通过语音触发打开应用程序的操作，然后手机可响应用户的第一操作，创建第一窗口，该第一窗口用于显示第一应用。然后，手机将第一窗口的内容(第一应用)发送给显示器，并显示在显示器上。示例性的，用户可在手机上点击图库应用程序的应用图标，手机可响应用户对图库应用图标的点击操作，创建图库应用程序对应的应用窗口，并将图库的应用窗口显示在显示器上。
76.作为一种可能的实现方式，第一窗口可以以悬浮窗的形式显示在virtual display上。其中，在virtual display上显示的第一窗口的宽和高可以根据预设的缩放比例(比如，可将缩放比例记为k，k的取值范围可以为：0《k《1)以及预设窗口的宽和高计算得到。其中，预设窗口指的是按照设定比例创建的窗口，即第一窗口缩放后显示到显示器上的窗口。示例性的，比如预设窗口的宽和高分别为x1、y1，预设的缩放比例为k，那么在virtual display上显示的第一窗口的宽即为x1/k，第一窗口的高即为y1/k。
77.应理解，手机可在计算得到第一窗口的宽和高，即得到第一窗口的尺寸信息之后
创建第一窗口。
78.其中，预设的窗口的高度可以通过显示器的参数信息得到，比如可以根据显示器的屏幕高度、状态栏高度、dock高度来确定。在一种可能的实现方式中，预设窗口的宽和高可以通过按照如下方式计算得到：
79.预设窗口的高度＝(屏幕的高度-状态栏高度-dock高度)/2。
80.预设窗口的宽度＝预设窗口的高度*比例系数x。比如，当比例系数x为0.48时，预设的窗口的宽度＝高度*0.48。当然，在本技术中比例系数x还可以为其它的数值，对此不做具体限定。应理解，dock指的是电子设备的显示屏上用于任务显示以及切换的快捷窗口，dock区的内容一般不会随着窗口的切换而发生变化。
81.基于上面的介绍可知，手机在创建第一窗口时，可以获取预设的缩放比例，在本技术实施例中预设的缩放比例可以通过如下方式得到：
82.方式1：预设缩放比例可以为手机本机的dpi与显示器预先设置的dpi之间的比值。
83.示例性的，假设显示器预先设置的dpi为300，手机本机的dpi为480，则预设缩放比例可以为：300/480＝0.625。应理解，对于同一型号的显示器而言，显示器预先设置的dpi可以相同。如果显示器的型号不变，手机的型号发生变化，那么相应的预设缩放比例也有可能发生变化。
84.方式2：预设缩放比例可以为手机本机的dpi(即第一dpi)与显示器出厂预置的dpi之间的比值，即缩放比例k＝手机本机的dpi/显示器出厂预置的dpi。比如，手机本机的dpi＝480，显示器出厂预置的dpi＝320，那么缩放比例可以为：320/480＝0.667。
85.针对方式2，在本技术一些实施例中，预设缩放比例可以预先存储在手机中。具体来说，手机中可以预先存储针对不同电子设备的窗口缩放比例，当手机在创建第一窗口时，可以在预先存储的针对不同电子设备的窗口缩放比例中找到与手机建立连接的显示器对应的窗口缩放比例。其中，预先存储的针对不同电子设备的窗口缩放比例可包括同一个手机投屏到不同的设备上的窗口缩放比例以及不同的手机投屏到同一个设备上的窗口缩放比例。例如，手机上预先存储的不同电子设备的窗口缩放比例可参阅下述表1所示。
86.表1
[0087][0088]
在另一些实施例中，手机上预先存储不同电子设备的dpi，然后手机可根据自身的dpi与其它电子设备的dpi计算缩放比例，并存储针对不同电子设备计算的缩放比例。示例性的，可以参阅下述表2所示。
[0089]
表2
[0090][0091]
应理解，表1、表2中的源设备可以为手机等，目标设备可以为显示器等大屏设备。表1和表2仅是一种示意性说明，本技术对此不作具体限定。
[0092]
进一步的，由于预设缩放比例为手机本机的dpi与显示器的dpi之间的比值，对于手机而言，手机可获取到自身的dpi，那么显示器的dpi可以通过如下几种方式得到：
[0093]
方式1：当第一设备与第二设备在建立投屏关系时，显示器上可以显示dpi，该dpi可以为推荐给用户的dpi。然后，显示器可以将该推荐给用户的dpi发送给手机。
[0094]
针对方式1，可以通过该推荐给用户的dpi与手机本机的dpi之间的比值计算得到缩放比例。比如，显示器上显示的dpi为320，手机本机的dpi为480，那么缩放比例可以为：320/480＝0.6。
[0095]
方式2：可以通过查找显示器的分辨率和显示器的尺寸，然后利用显示器的分辨率和显示器的尺寸计算出显示器的dpi，最后，再将计算得到的显示器的dpi发送给手机。可选的，显示器的分辨率可以按照1920*1080计算，显示器的尺寸可以按照23寸计算。
[0096]
方式3：显示器可以将自身的分辨率信息和尺寸信息发送给手机，手机接收到显示器的分辨率和尺寸信息之后，可根据显示器的分辨率和显示器的尺寸计算出显示器的dpi。
[0097]
可选的，显示器的分辨率在本技术实施例中指的是系统显示分辨率，即电子设备的实际显示界面所采用的分辨率。系统显示分辨率可以是电子设备根据检测到的显示器的大小默认适配的系统显示分辨率，也可以为用户自定义设置的系统显示分辨率。通常情况下，用户可以在系统设置选项中选择不同的系统显示分辨率。一般来说，电子设备的系统显示分辨率等于或小于显示屏的屏幕分辨率，屏幕分辨率描述的是显示屏自身的像素点的数量，是显示器固有的，不可改变的。应理解，由于电子设备的屏幕大小、分辨率等可能不同，因此，在设备不同时，缩放比例可能不同。当然，对于同一个电子设备而言，缩放比例可以为固定不变的。
[0098]
s303：手机对第一窗口的内容进行绘制、渲染操作，得到第一窗口的图像。
[0099]
在一些实施例中，手机得到第一窗口的宽和高之后，可创建第一窗口，然后手机可对第一窗口的内容进行绘制、渲染操作，以得到与第一操作相对应的界面，即得到第一窗口的图像。
[0100]
s304：手机按照预设缩放比例，对第一窗口的图像进行缩放，得到第一图像。
[0101]
为了描述方便，本技术实施例中可以将第一窗口的图像缩放后的图像记为“第一图像”。
[0102]
基于s303中预设缩放比例可以有两种情况，因此，在该步骤中对第一窗口的图像进行缩放时也可包括两种情况：
[0103]
情况1：按照手机本机的dpi与显示器预先设置的dpi的比值对第一窗口的图像进行缩放得到第二窗口的图像。
[0104]
情况2：按照手机本机的dpi与显示器出厂预置的dpi的比值对第一窗口的图像进行缩放得到第二窗口的图像。
[0105]
s305：手机将第二图像发送给显示器进行显示。
[0106]
在一些实施例中，手机在将第一窗口的图像缩放之后，可得到第二图像，然后可将display上的多个图层(layer)，比如缩放之后的图像所在的图层和背景所在的图层进行合成，得到第二图像。其中，第二图像可以是一帧图像，也可以是通过执行上述操作之后得到的多帧图像。接着，手机可将第二图像编码成视频流发送给显示器。相应的，显示器在接收到该视频流之后，可对视频流进行解码，得到第二图像上显示的数据，最后再将数据进行渲
染显示在显示器的显示屏上。
[0107]
下面结合用户界面示意图对上述过程进行介绍。
[0108]
在一些实施例中，即显示器上显示的内容为virtual display上显示的内容，那么在手机对第一窗口进行缩放之前，virtual display上显示的应用窗口以及窗口内的元素的尺寸都比较大。示例性的，如图5所示，为本技术实施例提供的一种用户界面示意图。假设用户在s302中的第一操作为打开备忘录应用程序的操作，则第一窗口为备忘录的应用窗口，那么缩放之前显示器上可显示如图5中的(a)所示的界面。其中，备忘录应用窗口上显示的界面元素的尺寸比较大，比如图5中的(a)所示的字的字体比较大。
[0109]
由于图5中的(a)所示的界面上的界面元素尺寸比较大，不符合ux的设计规范，在本技术实施例中可以对应用窗口进行缩放，使得缩放后的界面显示能够满足ux的设计规范。例如，可对图5中的(a)所示的备忘录的应用窗口进行缩放，得到缩放后的应用窗口。然后，手机中的surfaceflinger服务可将display上的多个图层(layer)，比如可将display上的背景所在的layer和应用窗口所在的layer进行合成，然后输出合成之后的2d图形。最后，再将输出的2d图像发给显示器进行显示。示例性的，缩放之后的窗口在显示器上显示的界面可参阅图5中的(b)所示。从图5中的(a)和(b)能明显看出：图5中的(b)所示的备忘录的应用窗口上的字体比图5中的(a)所示的备忘录的应用窗口上的字体小。
[0110]
进一步的，由于窗口上的标题栏属于应用进程，缩放后可能会不满足ux设计规范，因此，在本技术实施例中可以不对标题栏进行缩放，即标题栏的大小继续按照第一窗口上的大小来显示。也就是说，第一窗口和第二窗口上的标题栏的缩放比例为1。
[0111]
需要说明的是，本技术实施例中的窗口缩放方法可以适用于不同窗口类型的窗口，比如可适用于悬浮窗的缩放、平行视界类型下的窗口缩放、沉浸式场景下的全屏显示窗口的窗口缩放。即不管窗口的类型为何种类型，均可以对窗口进行整体缩放。其中，平行视界指的是应用内容在屏幕上双屏显示，同时展示应用的首页和内容页。沉浸式场景指的是应用内容全屏显示。
[0112]
示例性的，假设第一窗口为平行视界的窗口，即第一窗口包括两个子窗口，这两个子窗口为同一个应用程序的不同界面对应的窗口。如图6所示，比如第一窗口包括子窗口1和子窗口2。其中，子窗口1为备忘录的主界面所在的窗口，子窗口2为备忘录内容1所在界面的窗口。针对平行视界的窗口，可以将子窗口1和子窗口2同时进行缩放。比如，第一窗口的大小为1080dp*2340dp，例如图6中的(a)所示。假设缩放比例为0.7，则第二窗口的大小为756dp*1638dp，缩放后的第二窗口可以为图6中的(b)所示。
[0113]
通过本技术实施例的方案，可以使得在投屏场景下投屏设备上显示的窗口内的内容符合ux的设计规范，并且可以针对不同类型的窗口进行缩放，解决应用在不同窗口类型下的窗口兼容性问题。
[0114]
上述实施例是以手机投屏到显示器为例进行的介绍，在本技术实施例中，如果将手机上的应用界面切换到显示器上进行显示时，也可以对应用的窗口大小进行缩放，并且对应用的窗口内显示的内容的dpi进行调整。或者将显示器上显示的应用界面切换到手机上进行显示时，也可以对应用的窗口大小进行缩放，并且对应用的窗口内显示的内容的dpi进行调整。示例性的，比如华为视频应用的应用界面在手机上全屏显示，当将华为视频应用的应用界面切换到大屏设备，比如智慧屏上进行显示时，可将华为视频应用的应用界面在
智慧屏上以悬浮窗的形式显示，并且可将华为视频应用的应用界面所在的窗口进行缩放，同时调整华为视频应用的应用界面的dpi。
[0115]
以第一电子设备和第二电子设备为例，对本技术实施例的方法进行介绍。基于上述实施例，本技术还提供一种显示方法，如图7所示，该方法可包括如下步骤：
[0116]
在下述步骤执行之前，第一电子设备与第二电子设备之间可建立连接。
[0117]
s701：第一电子设备获取第二电子设备的显示像素密度dpi，并将第一电子设备的dpi与第二电子设备的dpi设置为相同的dpi。
[0118]
s702：第一电子设备接收到第一触发事件。
[0119]
其中，第一触发事件为用户对第一应用图标的触发操作，比如可以为用户对应用图标的点击操作。
[0120]
s703：第一电子设备响应第一触发事件，创建第一窗口。
[0121]
这里的第一窗口指的是第一应用对应的应用窗口。
[0122]
s704：第一电子设备基于第一窗口获取第一窗口的图像。
[0123]
s705：第一电子设备对第一窗口的图像进行缩放，得到第一图像。
[0124]
s706：第一电子设备基于第一图像得到第二图像，并将第二图像发送给第二电子设备进行显示。
[0125]
需要说明的是，图7所示实施例中的s701可参阅图3所示实施例中s301中将手机和显示器的dpi设置为相同的dpi的过程，s702、s703可参阅图3所示实施例中s302的详细介绍，s704可参阅图3所示实施例中s303的详细介绍，s705可参阅图3所示实施例中s304的详细介绍，s706可参阅图3所示实施例中s305的详细介绍。并且，图7所示实施例的用户界面可参阅图4、图5所示实施例中的介绍。此处不再赘述。
[0126]
上述本技术提供的实施例中，从电子设备作为执行主体的角度对本技术实施例提供的方法进行了介绍。为了实现上述本技术实施例提供的方法中的各功能，电子设备可以包括硬件结构和/或软件模块，以硬件结构、软件模块、或硬件结构加软件模块的形式来实现上述各功能。上述各功能中的某个功能以硬件结构、软件模块、还是硬件结构加软件模块的方式来执行，取决于技术方案的特定应用和设计约束条件。
[0127]
如图8所示，本技术另外一些实施例公开了一种电子设备，该电子设备可以是具有音频功能的电子设备。参阅图8所示，所述电子设备800包括：显示屏801；一个或多个处理器802；一个或多个存储器803；一个或多个传感器804(图中未示出)、多个应用805(图中未示出)；以及一个或多个计算机程序806(图中未示出)，上述各器件可以通过一个或多个通信总线807连接。
[0128]
需要说明的是，图8所示的电子设备可以适用于前述实施例中的第一设备，也可以适用于前述实施例中的第二设备。
[0129]
其中，显示屏801用于显示电子设备中的应用的显示界面，或者显示提示信息。存储器803中存储有一个或多个计算机程序，所述一个或多个计算机程序包括指令；处理器802调用存储器803中存储的所述指令，使得电子设备800可以上述实施例的音频播放方法。
[0130]
在本技术实施例中，处理器802可以是通用处理器、数字信号处理器、专用集成电路、现场可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件，可以实现或者执行本技术实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以
是微处理器或者任何常规的处理器等。结合本技术实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储器803中，处理器802读取存储器803中的程序指令，结合其硬件完成上述方法的步骤。
[0131]
在本技术实施例中，存储器803可以是非易失性存储器，比如硬盘(hard disk drive，hdd)或固态硬盘(solid-state drive，ssd)等，还可以是易失性存储器(volatile memory)，例如ram。存储器还可以是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。本技术实施例中的存储器还可以是电路或者其它任意能够实现存储功能的装置，用于存储指令和/或数据。
[0132]
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
[0133]
基于以上实施例，本技术还提供了一种计算机存储介质，所述计算机存储介质中存储有计算机程序，所述计算机程序被计算机执行时，使得所述计算机执行以上实施例提供的方法。
[0134]
本技术实施例中还提供一种计算机程序产品，包括指令，当其在计算机上运行时，使得计算机执行以上实施例提供的方法。
[0135]
本技术实施例是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0136]
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0137]
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。