一种电子设备投屏方法、系统、电子设备和可读存储介质与流程

1.本技术属于车辆控制技术领域，特别是涉及一种电子设备投屏方法、系 统、电子设备和可读存储介质。


背景技术：

2.随着车联网(internet ofvehicles)技术和蓝牙(bluetooth)通讯技术的快速 发展，车辆的车载中控台已经逐渐摆脱本地信息的限制，开始从车联网的云 端服务器或用户的手机端获取需要进行投屏显示的目标内容，并将该目标内 容投屏到电子设备的屏幕进行显示。
3.相关的投屏方法，往往是根据电子设备的屏幕的具体分辨率情况，直接 简单的拉伸或者平铺全部目标内容。
4.因此，通过相关的投屏技术所得到的投屏界面，往往会出现失真或者布 局比例不协调的问题，从而影响用户体验。


技术实现要素：

5.有鉴于此，本技术提供一种电子设备投屏方法、系统、电子设备和可读 存储介质，以便解决直接简单的拉伸或者平铺全部投屏内容，会造成投屏界 面出现失真或者布局比例不协调的技术问题。
6.本技术的一个目的在于提供一种电子设备投屏方法、系统、电子设备和 可读存储介质，其优势在于，可以使得需要进行投屏显示的内容在投屏界面 上可以清楚、完整地显示。
7.本技术的一个目的在于提供一种电子设备投屏方法，其优势在于，可以 保证不管是否能获取到与屏幕的适格设备独立像素相同的参考设备独立像 素，都可以得到屏幕的适格设备独立像素相匹配的目标参考设备独立像素。
8.本技术的一个目的在于提供一种电子设备投屏方法，其优势在于，可以 使得智能终端可以根据针对该屏幕分辨率所获取的每英寸像素点数，获取与 该每英寸像素点数相对应的适格设备独立像素，以使得可以获得适应于该屏 幕的适格设备独立像素。
9.本技术的一个目的在于提供一种电子设备投屏方法，其优势在于，可以 保证不管是否能获取到与计算得到的宽高比相同的参考宽高比，都可以得到 与宽高比相匹配的目标参考宽高比。
10.本技术的一个目的在于提供一种电子设备投屏方法，其优势在于，可以 保证不管是宽高比小于或等于目标参考宽高比，还是宽高比大于目标参考宽 高比，都可以获取到屏幕的每英寸像素点数。
11.本技术的一个目的在于提供一种电子设备投屏方法，可以使得方法可以 根据具体的分辨率调整该分辨率对应的每英寸像素点数，以免界面数据渲染 后在投屏界面上无法完整的显示。
12.本技术的一个目的在于提供一种电子设备投屏方法，所述电子设备包括 屏幕，所述方法包括：
13.响应于建立投屏连接，获取所述屏幕的分辨率；
14.根据所述分辨率，获得所述屏幕的宽高比；所述宽高比是所述屏幕的屏 幕宽度与屏幕高度的比值；
15.基于所述宽高比，匹配与所述屏幕的宽高比相匹配的目标参考宽高比；
16.根据所述分辨率、与所述目标参考宽高比相对应的设备独立像素，获取 每英寸像素点数；
17.根据所述分辨率、所述每英寸像素点数，获取所述屏幕的适格设备独立 像素；
18.根据所述屏幕的适格设备独立像素，获取与所述屏幕的适格设备独立像 素相匹配的目标渲染参数；
19.基于所述目标渲染参数，生成投屏界面；
20.发送并显示所述投屏界面于所述电子设备。
21.本技术的另一个目的在于提供一种电子设备投屏系统，包括智能终端和 电子设备，所述智能终端与所述电子设备通信连接；所述电子设备包括屏幕；
22.所述智能终端，响应于建立所述智能终端与所述电子设备的投屏连接， 获取所述屏幕的分辨率，根据所述分辨率，获得所述屏幕的宽高比，所述宽 高比是所述屏幕的屏幕宽度与屏幕高度的比值；基于所述宽高比，匹配与所 述屏幕的宽高比相匹配的目标参考宽高比；根据所述分辨率、与所述目标参 考宽高比相对应的设备独立像素，获取每英寸像素点数；根据所述分辨率、 所述每英寸像素点数，获取所述屏幕的适格设备独立像素；根据所述屏幕的 适格设备独立像素，获取与所述屏幕的适格设备独立像素相匹配的目标渲染 参数，基于所述目标渲染参数，生成投屏界面，发送所述投屏界面至所述电 子设备；
23.所述电子设备，接收并显示所述投屏界面。
24.本技术的再一个目的在于提供一种电子设备，包括处理器，存储器及存 储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令 被所述处理器执行时实现上述的电子设备投屏方法。
25.本技术的又一个目的在于提供一种可读存储介质，所述可读存储介质上 存储程序或指令，所述程序或指令被处理器执行时实现上述的电子设备投屏 方法。
26.上述说明仅是本技术技术方案的概述，为了能够更清楚了解本技术的技 的术手段，而可依照说明书的内容予以实施，并且为了让本技术的上述和其 它目的、特征和优点能够更明显易懂，以下特举本技术的具体实施方式。
附图说明
27.通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本 领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的， 而并不认为是对本技术的限制。而且在整个附图中，用相同的参考符号表示 相同的部件。在附图中：
28.图1是本技术实施例提供的一种电子设备投屏方法的步骤流程图；
29.图2是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之一；
30.图3是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之二；
31.图4是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之三；
32.图5是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之四；
33.图6是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之五；
34.图7是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之六；
35.图8是本技术实施例提供的一种资源文件目录示意图；
36.图9是本技术实施例提供的另一种资源文件目录示意图；
37.图10是本技术实施例提供的一种电子设备投屏效果布局线框示意图；
38.图11是本技术实施例提供的一种电子设备投屏系统的结构框图；
39.图12是本技术实施例提供的一种电子设备的结构框图。
具体实施方式
40.下面将参照附图更详细地描述本技术的示例性实施例。虽然附图中显示 了本技术的示例性实施例，然而应当理解，可以以各种形式实现本技术而不 应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地 理解本技术，并且能够将本技术的范围完整的传达给本领域的技术人员。
41.android开发过程中我们常用的尺寸单位有像素(picture element， pixel/px)、设备独立像素(device independentpixels，dip/dip/dp)，还有 一种缩放比例无关的像素(scale-independentpixel，sip/sp)，sp一般是用于 字体的大小。由于px是像素的单位，比如常说的手机分辨率例如1920*1080 都是px的单位。在android屏幕分辨率(例如：720x1280、1080x1920、 2280x1080)，同一控件在各个分辨率的机型上所占像素都是一样大小的。
42.由于一个像素在不同分辨率的机型上的物理尺寸并不相同，因此，同样 的一款车联应用程序(application，app/app/app)，投屏到不同分辨率的屏幕 上时，显示的效果往往千差万别，甚至出现失真或者布局比例等等问题，尤 其当界面较复杂的时候，安卓(android)中原有的资源适配方案，使用繁琐， 不尽如人意。而且目前并没有一套简单快捷的适合投屏后的页面自适应的方 案。
43.相关技术中往往都是基于一些简单的布局，实现目标内容在不同分辨率 的屏幕上进行投屏，比如，在投屏后的屏幕首页设置占有较大面积的入口选 项或者可以选择的按键，在用户点击该入口选项或者按键后就进入一些全屏 的界面，其中，当遇到多种不同的分辨率的显示界面时，往往只是将需要进 行投屏显示的目标内容，做简单的拉伸或者平铺，这样，在一些较低分辨率 或者宽高比相差较大的机型的屏幕上，该内容所显示的效果较差，使得用户 体验变差。
44.为了解决上述问题，本技术基于安卓原理，提出了一种电子设备投屏方 法、系统、电子设备和可读存储介质，通过在用户打开wifi、蓝牙等通信连 接时，打开移动终端中实现车联的手机app软件，然后使用车联app在不同 分辨率的车载设备(支持的屏幕或者支持投屏的三方智能硬件)上连接并投 屏，其中投屏的首页、天气、收音机、语音、导航等功能页面自动适应到用 户界面(user interface，ui)设计的效果，不只是简单的拉伸填充，而是通过 本技术的方案自适应地让用户在800*480、1920*720、1280*720及1024*600 等主流分辨率上都有很好的显示效果，很好的解决了安卓投屏后的不同屏幕 的分辨率的自动适配
显示，接入简单，适配方便，可以一劳永逸。
45.由于，本技术的目标内容用dp做单位，例如：以dp为尺寸单位的控件， 使得目标内容在不同分辨率和尺寸的屏幕上代表了不同的像素，比如在分辨 率较低的屏幕中，可能1dp＝1px，而在分辨率较高的屏幕中，可能1dp＝2px， 这样的话，一个控件，在不同分辨率的屏幕中就能表现出相对一致的大小了。
46.android中的dp在渲染前会将dp转为px，而dp转为px的计算公式包 括：px＝密度(density)*dp；density＝dpi/160；px＝dp*(dpi/160)。
47.上述计算公式中dp是根据屏幕分辨率和密度来计算的，每个设备都可 能不一样的。由于density不是固定不变的，所以每个不同分辨率的设备， 他们的density都肯定不相等，这样就会造成每个设备的宽/高对应的总dp都 是不同的，假设480*800(宽高比为9:15)分辨率的density是1.5，1080*1920 (宽高比为9:16)分辨率的density是2.6，1440*2560(宽高比为9:16)分 辨率的density是3.5。那么它们对应的宽度总dp＝(宽度px)/density，分别 为480/1.5＝320dp、1080/2.6＝415dp、1440/3.5＝411dp。可以看出单位为dp的 时候，即使是宽高比相同或宽高比之间的差值小于阈值(例如：0.1125(宽高 比9:16的20％))的屏幕，这些屏幕的设备独立像素也并不相同。
48.基于上述内容可知，安卓的屏幕所使用的尺寸单位为dp时，每个dp代 表的像素是由设备显示时的每英寸像素点数(dots per inch，dpi/dpi)所决 定的。由于本技术提供的一种电子设备投屏方法的方案中，投屏时所创建的 画布(surface)以及投屏所显示的界面都是智能终端自己创建及提供的，因 此可以在投屏后，考虑根据不同屏幕的分辨率，使用算法动态生成该分辨率 相对应的dpi，实际上每个安卓设备出厂时也会根据屏幕的密度和分辨率生 成dpi。
49.图1是本技术实施例提供的一种电子设备投屏方法的步骤流程图，该电 子设备包括屏幕，该方法可以包括：
50.步骤101，响应于建立投屏连接，获取屏幕的分辨率；
51.在本技术实施例中，投屏连接是指智能终端与电子设备之间建立的用于 投屏的连接；分辨率可以是800*480、1920*720、1280*720等主流分辨率， 也可以是1280*700、1280*750等其他非流分辨率；电子设备可以是车辆， 也可以是存在屏幕的其他设备，具体可以根据实际需求确定，此处不做限定。
52.在本技术实施例中，智能终端向电子设备发送投屏请求，然后接收电子 设备响应于该投屏请求返回的建立连接数据，再基于该建立连接数据建立智 能终端与电子设备之间的投屏连接，在接收到用户输入的投屏指令时，向电 子设备发送获取分辨率请求，接收电子设备响应于该获取分辨率请求返回的 分辨率，其中，该投屏指令用于指示智能终端在电子设备的屏幕上进行投屏。
53.示例性的，在建立智能终端与电子设备之间的投屏连接后，响应于建立 的投屏连接，在接收到用户输入的投屏指令时，向电子设备发送获取分辨率 请求，电子设备获取屏幕的分辨率为1920*720，然后电子设备向智能终端发 送该分辨率1920*720，而智能终端接收电子设备响应于该获取分辨率请求返 回的分辨率1920*720。
54.步骤102，根据分辨率，获得屏幕的宽高比。
55.在本技术实施例中，电子设备的屏幕的分辨率包括：屏幕的屏幕宽度和 屏幕高
度，而屏幕的宽高比是该屏幕的屏幕宽度与屏幕高度的比值，即屏幕 的宽高比＝屏幕的屏幕宽度：屏幕的屏幕高度。
56.在本技术实施例中，在智能终端接收到电子设备返回的分辨率后，计算 该分辨率包括的屏幕的屏幕宽度与屏幕的屏幕高度之间的比值，作为屏幕的 宽高比。
57.示例性的，在智能终端接收到电子设备返回的分辨率1920*720后，由 于电子设备的屏幕的分辨率包括：屏幕的屏幕宽度和屏幕高度，则智能终端 可以确定电子设备的屏幕的屏幕宽度为1920px，屏幕高度为720px，计算该 屏幕宽度与该屏幕高度之间的比值为1920:720＝24:9＝8:3，则屏幕的宽高比为 8:3。
58.步骤103，基于宽高比，匹配与屏幕的宽高比相匹配的目标参考宽高比。
59.在本技术实施例中，智能终端可以获取与计算得到的宽高比相同的参考 宽高比，作为与屏幕的宽高比相匹配的目标参考宽高比。
60.在本技术实施例中，本技术可以覆盖市场主流分辨率对应的参考宽高比， 参见图8所示，从上往下，对应的宽高比分别为：1:3、2:3、3:3、4:3、16:9、 8:3，此时适配的第一原则是通过屏幕分辨率计算得到的宽高比，而不是具体 的分辨率，能够省去了如图9中所示的繁琐且重复的资源文件，可以大大提 高了投屏自适应的效率和节约存储空间。
61.示例性的，分辨率为1280*720，在智能终端计算得到宽高比为 1280:720＝16:9后，基于该宽高比16:9，获取到与该宽高比16:9相同的参考 宽高比16:9，或者与该宽高比16:9处于同一参考宽高比范围(例如： 17:10～15:8)的参考宽高比16:9时，则将该参考宽高比16:9作为与宽高比相 匹配的目标参考宽高比16:9。
62.步骤104，根据分辨率、与目标参考宽高比相对应的设备独立像素，获 取每英寸像素点数。
63.在本技术实施例中，在智能终端确定目标参考宽高比后，从宽高比关系 中，查询与该目标参考宽高比相对应的参考设备独立像素，作为与目标参考 宽高比相对应的设备独立像素，然后将分辨率、与目标参考宽高比相对应的 设备独立像素，输入以预设系数为参数的算法模型中，可以计算得到每英寸 像素点数。
64.在本技术实施例中，宽高比关系是参考宽高比与参考设备独立像素之间 的关联关系，参考宽高比是指参考分辨率的屏幕宽度与屏幕高度的比值，具 体可以根据实际需求确定，此处不做限定。
65.示例性的，分辨率为1280*720，计算得到的宽高比为1280:720＝16:9， 在智能终端确定与宽高比相匹配的目标参考宽高比为16:9后，从宽高比关系 中查询与该目标参考宽高比16:9相对应的参考设备独立像素640dp，然后将 分辨率1280*720、与目标参考宽高比16:9相对应的参考设备独立像素640dp， 输入以预设系数160为参数的算法模型dpi＝px(dp/160)中，可以计算出每英 寸像素点数dpi＝1280/(640/160)＝320。
66.步骤105，根据分辨率、每英寸像素点数，获取屏幕的屏幕的适格设备 独立像素。
67.在本技术实施例中，屏幕的适格设备独立像素是指智能设备中需要进行 投屏的界面数据中的内容用dp做单位时的屏幕宽度和/或屏幕高度。
68.在本技术实施例中，在智能终端确定每英寸像素点数后，然后将分辨率 和该每英寸像素点数，输入以预设系数为参数的算法模型中，可以计算得到 屏幕的适格设备独立像素。
69.示例性的，分辨率为1280*720，计算得到的宽高比为1280:720＝16:9， 确定的与宽高比相匹配的目标参考宽高比为16:9，目标参考宽高比16:9相 对应的设备独立像素640dp，在智能终端计算得到每英寸像素点数 ＝1280/(640/160)＝320pdi后，然后将分辨率1280*720和该每英寸像素点数 320pdi，输入以预设系数160为参数的算法模型dp＝px(dpi/160)中，可以计 算得到屏幕的适格设备独立像素dp＝1280/(320/160)＝640。
70.步骤106，根据屏幕的适格设备独立像素，获取与屏幕的适格设备独立 像素相匹配的目标渲染参数。
71.在本技术实施例中，目标渲染参数是指在设备独立像素关系中查询到的 与屏幕的适格设备独立像素相对应的参考渲染参数，例如：如图8-9所示的 资源文件夹，例如：valuse-w640dp、valuse-w960dp、valuse-sw1024dp、valuse-sw1280dp；设备独立像素关系是参考设备独立像素与参考渲染参数之 间的关联关系，具体可以根据实际需求确定，此处不做限定。
72.在本技术实施例中，在智能终端确定屏幕的适格设备独立像素后，从设 备独立像素关系中，查询与该屏幕的适格设备独立像素相对应的参考渲染参 数，作为与该屏幕的适格设备独立像素相匹配的目标渲染参数。
73.示例性的，分辨率为1280*720，计算得到的宽高比为1280:720＝16:9， 确定的与宽高比相匹配的目标参考宽高比为16:9，目标参考宽高比16:9相 对应的设备独立像素640dp，每英寸像素点数＝1280/(640/160)＝320pdi，适格 设备独立像素＝1280/(320/160)＝640dp，智能终端在设备独立像素关系中， 查询与该屏幕的适格设备独立像素640dp相对应的参考渲染参数 valuse-w640dp的资源文件夹，作为与该屏幕的适格设备独立像素相匹配的 目标渲染参数valuse-w640dp的资源文件夹，该设备独立像素关系是参考设 备独立像素与参考渲染参数的关联关系。
74.步骤107，基于目标渲染参数，生成投屏界面。
75.在本技术实施例中，在智能终端确定目标渲染参数后，可以使用该目标 渲染参数对需要进行投屏显示的界面数据进行渲染，从而得到投屏界面。
76.示例性的，分辨率为1280*720，计算得到的宽高比为1280:720＝16:9， 确定的与宽高比相匹配的目标参考宽高比为16:9，目标参考宽高比16:9相 对应的设备独立像素640dp，每英寸像素点数＝1280/(640/160)＝320pdi，适格 设备独立像素＝1280/(320/160)＝640dp，在智能终端确定与适格设备独立像 素640dp相匹配的目标渲染参数(values-w640dp的资源文件夹)后，可以 实时地根据所确定的目标渲染参数(values-w640dp的资源文件夹)来对需 要进行投屏显示的界面数据进行渲染，从而得到投屏界面可参见图10中 1920*720中的投屏效果所示。此外，参见图10所示，1920:720＝24:9、 1280:720＝16:9、800:480＝15:9，可见相比于1920*720中的投屏效果，由于 1280*720的宽高比为16:9，可以理解为：分辨率是1280*720和1920*720 的两种屏幕，屏幕高度一致(因为dpi的设计可以按比例拉伸或缩放)，但 分辨率是1280*720的屏幕宽度小于分辨率是1920*720的屏幕宽度，自动调 整适应后，相比于分辨率是1920*720的屏幕每行所显示的展示区域的数量， 分辨率是1280*720的屏幕每行显示展示区域的数量就减少了，由1920*720 的每行显示6个展示区域变成了1280*720的每行显示4个展示区域；而 800*480的宽高比为15:9，可以理解为：宽高比是15:9和16:9的两种屏幕， 屏幕高度一致，但宽高比是15:9的屏幕宽
度小于宽高比是16:9的屏幕宽度， 为了满足适配效果，我们可以通过自适应方案，降低宽高比是15:9的屏幕右 侧每个展示区域的宽度，或者调整每行显示各个展示区域之间的间距 (800*480中的投屏效果为缩小的间距)仍保持每行显示4个。
77.步骤108，发送并显示投屏界面于电子设备。
78.在本技术实施例中，在智能终端获得投屏界面后，向电子设备发送该投 屏界面，以使得电子设备在接收到该投屏界面后，可以在电子设备的屏幕上 显示该投屏界面。
79.示例性的，分辨率为1280*720，计算得到的宽高比为1280:720＝16:9， 确定的与宽高比相匹配的目标参考宽高比为16:9，目标参考宽高比16:9相 对应的设备独立像素640dp，每英寸像素点数＝1280/(640/160)＝320pdi，适格 设备独立像素＝1280/(320/160)＝640dp，确定与适格设备独立像素640dp相 匹配的目标渲染参数为values-w640dp的资源文件夹，在智能终端基于目标 渲染参数values-w640dp的资源文件夹获得投屏界面后，向电子设备发送该 投屏界面，电子设备接收到该投屏界面后，在屏幕上显示该投屏界面。
80.本技术实施例通过智能终端响应于建立投屏连接，获取电子设备的屏幕 的分辨率，就可以根据该分辨率，计算得到屏幕的宽高比，再基于该宽高比， 匹配与该宽高比相匹配的目标参考宽高比，从而可以获取与该目标参考宽高 比相对应的设备独立像素，以根据该设备独立像素和分辨率，计算得到每英 寸像素点数，进而可以根据该每英寸像素点数和分辨率，计算得到屏幕的适 格设备独立像素，这样就可以根据该适格设备独立像素，获取与该适格设备 独立像素相匹配的目标渲染参数，然后就可以基于该目标渲染参数，生成投 屏界面，最后就可以发送并显示该投屏界面于电子设备的屏幕上。这样，可 以使得需要进行投屏显示的界面数据可以自适应电子设备的屏幕的分辨率， 以保证该界面数据在投屏界面上可以清楚、完整地显示。
81.图2是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之一， 步骤106可以包括：
82.步骤201，根据屏幕的适格设备独立像素，获取与屏幕的适格设备独立 像素相匹配的目标参考设备独立像素。
83.在本技术实施例中，智能终端获取与适格设备独立像素相匹配的参考设 备独立像素，然后将获取到的参考设备独立像素作为目标参考设备独立像素。
84.示例性的，智能终端获取与适格设备独立像素相同的参考设备独立像素， 或者从参考设备独立像素中，获取小于适格设备独立像素的参考设备独立像 素中的最大值，作为目标参考设备独立像素。
85.步骤202，根据目标参考设备独立像素，获取与目标参考设备独立像素 相对应的参考渲染参数，作为与屏幕的适格设备独立像素相匹配的目标渲染 参数。
86.在本技术实施例中，智能终端在设备独立像素关系中，查询与获取的目 标参考设备独立像素对应的参考渲染参数，作为与屏幕的适格设备独立像素 相匹配的目标渲染参数，该设备独立像素关系是参考设备独立像素与参考渲 染参数的关联关系。
87.示例性的，智能终端获取与目标参考设备独立像素对应的参考渲染参数， 作为与屏幕的适格设备独立像素相匹配的目标渲染参数。
88.本技术实施例通过根据屏幕的适格设备独立像素，获取与屏幕的适格设 备独立
端响应于未获取到与屏幕的适格设备独立像素658dp相同的参考设备独立 像素，就将参考设备独立像素(例如：120dp、640dp、240dp、960dp、360dp、 480dp)从大到小进行排序，依次对比该适格设备独立像素658dp与排序后 的参考设备独立像素(例如：960dp、640dp、480dp、360dp、240dp、120dp)， 响应于该适格设备独立像素658dp大于参考设备独立像素640dp，将该参考 设备独立像素640dp作为与屏幕的适格设备独立像素658dp相匹配的目标参 考设备独立像素640dp。
99.本技术实施例通过根据屏幕的适格设备独立像素，获取与屏幕的适格设 备独立像素相同的参考设备独立像素，然后就可以响应于获取到与屏幕的适 格设备独立像素相同的参考设备独立像素，将参考设备独立像素作为与屏幕 的适格设备独立像素相匹配的目标参考设备独立像素；响应于未获取到与屏 幕的适格设备独立像素相同的参考设备独立像素，就根据参考设备独立像素 和屏幕的适格设备独立像素，获取与屏幕的适格设备独立像素相匹配的目标 参考设备独立像素。这样，可以保证不管是否能获取到与屏幕的适格设备独 立像素相同的参考设备独立像素，都可以得到屏幕的适格设备独立像素相匹 配的目标参考设备独立像素。
100.图4是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之三， 步骤105可以包括：
101.步骤401，根据每英寸像素点数、分辨率的屏幕宽度和/或屏幕高度，获 取屏幕的适格设备独立像素。
102.在本技术实施例中，在智能终端确定每英寸像素点数后，然后计算每英 寸像素点数与预设系数的比值，得到第一比值；将屏幕宽度与第一比值的比 值，或者将屏幕高度与第一比值的比值，作为屏幕的适格设备独立像素。
103.示例性的，分辨率为1280*700，计算得到的宽高比为1280:700＝16:8.75， 确定的与宽高比相匹配的目标参考宽高比为16:9，与目标参考宽高比16:9 相对应的设备独立像素640dp，与目标参考宽高比相对应的目标参考屏幕高 度为720px，与目标参考屏幕高度720px对应的每英寸像素点数为320dpi， 与目标参考屏幕高度720px对应的目标参考设备独立像素＝720/(320/预设系 数160)＝360dp，在智能终端确定与屏幕高度700px对应的每英寸像素点数 ＝700/(360/160)＝311.1pdi后，然后计算每英寸像素点数311.1pdi与预设系数 160的比值，得到第一比值(311.1/160)；将屏幕宽度1280px与第一比值 (311.1/160)的比值1280/(311.1/160)＝658，作为屏幕的适格设备独立像 素。分辨率为1290*720，计算得到的宽高比为1290:720＝16.125:9，确定的 与宽高比相匹配的目标参考宽高比为16:9，与目标参考宽高比16:9相对应 的设备独立像素640dp，与目标参考宽高比相对应的目标参考屏幕宽度 ＝720*(16:9)＝1280px，与目标参考屏幕宽度1280px对应的每英寸像素点数为 320dpi，与目标参考屏幕宽度1280px对应的目标参考设备独立像素 ＝1280/(320/预设系数160)＝640dp，在智能终端确定与屏幕宽度1290px对应 的每英寸像素点数＝1290/(640/160)＝322.5pdi后，然后计算每英寸像素点数 322.5pdi与预设系数160的比值，得到第一比值(322.5/160)；将屏幕宽度 1290px与第一比值(322.5/160)的比值1290/(322.5/160)＝640，作为屏幕 的适格设备独立像素。
104.本技术实施例通过根据分辨率的屏幕宽度和计算得到的每英寸像素点 数，获取屏幕的适格设备独立像素，可以使得智能终端可以根据针对该屏幕 分辨率所计算得到的
每英寸像素点数，重新计算与该每英寸像素点数相对应 的适格设备独立像素，以使得可以获得适应于该屏幕的适格设备独立像素。
105.图5是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之三， 步骤103可以包括：
106.步骤501，根据宽高比，获取与宽高比相同的参考宽高比。
107.在本技术实施例中，智能终端获取与计算得到的宽高比相同的参考宽高 比。
108.示例性的，当分辨率为2560*1440时，智能终端计算该分辨率包括的屏 幕宽度2560与屏幕高度1440的比值为2560:1440＝16:9，然后将该比值16:9 作为屏幕的宽高比，接着再根据该宽高比16:9，获取与计算得到的宽高比相 同的参考宽高比。
109.步骤502，响应于获取到与宽高比相同的参考宽高比，将参考宽高比作 为与宽高比相匹配的目标参考宽高比。
110.在本技术实施例中，在智能终端获取到与宽高比相同的参考宽高比时， 就将该参考宽高比作为与宽高比相匹配的目标参考宽高比。
111.示例性的，分辨率为2560*1440，计算得到的宽高比为2560:1440＝16:9， 在智能终端获取到与宽高比16:9相同的参考宽高比16:9时，就将参考宽高 比16:9作为与宽高比相匹配的目标参考宽高比16:9。
112.步骤503，响应于未获取到与宽高比相同的参考宽高比，根据宽高比， 获取宽高比所处的目标参考宽高比范围，将与目标参考宽高比范围对应的参 考宽高比，作为与宽高比相匹配的目标参考宽高比。
113.在本技术实施例中，在智能终端未获取到与宽高比相同的参考宽高比时， 就在宽高比范围关系中，查找宽高比所处的目标参考宽高比范围，获取目标 参考宽高比范围对应的参考宽高比，作为与宽高比相匹配的目标参考宽高比； 该宽高比范围关系是参考宽高比与参考宽高比范围之间的关联关系。
114.在本技术实施例中，参考宽高比范围的上限可以是在参考宽高比的基础 上增加预设百分比(例如：20％，15％)，下限可以是在参考宽高比的基础 上减少预设百分比(例如：20％，15％)，参考宽高比范围的上限和下限也 可以是在智能终端或电子设备投屏系统中预先设置的默认数值(例如：参考 宽高比16:9对应的参考宽高比范围的上限为17:10，参考宽高比16:9对应的 参考宽高比范围的下限为15:8)，具体可以根据实际需求确定，此处不做限 定。
115.示例性的，分辨率为1280*700，计算得到的宽高比为1280:700＝16:8.75， 在智能终端未获取到与宽高比16:8.75相同的参考宽高比时，就在宽高比范 围关系中，查找宽高比16:8.75所处的目标参考宽高比范围为17:10～15:8， 获取目标参考宽高比范围17:10～15:8对应的参考宽高比16:9，作为与宽高比 16:8.75相匹配的目标参考宽高比16:9。
116.本技术实施例通过根据计算得到的宽高比，可以获取与该宽高比相同的 参考宽高比，然后响应于获取到与该宽高比相同的参考宽高比，就将该参考 宽高比作为与宽高比相匹配的目标参考宽高比，响应于未获取到与该宽高比 相同的参考宽高比，就根据该宽高比，获取该宽高比所处的目标参考宽高比 范围，再将与该目标参考宽高比范围对应的参考宽高比，作为与宽高比相匹 配的目标参考宽高比。这样，可以保证不管是否能获取到与计算得到的宽高 比相同的参考宽高比，都可以得到与宽高比相匹配的目标参考宽高比。
117.图6是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之四， 步骤104可以包括：
118.步骤601，根据目标参考宽高比，获取与目标参考宽高比相对应的设备 独立像素。
119.在本技术实施例中，智能终端在宽高比关系中，查询与目标参考宽高比 相对应的参考设备独立像素，作为与目标参考宽高比相对应的设备独立像素， 该宽高比关系是参考宽高比与参考设备独立像素的关联关系。
120.示例性的，分辨率为1280*720，计算得到的宽高比为1280:720＝16:9， 确定的与宽高比相匹配的目标参考宽高比为16:9，智能终端在预存的宽高比 关系中，查询与目标参考宽高比16:9相对应的参考设备独立像素640dp，作 为与目标参考宽高比16:9相对应的设备独立像素。
121.步骤602，响应于宽高比小于或等于目标参考宽高比，根据设备独立像 素和分辨率的屏幕宽度，获取每英寸像素点数。
122.在本技术实施例中，智能终端响应于宽高比小于或等于目标参考宽高比， 计算目标参考宽高比相对应的设备独立像素与预设系数的第二比值，将屏幕 宽度与第二比值的比值，作为宽高比对应的每英寸像素点数。
123.示例性的，分辨率为1280*750，计算得到的宽高比为1280:750＝16:9.375， 确定的与宽高比相匹配的目标参考宽高比为16:9，智能终端响应于宽高比 16:9.375小于目标参考宽高比16:9，计算目标参考宽高比16:9相对应的设备 独立像素640dp与预设系数160的第二比值(640/160)，将屏幕宽度1280px 与第二比值(640/160)的比值1280/(640/160)＝320，作为宽高比对应的每 英寸像素点数。
124.步骤603，响应于宽高比大于目标参考宽高比，根据屏幕宽度和目标参 考宽高比，获取与分辨率的屏幕高度对应的目标每英寸像素点数，将目标每 英寸像素点数作为每英寸像素点数。
125.在本技术实施例中，智能终端响应于宽高比大于目标参考宽高比，可以 根据屏幕宽度和目标参考宽高比，计算屏幕高度对应的目标每英寸像素点数， 再将目标每英寸像素点数作为宽高比对应的每英寸像素点数。
126.示例性的，分辨率为1280*700，计算得到的宽高比为1280:780＝16:8.75， 确定的与宽高比相匹配的目标参考宽高比为16:9，智能终端响应于宽高比 16:8.75大于目标参考宽高比16:9，可以根据屏幕宽度1280px和目标参考宽 高比16:9，计算目标参考屏幕高度，再将目标参考屏幕高度和目标参考屏幕 高度对应的每英寸像素点数，输入以预设系数为参数的算法模型中，可以计 算得到目标参考屏幕高度对应的目标设备独立像素，再将目标设备独立像素 和屏幕高度，输入以预设系数为参数的算法模型中，可以计算得到屏幕高度 对应的目标每英寸像素点数，以作为宽高比对应的每英寸像素点数。
127.本技术实施例通过根据目标参考宽高比，可以获取与该目标参考宽高比 相对应的设备独立像素，然后响应于该宽高比小于或等于该目标参考宽高比， 就可以根据设备独立像素和分辨率的屏幕宽度，计算得到每英寸像素点数， 响应于该宽高比大于该目标参考宽高比，就根据屏幕宽度和目标参考宽高比， 计算与分辨率的屏幕高度对应的目标每英寸像素点数，以作为每英寸像素点 数。这样，可以保证不管是宽高比小于或等于目标参考宽高比，还是宽高比 大于目标参考宽高比，都计算出屏幕的每英寸像素点数。
128.图7是本技术实施例提供的另一种电子设备投屏方法的步骤流程图之四， 步骤603可以包括：
129.步骤701，根据屏幕宽度和目标参考宽高比，获取目标参考屏幕高度。
130.在本技术实施例中，智能终端可以计算屏幕宽度与目标参考宽高比的比 值，得到目标参考屏幕高度。
131.示例性的，分辨率为1280*700，计算得到的宽高比为1280:700＝16:8.75， 确定的与宽高比相匹配的目标参考宽高比为16:9，智能终端可以计算屏幕宽 度1280px与目标参考宽高比16:9的比值1280/(16:9)＝720，得到目标参考 屏幕高度为720(px)。
132.步骤702，根据目标参考屏幕高度、与目标参考屏幕高度对应的每英寸 像素点数，获取与目标参考屏幕高度对应的目标参考设备独立像素。
133.在本技术实施例中，计算目标参考屏幕高度对应的每英寸像素点数与预 设系数的第三比值，将目标参考屏幕高度与第三比值的比值，作为目标参考 屏幕高度的目标参考设备独立像素。
134.示例性的，分辨率为1280*700，计算得到的宽高比为1280:700＝16:8.75， 确定的与宽高比相匹配的目标参考宽高比为16:9，与目标参考宽高比16:9 相对应的设备独立像素640dp，与目标参考宽高比相对应的目标参考屏幕高 度为720px，智能终端计算目标参考屏幕高度720(px)对应的每英寸像素点数 320dpi与预设系数160的第三比值(320/160)，将目标参考屏幕高度720(px) 与第三比值(320/160)的比值720/(320/160)＝360(dp)，作为目标参考屏幕高度 的目标参考设备独立像素。
135.步骤703，根据目标参考设备独立像素和分辨率的屏幕高度，获取与屏 幕高度对应的目标每英寸像素点数。
136.在本技术实施例中，计算目标参考设备独立像素与预设系数的第四比值， 将屏幕高度与第四比值的比值，作为屏幕高度对应的目标每英寸像素点数。
137.示例性的，分辨率为1280*700，计算得到的宽高比为1280:700＝16:8.75， 确定的与宽高比相匹配的目标参考宽高比为16:9，与目标参考宽高比16:9 相对应的设备独立像素640dp，与目标参考宽高比相对应的目标参考屏幕高 度为720px，与目标参考宽高比相对应的对应的每英寸像素点数320dpi，与 目标参考宽高比相对应的目标参考设备独立像素＝720/(320/160)＝360dp，智 能终端计算目标参考设备独立像素360dp与预设系数160的第四比值 (360/160)，将屏幕高度700(px)与第四比值(360/160)的比值700/(360/160)，作 为屏幕高度对应的目标每英寸像素点数。
138.本技术实施例通过根据屏幕宽度和目标参考宽高比，可以获取目标参考 屏幕高度，从而可以根据该目标参考屏幕高度、与目标参考屏幕高度对应的 每英寸像素点数，计算得到与目标参考屏幕高度对应的目标参考设备独立像 素，再根据所改目标参考设备独立像素和分辨率的屏幕高度，计算得到与屏 幕高度对应的目标每英寸像素点数。这样，可以使得方法可以根据具体的分 辨率调整该分辨率对应的每英寸像素点数，以免界面数据渲染后在投屏界面 上无法完整的显示。
139.参照图11，本技术实施例提供了一种电子设备投屏系统800的结构框图， 一种，包括智能终端801和电子设备802，智能终端801与电子设备802通 信连接；电子设备802包括屏幕8021；
140.智能终端801，响应于建立智能终端801与电子设备802的投屏连接， 获取屏幕8021的分辨率，根据分辨率，获得屏幕8021的宽高比，宽高比是 屏幕8021的屏幕宽度与屏幕高度的比值；基于宽高比，匹配与屏幕8021的 宽高比相匹配的目标参考宽高比；根据分辨率、与目标参考宽高比相对应的 设备独立像素，获取每英寸像素点数；根据分辨率、每英寸像素点数，获取 屏幕的适格设备独立像素；根据屏幕8021的适格设备独立像素，获取与屏 幕8021的适格设备独立像素相匹配的目标渲染参数，基于目标渲染参数， 生成投屏界面，发送投屏界面至电子设备802；
141.电子设备802，接收并显示投屏界面。
142.本技术实施例提供的一种电子设备投屏系统，通过智能终端响应于建立 投屏连接，获取电子设备的屏幕的分辨率，就可以根据该分辨率，计算得到 屏幕的宽高比，再基于该宽高比，匹配与该宽高比相匹配的目标参考宽高比， 从而可以获取与该目标参考宽高比相对应的设备独立像素，以根据该设备独 立像素和分辨率，计算得到每英寸像素点数，进而可以根据该每英寸像素点 数和分辨率，计算得到屏幕的适格设备独立像素，这样就可以根据该适格设 备独立像素，获取与该适格设备独立像素相匹配的目标渲染参数，然后就可 以基于该目标渲染参数，生成投屏界面，最后就可以发送并显示该投屏界面 于电子设备的屏幕上。这样，可以使得需要进行投屏显示的界面数据可以自 适应电子设备的屏幕的分辨率，以保证该界面数据在投屏界面上可以清楚、 完整地显示。
143.参照图12，本技术实施例提供了一种电子设备900的结构框图，显示的 电子设备900仅仅是一个示例，不应对本发明实施例的功能和使用范围带来 任何限制。
144.如图8所示，电子设备900以通用计算设备的形式表现。该电子设备900 的组件可以包括但不限于：一个或者多个处理器901或者处理单元，存储器 902、连接不同系统组件(包括存储器902和处理器901)的总线903及存储 在存储器902上并可在处理器901上运行的计算机指令，计算机指令被处理 器901执行时实现上述的电子设备投屏方法。
145.总线903表示几类总线结构中的一种或多种，包括存储器总线或者存储 器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任 意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体 系结构(isa)总线，微通道体系结构(mac)总线，增强型isa总线、视 频电子标准协会(vesa)局域总线以及外围组件互连(pci)总线。
146.电子设备900典型地包括多种计算机系统可读介质。这些介质可以是任 何能够被电子设备900访问的可用介质，包括易失性和非易失性介质，可移 动的和不可移动的介质。
147.存储器902可以包括易失性存储器形式的计算机系统可读介质，例如随 机存取存储器(ram)9021和/或高速缓存存储器9022。电子设备900可以 进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。 仅作为举例，存储系统9023可以用于读写不可移动的、非易失性磁介质(图 12未显示，通常称为“硬盘驱动器”)。尽管图12中未示出，可以提供用 于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移 动非易失性光盘(例如cd-rom,dvd-rom或者其它光介质)读写的光盘 驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与 总线903相连。存储器902可以包括至少一个程序产品，该程序产品具有一 组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例 的功能。
memory， 只读存储器)、ram(randomaccess memory，随即存储器)、eprom(erasableprogrammable read-only memory，可擦写可编程只读存储器)、eeprom (electrically erasable programmable read-only memory，电可擦可编程只读存 储器)、闪存、磁性卡片或光线卡片。也就是，存储介质包括由设备(例如， 计算机)以能够读的形式存储或传输信息的任何介质。
154.本技术领域技术人员可以理解，可以用计算机程序指令来实现这些结构 图和/或框图和/或流程图中的每个框以及这些结构图和/或框图和/或流程图 中的框的组合。本技术领域技术人员可以理解，可以将这些计算机程序指令 提供给通用计算机、专业计算机或其它可编程数据处理方法的处理器来实现， 从而通过计算机或其他可编程数据处理方法的处理器来执行本技术公开的 结构图和/或框图和/或流图的框或多个框中指定的方案。
155.以上所述，仅为本技术的具体实施方式，但本技术的保护范围并不局限 于此，任何熟悉本技术领域的技术人员在本技术揭露的技术范围内，可轻易 想到变化或替换，都应涵盖在本技术的保护范围之内。因此，本技术的保护 范围应以所述权利要求的保护范围为准。

技术特征：
1.一种电子设备投屏方法，所述电子设备包括屏幕，其特征在于，所述方法包括：响应于建立投屏连接，获取所述屏幕的分辨率；根据所述分辨率，获得所述屏幕的宽高比；所述宽高比是所述屏幕的屏幕宽度与屏幕高度的比值；基于所述宽高比，匹配与所述屏幕的宽高比相匹配的目标参考宽高比；根据所述分辨率、与所述目标参考宽高比相对应的设备独立像素，获取每英寸像素点数；根据所述分辨率、所述每英寸像素点数，获取所述屏幕的适格设备独立像素；根据所述屏幕的适格设备独立像素，获取与所述屏幕的适格设备独立像素相匹配的目标渲染参数；基于所述目标渲染参数，生成投屏界面；发送并显示所述投屏界面于所述电子设备。2.根据权利要求1所述的方法，其特征在于，所述根据所述屏幕的适格设备独立像素，获取与所述屏幕的适格设备独立像素相匹配的目标渲染参数，包括：根据所述屏幕的适格设备独立像素，获取与所述屏幕的适格设备独立像素相匹配的目标参考设备独立像素；根据所述目标参考设备独立像素，获取与所述目标参考设备独立像素相对应的参考渲染参数，作为与所述屏幕的适格设备独立像素相匹配的目标渲染参数。3.根据权利要求2所述的方法，其特征在于，所述根据所述屏幕的适格设备独立像素，获取与所述屏幕的适格设备独立像素相匹配的目标参考设备独立像素，包括：根据所述屏幕的适格设备独立像素，获取与所述屏幕的适格设备独立像素相同的参考设备独立像素；响应于获取到与所述屏幕的适格设备独立像素相同的参考设备独立像素，将所述参考设备独立像素作为与所述屏幕的适格设备独立像素相匹配的目标参考设备独立像素；响应于未获取到与所述屏幕的适格设备独立像素相同的参考设备独立像素，根据所述参考设备独立像素和所述屏幕的适格设备独立像素，获取与所述屏幕的适格设备独立像素相匹配的目标参考设备独立像素。4.根据权利要求1所述的方法，其特征在于，所述根据所述分辨率、所述每英寸像素点数，获取所述屏幕的适格设备独立像素，包括：根据所述每英寸像素点、所述分辨率的屏幕宽度和/或屏幕高度，获取所述屏幕的适格设备独立像素。5.根据权利要求1所述的方法，其特征在于，所述基于所述宽高比，匹配与所述屏幕的宽高比相匹配的目标参考宽高比，包括：根据所述宽高比，获取与所述宽高比相同的参考宽高比；响应于获取到与所述宽高比相同的参考宽高比，将所述参考宽高比作为与所述宽高比相匹配的目标参考宽高比；响应于未获取到与所述宽高比相同的参考宽高比，根据所述宽高比，获取所述宽高比所处的目标参考宽高比范围，将与所述目标参考宽高比范围对应的参考宽高比，作为与所述宽高比相匹配的目标参考宽高比。
6.根据权利要求1所述的方法，其特征在于，所述根据所述分辨率、与所述目标参考宽高比相对应的设备独立像素，获取每英寸像素点数，包括：根据所述目标参考宽高比，获取与所述目标参考宽高比相对应的设备独立像素；响应于所述宽高比小于或等于所述目标参考宽高比，根据所述设备独立像素和所述分辨率的屏幕宽度，获取每英寸像素点数；响应于所述宽高比大于所述目标参考宽高比，根据所述屏幕宽度和所述目标参考宽高比，获取与所述分辨率的屏幕高度对应的目标每英寸像素点数，将所述目标每英寸像素点数作为所述每英寸像素点数。7.根据权利要求6所述的方法，其特征在于，所述根据所述屏幕宽度和所述目标参考宽高比，获取与所述分辨率的屏幕高度对应的目标每英寸像素点数，包括：根据所述屏幕宽度和所述目标参考宽高比，获取目标参考屏幕高度；根据所述目标参考屏幕高度、与所述目标参考屏幕高度对应的每英寸像素点数，获取与所述目标参考屏幕高度对应的目标参考设备独立像素；根据所述目标参考设备独立像素和所述分辨率的屏幕高度，获取与所述屏幕高度对应的目标每英寸像素点数。8.一种电子设备投屏系统，其特征在于，包括智能终端和电子设备，所述智能终端与所述电子设备通信连接；所述电子设备包括屏幕；所述智能终端，响应于建立所述智能终端与所述电子设备的投屏连接，获取所述屏幕的分辨率，根据所述分辨率，获得所述屏幕的宽高比，所述宽高比是所述屏幕的屏幕宽度与屏幕高度的比值；基于所述宽高比，匹配与所述屏幕的宽高比相匹配的目标参考宽高比；根据所述分辨率、与所述目标参考宽高比相对应的设备独立像素，获取每英寸像素点数；根据所述分辨率、所述每英寸像素点数，获取所述屏幕的适格设备独立像素；根据所述屏幕的适格设备独立像素，获取与所述屏幕的适格设备独立像素相匹配的目标渲染参数，基于所述目标渲染参数，生成投屏界面，发送所述投屏界面至所述电子设备；所述电子设备，接收并显示所述投屏界面。9.一种电子设备，其特征在于，包括处理器，存储器及存储在所述存储器上并可在所述处理器上运行的计算机指令，所述计算机指令被所述处理器执行时实现如权利要求1-7任一项所述的电子设备投屏方法。10.一种可读存储介质，其特征在于，所述可读存储介质上存储计算机指令，所述计算机指令被处理器执行时实现如权利要求1-7中任一项所述的电子设备投屏方法。

技术总结
本申请提供一种电子设备投屏方法、系统、电子设备和可读存储介质，应用于车辆控制技术领域。电子设备包括屏幕，方法包括：响应于建立投屏连接获取屏幕的分辨率；根据分辨率获得屏幕的宽高比；宽高比是屏幕的屏幕宽度与屏幕高度的比值；基于宽高比匹配与宽高比相匹配的目标参考宽高比；根据分辨率、与目标参考宽高比相对应的设备独立像素，获取每英寸像素点数；根据分辨率、每英寸像素点数获取屏幕的适格设备独立像素；根据屏幕的适格设备独立像素，获取与屏幕的适格设备独立像素相匹配的目标渲染参数；基于目标渲染参数生成投屏界面；发送并显示投屏界面于电子设备。这样，可以使得需要进行投屏显示的内容在投屏界面屏幕上可以清楚、完整地显示。完整地显示。完整地显示。


技术研发人员：郭斌
受保护的技术使用者：博泰车联网（南京）有限公司
技术研发日：2021.12.27
技术公布日：2023/7/11