设备互联交互方法、电子设备和存储介质与流程

1.本技术涉及用户交互技术领域，具体地涉及一种设备互联交互方法、电子设备和存储介质。


背景技术：

2.同一个用户可能拥有多个电子设备，包括手机、平板电脑、电脑、电视、显示器等，用户在使用电子设备的过程中存在在多个电子设备之间传输数据进行设备互联的需求，为此需要提供一种相配套的设备互联交互方法，以使得用户能够基于上述方法控制电子设备进行设备互联。


技术实现要素：

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.在所述设备互联应用启动指令表示的滑动距离大于等于预设距离门限的情况下，按照滑动距离越大缩小幅度越大的规则，将所述应用界面的大小由原大小缩小至预设的胶囊大小，生成包含该应用的应用标识的应用胶囊；
29.将所述应用界面的圆角由原圆角变更为预设的第一胶囊圆角；
30.控制所述应用胶囊跟随所述设备互联应用启动指令表示的位置移动。
31.本技术的一个实施例中，在所述主电子设备当前显示的界面中包含两个应用的应用界面的情况下，所述缩小所述主电子设备当前显示的界面，包括：
32.在所述设备互联应用启动指令表示的滑动距离大于等于预设距离门限的情况下，按照滑动距离越大缩小幅度越大的规则，将所述界面的大小由原大小缩小至预设的胶囊大小，生成包含所述两个应用的应用标识且两个应用标识之间存在分割线的应用胶囊；
33.将所述界面的圆角由原圆角变更为预设的第二胶囊圆角；
34.控制所述应用胶囊跟随所述设备互联应用启动指令表示的位置移动。
35.本技术的一个实施例中，在所述启动设备互联应用，显示所述设备互联应用的界面之后，还包括：
36.在用户停止输入设备互联应用启动指令之后，控制包含两个应用的应用标识的应用胶囊消失；
37.生成两个新的应用胶囊，其中，所生成的每一应用胶囊与所述两个应用中的一个应用相对应，并且所生成的每一应用胶囊中包含所对应的应用的应用标识；
38.将所生成的两个应用胶囊移动至预设胶囊位置处。
39.本技术的一个实施例中，在运行设备互联应用的过程中，在所述设备互联应用的界面中存在与应用相对应的应用胶囊的情况下，所述方法还包括：
40.接收用户输入的用于拖动应用胶囊的胶囊拖动指令；
41.控制应用胶囊跟随所述胶囊拖动指令指示的位置移动；
42.若所述应用胶囊移动至从设备球所在的位置且用户停止输入所述胶囊拖动指令，则将所述应用胶囊对应的应用共享至所述从设备球对应的从电子设备；
43.在共享应用的加载过程中，控制第二遮罩层基于预设位移距离沿穿过所述从设备球圆心的移动路径往返运动；
44.在共享应用成功后，控制所述应用胶囊消失。
45.本技术的一个实施例中，在所述应用胶囊对应两个应用的情况下，所述应用胶囊中包含两个应用的应用标识以及两个应用标识之间的分割线，在共享应用加载完成后，所述方法还包括：
46.显示包含所述两个应用的信息的应用选择列表，以使得用户基于所述应用选择列表选择实际共享的应用；
47.将用户所选择应用共享至所述从设备球对应的从电子设备；
48.控制所述应用胶囊中用户未选择应用的应用标识以及所述分割线消失；
49.若所选择应用的应用标识在所述应用胶囊中的右侧，则将所述应用胶囊中用户所选择应用的应用标识移动至所述应用胶囊中的原本位于左侧的应用标识所在的位置；
50.在所述应用胶囊中显示用户所选择应用的应用名称。
51.第二方面，本技术实施例提供了一种电子设备，包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器，其中，当该计算机程序指令被所述处理器执行时，触发所述电子设备执行第一方面任一项所述的方法。
52.第三方面，本技术实施例提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的程序，其中，在所述程序运行时控制所述计算机可读存储介质所在设备执行第一方面中任一项所述的方法。
53.采用本技术实施例提供的技术方案进行应用于主电子设备的设备互联交互时，在运行设备互联应用的过程中，接收用户输入的用于拖动界面中显示的从设备球的设备球拖动指令；控制从设备球跟随设备球拖动指令指示的位置移动；若从设备球与界面中显示的主设备球之间的距离小于第一预设距离，则控制主设备球向从设备球移动，并控制从设备球与主设备球连接，将连接区域的颜色变更为所述主设备球的颜色；控制主电子设备与从电子设备进行通信连接；在通信连接过程中，控制第一遮罩层沿圆心连线按照第二预设距离进行往返移动；在通信连接成功后，控制从设备球的颜色变更为主设备球的颜色。
54.由此可见，用户通过输入设备球拖动指令拖动设备互联应用的界面中显示的从设备球，使从设备球与主设备球连接便可以控制主电子设备与从电子设备之间进行通信连接，从而使得用户能够便捷地控制电子设备之间互联。并且在通信连接过程中，主电子设备控制第一遮罩层沿圆心连线往复运动，从而使得连接区域中与主设备球颜色相同的部分的面积不断变化，呈现出呼吸感动画效果，使得设备互联应用的显示效果较为美观，且能够从视觉上表现出通信连接正在进行，并且在通信连接成功后，将从设备球的颜色变更为主设备球的颜色，在视觉上体现出从设备球与主设备球融为一体，表现出从电子设备与主电子设备成功实现连接。
附图说明
55.为了更清楚地说明本技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其它的附图。
56.图1为本技术实施例提供的一种电子设备的示意图；
57.图2为本技术实施例提供的第一种设备互联交互方法的流程示意图；
58.图3为本技术实施例提供的第一种设备互联应用的界面示意图；
59.图4为本技术实施例提供的第二种设备互联应用的界面示意图；
60.图5为本技术实施例提供的第一种主设备球与从设备球的示意图；
61.图6为本技术实施例提供的第二种主设备球与从设备球的示意图；
62.图7为本技术实施例提供的第三种主设备球与从设备球的示意图；
63.图8为本技术实施例提供的第四种主设备球与从设备球的示意图；
64.图9为本技术实施例提供的第五种主设备球与从设备球的示意图；
65.图10为本技术实施例提供的第二种设备互联交互方法的流程示意图；
66.图11为本技术实施例提供的第六种主设备球与从设备球的示意图；
67.图12为本技术实施例提供的第三种设备互联交互方法的流程示意图；
68.图13为本技术实施例提供的第四种设备互联交互方法的流程示意图；
69.图14为本技术实施例提供的第五种设备互联交互方法的流程示意图；
70.图15为本技术实施例提供的第六种设备互联交互方法的流程示意图；
71.图16为本技术实施例提供的一种不可触发区域与可触发角度示意图；
72.图17为本技术实施例提供的第七种设备互联交互方法的流程示意图；
73.图18为本技术实施例提供的三指触点中心的示意图；
74.图19为本技术实施例提供的第三种设备互联应用界面的示意图；
75.图20为本技术实施例提供的第八种设备互联交互方法的流程示意图；
76.图21为本技术实施例提供的第四种设备互联应用界面的示意图；
77.图22为本技术实施例提供的第五种设备互联应用界面的示意图；
78.图23为本技术实施例提供的第九种设备互联交互方法的流程示意图。
具体实施方式
79.为了更好的理解本技术的技术方案，下面结合附图对本技术实施例进行详细描述。
80.为了便于清楚描述本技术实施例的技术方案，在本技术的实施例中，采用了“第一”、“第二”等字样对功能和作用基本相同的相同项或相似项进行区分。例如，第一指令和第二指令是为了区分不同的用户指令，并不对其先后顺序进行限定。本领域技术人员可以理解“第一”、“第二”等字样并不对数量和执行次序进行限定，并且“第一”、“第二”等字样也并不限定一定不同。
81.需要说明的是，本技术中，“示例性地”或者“例如”等词用于表示作例子、例证或说明。本技术中被描述为“示例性地”或者“例如”的任何实施例或设计方案不应被解释为比其他实施例或设计方案更优选或更具优势。确切而言，使用“示例性地”或者“例如”等词旨在以具体方式呈现相关概念。
82.本技术实施例可应用于平板电脑、个人计算机(personal computer，pc)、个人数字助理(personal digital assistant，pda)、智能手表、上网本、可穿戴电子设备、增强现实技术(augmented reality，ar)设备、虚拟现实(virtual reality，vr)设备、车载设备、智能汽车、机器人、智能眼镜、智能电视等电子设备中。
83.如图1所示，图1为本技术实施例提供的一种电子设备的示意图，图1所示的电子设备可以包括处理器110、外部存储器接口1～n120、内部存储器121、通用串行总线(universal serial bus，usb)接口130、充电管理模块140、电源管理模块141、电池142、天线1、天线2、移动通信模块2g/3g/4g/5g150、无线通信模块bt(bittorrent，比特流)/wlan(wireless local area network，无线局域网)/nfc(near field communication，近场通信)/ir(infrared radiation，红外线)/fm(frequency modulation，调频)160、音频模块170、扬声器170a、受话器170b、麦克风170c、耳机接口170d、传感器模块180、按键190、马达191、指示器192、摄像头1～n 193、显示屏1～n 194、以及sim(subscriber identity module，用户标识模块)卡接口1～n195等。其中，传感器模块180可以包括压力传感器180a、陀螺仪传感器180b、气压传感器180c、磁传感器180d、加速度传感器180e、距离传感器180f、接近光传感器180g、指纹传感器180h、温度传感器180j、触摸传感器180k、环境光传感器180l、以及骨传导传感器180m等。
84.可以理解的是，本技术实施例示意的结构并不构成对电子设备的具体限定。在本技术另一些实施例中，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件、软件、或软件和硬件的组合实现。
85.处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，ap)、调制解调处理器(modem)、图形处理器(graphics processing unit，gpu)、图像信号处理器(image signal processor，isp)、控制器、视频编解码器、数字信号处理器(digital signal processor，dsp)，基带处理器，和/或神经网络处理器(neural-network processing unit，npu)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
86.处理器110可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执
行指令的控制。
87.处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
88.在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，i2c)接口、集成电路内置音频(inter-integrated circuit sound，i2s)接口、脉冲编码调制(pulse code modulation，pcm)接口、通用异步收发传输器(universal asynchronous receiver/transmitter，uart)接口、移动产业处理器接口(mobile industry processor interface，mipi)、通用输入输出(general-purpose input/output，gpio)接口、以及用户标识模块(subscriber identity module，sim)接口。
89.i2c接口是一种双向同步串行总线，包括一根串行数据线(serial data line，sda)和一根串行时钟线(derail clock line，scl)。在一些实施例中，处理器110可以包含多组i2c总线。处理器110可以通过不同的i2c总线接口分别耦合触摸传感器180k、充电器，闪光灯、摄像头193等。例如：处理器110可以通过i2c接口耦合触摸传感器180k，使处理器110与触摸传感器180k通过i2c总线接口通信，实现电子设备的触摸功能。
90.i2s接口可以用于音频通信。在一些实施例中，处理器110可以包含多组i2s总线。处理器110可以通过i2s总线与音频模块170耦合，实现处理器110与音频模块170之间的通信。在一些实施例中，音频模块170可以通过i2s接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。
91.pcm接口也可以用于音频通信，将模拟信号抽样，量化和编码。在一些实施例中，音频模块170与无线通信模块160可以通过pcm总线接口耦合。音频模块170可以将获取到的下行音频流数据和上行音频流数据通过无线通信模块160传输到与电子设备无线连接的电子设备。
92.在一些实施例中，音频模块170也可以通过pcm接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。所述i2s接口和所述pcm接口都可以用于音频通信。
93.uart接口是一种通用串行数据总线，用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。在一些实施例中，uart接口通常被用于连接处理器110与无线通信模块160。例如：处理器110通过uart接口与无线通信模块160中的蓝牙模块通信，实现蓝牙功能。在一些实施例中，音频模块170可以通过uart接口向无线通信模块160传递音频信号，实现通过蓝牙连接的电子设备获得下行音频流的功能。
94.mipi接口可以被用于连接处理器110与显示屏194，摄像头193等外围器件。mipi接口包括摄像头串行接口(camera serial interface，csi)、以及显示屏串行接口(display serial interface，dsi)等。在一些实施例中，处理器110和摄像头193通过csi接口通信，实现电子设备100的拍摄功能。处理器110和显示屏194通过dsi接口通信，实现电子设备的显示功能。
95.可以理解的是，本技术实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备的结构限定。在本技术另一些实施例中，电子设备也可以采用上述实
施例中不同的接口连接方式，或多种接口连接方式的组合。
96.电子设备的无线通信功能可以通过天线1、天线2、移动通信模块150、无线通信模块160、调制解调处理器以及基带处理器等实现。
97.天线1和天线2用于发射和接收电磁波信号。电子设备中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
98.移动通信模块150可以提供应用在第一电子设备上的包括2g/3g/4g/5g等无线通信的解决方案。在一些实施例中，可以通过移动通信模块150实现两个电子设备之间的通话数据的传输，例如，作为被呼叫方设备时，可以获得来自呼叫方设备的下行音频流数据，以及可以向呼叫方设备传输上行音频流数据。
99.无线通信模块160可以提供应用在电子设备上的包括无线局域网(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)等无线通信的解决方案。
100.在一些实施例中，电子设备的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备可以通过无线通信技术与网络以及其他设备通信。在本技术的一个实施例中，电子设备可以通过无线通信模块160实现与另一电子设备的局域网络连接。无线通信技术可以包括全球移动通讯系统(global system for mobile communications，gsm)、通用分组无线服务(general packet radio service，gprs)、码分多址接入(code division multiple access，cdma)、宽带码分多址(wideband code division multiple access，wcdma)、时分同步码分多址(time-division-synchronous 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)、北斗卫星导航系统(beidou navigation satellite system，bds)、准天顶卫星系统(quasi-zenith satellite system，qzss)、和/或星基增强系统(satellite based augmentation system，sbas)等。
101.显示屏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 diode，qled)等。在一些实施例中，电子设备可以包括1个或n个显示屏194，n为大于1的正整数。
102.外部存储器接口120可以用于连接外部存储卡，例如micro安全数码(secure digital memory，sd)卡，实现扩展电子设备的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐、视频、录音文件等文件保存在外部存储卡中。
103.内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统、以及至少一个功能所需的应用程序(比如声音播放功能、图像播放功能和录音功能等)等。存储数据区可存储电子设备使用过程中所创建的数据(比如上行音频数据、下行音频数据和电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、通用闪存存储器(universal flash storage，ufs)等。处理器110通过运行存储在内部存储器121的指令和/或存储在设置于处理器110中的存储器的指令，执行电子设备的各种功能应用以及数据处理。
104.电子设备可以通过音频模块170、扬声器170a、受话器170b、麦克风170c、耳机接口170d、以及应用处理器等实现通话冲突处理功能等。
105.音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。
106.受话器170b，也称“听筒”，用于将音频电信号转换成声音信号。当电子设备接听电话或语音信息时，可以通过受话器170b听到呼叫方设备传输的语音。
107.麦克风170c，也称“话筒”，“传声器”，用于将声音信号转换为电信号。当拨打电话或发送语音信息时，用户可以通过人嘴靠近麦克风170c发声，将声音信号输入到麦克风170c，实现上行音频流的采集。
108.压力传感器180a用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180a可以设置于显示屏194。在一些实施例中，当用户点击按压显示屏194上的接听键时，可实现手动接听通话功能，当用户点击按压显示屏194上的挂断键时，可实现手动挂断通话功能。
109.触摸传感器180k，也称“触控器件”。触摸传感器180k可以设置于显示屏194，由触摸传感器180k与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180k用于检测作用于其上或附近的触摸操作。触摸传感器180k可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180k也可以设置于电子设备的表面，与显示屏194所处的位置不同。
110.按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备可以接收按键输入，产生与电子设备的用户设置以及功能控制有关的键信号输入。
111.马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
112.sim卡接口195用于连接sim卡。sim卡可以通过插入sim卡接口195，或从sim卡接口195拔出，实现和电子设备的接触和分离。电子设备可以支持1个或n个sim卡接口，n为大于1的正整数。sim卡接口195可以支持nano sim卡，micro sim卡，sim卡等。同一个sim卡接口
195可以同时插入多张卡。所述多张卡的类型可以相同，也可以不同。sim卡接口195也可以兼容不同类型的sim卡。sim卡接口195也可以兼容外部存储卡。电子设备通过sim卡和网络交互，实现通话以及数据通信等功能。在一些实施例中，电子设备采用esim，即：嵌入式sim卡。esim卡可以嵌在电子设备中，不能和电子设备分离。
113.为了使得用户能够控制电子设备进行设备互联，本技术实施例提供了一种设备互联交互方法，上述方法应用于主电子设备，上述主电子设备可以是手机、电脑、平板电脑、电视等电子设备，上述主电子设备的结构可以是前述图1所示的结构。
114.参见图2，为本技术实施例提供的第一种设备互联交互方法的流程示意图，上述方法包括以下步骤s201-s206。
115.s201：在运行设备互联应用的过程中，接收用户输入的用于拖动界面中显示的从设备球的设备球拖动指令。
116.其中，上述从设备球表示待与上述主电子设备连接的从电子设备。
117.具体的，上述用户可以通过滑动主电子设备的屏幕输入设备球拖动指令，或者通过鼠标输入设备球拖动指令。
118.另外，上述从电子设备是除主电子设备之外的能够与主电子设备通信连接的其他电子设备，如手机、电脑、平板电脑等，上述设备交互应用中可以显示一个或多个从设备球，分别对应不同的从电子设备。
119.参见图3，为本技术实施例提供的第一种设备互联应用的界面示意图，图中的灰色圆形为表示主电子设备的主设备球，下方的三个白色圆形为三个从设备球。图中的主设备球与从设备球的位置、尺寸与颜色仅为一种示例，本实施例不对主设备球和从设备球的位置、尺寸与颜色进行限定。
120.例如，上述主设备球可以为蓝色，从设备球可以为白色。
121.此外，上述主设备球上还可以显示用于表示主电子设备的图标，上述从设备球上还可以显示用于表示从电子设备的图标，并且设备互联交互应用的界面上还可以显示各个从设备球对应的从电子设备的名称、设备互联交互应用的名称、返回键、设置键等。并且，设备互联应用的界面还可以包含用于美化界面的装饰线。
122.在此基础上，参见图4，为本技术实施例提供的第二种设备互联应用的界面示意图。与图3所示的实施例相比，图4所示的界面中还包含主设备球中的主电子设备的图标、从设备球中的从电子设备的图标、从设备球下方的从电子设备的名称(包括aaaa、bbbb与cccc)、界面左上角的返回键、界面右上角的设置键、设备互联应用的名称“xx智慧互联”以及白色的装饰线。
123.其中，以主设备球为基准，可以由内至外将各层白色装饰线分别称为小线圈1、小线圈2、小虚线圈、刻度圈以及大虚线圈。
124.此外，为了进一步达到美观效果，可以控制各个装饰线实现动画效果，首先在打开设备互联应用时，可以控制各个装饰线分别从0缩放至各自的预设尺寸，并且与此同时控制装饰线逐渐出现，具体的实现方式为：将各个装饰线的不透明度参数的变化设置为从0％递增至各自的预设目标不透明度，从而在打开设备互联应用时实现各个装饰线的逐渐出现的入场动画效果。各个装饰线的入场动画效果的持续时间不同，编程人员可以自行设置。例如，大虚线圈的入场动画可以持续700ms，刻度圈的入场动画可以持续450ms，小虚线圈的入
场动画可以持续7010ms等。
125.并且，在设备互联应用运行的过程中，可以控制各个装饰线持续实现动画效果，例如，可以控制大虚线圈、刻度圈与小虚线圈的旋转，其中，三者的旋转周期可以相同也可以不同，如，三者的旋转周期可以均为3000ms，三者的旋转角度和方向可以相同也可以不同，如大虚线圈的旋转角度可以为0至20度，刻度圈的旋转角度可以为0至-3度，小虚线圈的旋转角度可以为0至36度，从而实现不同角度不同方向的旋转。另外，可以控制小线圈1和小线圈2非同步交替出现，控制小线圈1和小线圈2的动画周期之间相隔800ms，并控制小线圈1在3150ms的周期内逐渐放大，且向下位移6dp，在放大到自身预设的最大尺寸后逐渐消失，具体的，可以控制小线圈1的不透明度在2000ms内逐渐有预设的最大值降低到0，对小线圈2的控制方式可以与对小线圈1的控制方式相同，但由于两者的动画周期之间存在800ms的间隔，因此在同一时刻两者会产生不同的视觉效果，在总体上形成近似于水面涟漪的视觉效果。小线圈1的尺寸大于小线圈2的尺寸。
126.此外，在上述动画效果中，大虚线圈、刻度圈与小虚线圈的缩放中心和小线圈1与小线圈2的中心均为预设中心位置。
127.并且，为了达到视觉上的美观效果还可以在打开设备互联应用时控制图4界面中的返回键与设置键实现入场动画效果，具体的，可以控制返回键与设置键的不透明度在300ms内逐渐由0％递增至100％，从而实现返回键与设置键逐步出现的效果。
128.此外，还可以在打开设备互联应用时控制主设备球向上位移且先放大再缩小，作为主设备球的出场动画。例如，可以控制主设备球自主设备球预设位置下方25dp在300ms内向上位移至主设备球预设位置，并控制主设备球的缩放比例由0％放大至103％，之后在200ms内再由103％缩小至100％。
129.s202：控制上述从设备球跟随上述设备球拖动指令指示的位置移动。
130.具体的，若上述设备球拖动指令是用户通过滑动主电子设备的屏幕输入的，则控制上述从设备球跟随用户手部的运动产生移动，若上述设备球拖动指令是用户通过滑动鼠标输入的，则控制上述从设备球跟随鼠标的运动产生移动。
131.s203：若上述从设备球与界面中显示的主设备球之间的距离小于第一预设距离，则控制上述主设备球向上述从设备球移动，并控制上述从设备球与上述主设备球连接，将连接区域的颜色变更为上述主设备球的颜色。
132.其中，上述主设备球表示上述主电子设备。
133.本技术的一个实施例中，在上述从设备球的边缘与主设备球的边缘之间的距离小于第一预设距离时控制上述主设备球向上述从设备球移动。具体的，可以基于上述预设的主设备球所在的位置、主设备球的半径以及上述第一预设距离，确定以预设的上述主设备球圆心所在的位置为圆心，半径为主设备球的半径与上述第一预设距离之和的第一区域，若上述从设备球的边界移动至上述第一区域中，则确定上述主设备球与从设备球之间的距离小于第一预设距离。
134.具体的，可以设置上述主设备球向从设备球位移的时长，例如可以设置为20ms。通过上述处理，在从设备球与主设备球还未接触时，主设备球会主动靠近从设备球并与从设备球连接，使得在视觉上呈现出从设备球吸引主设备球的效果，实现磁吸式的视觉效果，使得操作过程在视觉上更加美观。
135.参见图5，为本技术实施例提供的第一种主设备球与从设备球的示意图，图中位于包围主设备球的虚线框所包含的即为第一区域，图中的d表示第一预设距离，当前从设备球的边缘与第一区域的边缘相交，也就是从设备球与主设备球之间的距离为第一预设距离，在此情况下，控制主设备球向从设备球移动，得到下文图6所示的实施例。
136.参见图6，为本技术实施例提供的第二种主设备球与从设备球的示意图，与前述图5所示的实施例相比可见从设备球的位置未发生变化，主设备球向从设备球移动并与从设备球相连。
137.本技术的另一个实施例中，在控制上述从设备球与上述主设备球连接后，为了体现两者处于连接状态，可以控制从设备球与主设备球粘连融合，两者之间粘连融合的区域即为连接区域，将连接区域的颜色变更为主设备球的颜色，以表示从设备球与主设备球之间粘连融合。具体粘连融合与连接区域的效果可以参见下文图7。另外，从设备球与主设备球之间互相碰触后便开始粘连融合，直至两者的边缘之间的相对距离达到预设相对距离。
138.参见图7，为本技术实施例提供的第三种主设备球与从设备球的示意图，与前述图6所示的实施例相比，从设备球与主设备球粘连融合，其中，灰色椭圆形框出的区域为连接区域。
139.s204：控制上述主电子设备与上述从电子设备进行通信连接。
140.具体的，可以采用现有技术的方式控制主电子设备与从电子设备之间通信连接，主电子设备与从电子设备可以通过蓝牙、移动网络、局域网等进行通信连接，本技术实施例对此不进行限定。
141.s205：在通信连接过程中，控制第一遮罩层沿圆心连线按照第二预设距离进行往返移动。
142.其中，上述第一遮罩层的边缘位于上述连接区域中，上述圆心连线为：上述主设备球与从设备球的球心之间的连线。
143.具体的，可以基于从设备球的半径设置上述第二预设距离，例如，第二预设距离可以为从设备球的半径的三分之一，第一遮罩层单次单向移动的时长可以为850ms。
144.需要说明的是，在第一遮罩层往返移动的过程中，若用户拖动从设备球使得从设备球的位置发生变化，则第一遮罩层的位置随着从设备球的位置进行变化，第一遮罩层的位置与从设备球的相对位置保持不变。
145.由于第一遮罩层的边缘位于上述连接区域中，因此第一遮罩层会遮盖连接区域内的部分区域，在视觉效果上呈现出连接区域内被遮盖的部分的颜色与未被遮盖的部分的颜色不同，并且随着第一遮罩层的往返移动，第一遮罩层未被遮盖的连接区域的面积会发生变化，从而呈现出同一颜色区域面积不断变化的视觉效果，可以将此类往复变化的效果称为呼吸效果，使得设备互联应用的显示效果更美观，并使得用户在查看到呼吸效果时确定主电子设备与从电子设备之间当前正在通信连接，还未连接成功。
146.参见图8，为本技术实施例提供的第四种主设备球与从设备球的示意图，与前述图7所示的实施例相比，图中还包含以实线圆形表示的第一遮罩层，遮罩层上的两个方向相反的箭头表示第一遮罩层的往返移动。
147.s206：在通信连接成功后，控制上述从设备球的颜色变更为上述主设备球的颜色。
148.本技术的一个实施例中，可以直接将从设备球的颜色变更为主设备球的颜色，但
若采用此种方式变更从设备球的颜色，从设备球的颜色发生突变在视觉上不够美观，因此本技术的另一个实施例中，可以以上述连接区域为起点逐渐向外进行颜色渲染，从而逐渐将从设备球的颜色变更为主设备球的颜色。具体的，可以延圆心连线进行颜色渲染，渲染时长可以为250ms，即经过250ms后从设备球的颜色完全变更为主设备球的颜色。
149.需要说明的是，在颜色渲染的过程中，若用户拖动从设备球使得从设备球的位置发生变化，则圆心连线也会发生变化，则继续延变更后的圆心连线进行颜色渲染。
150.将从设备球的颜色变更为主设备球的颜色之后，两者的颜色相同，并且由于两者相连，因此在视觉上从设备球与主设备球融为一体，表示主电子设备与从电子设备成功通信连接。
151.参见图9，为本技术实施例提供的第五种主设备球与从设备球的示意图，图中所示的主设备球与从设备球的颜色相同，表示主电子设备与从电子设备成功通信连接。
152.由此可见，用户通过输入设备球拖动指令拖动设备互联应用的界面中显示的从设备球，使从设备球与主设备球连接便可以控制主电子设备与从电子设备之间进行通信连接，从而使得用户能够便捷地控制电子设备之间互联。并且在通信连接过程中，主电子设备控制第一遮罩层沿圆心连线往复运动，从而使得连接区域中与主设备球颜色相同的部分的面积不断变化，呈现出呼吸感动画效果，使得设备互联应用的显示效果较为美观，且能够从视觉上表现出通信连接正在进行，并且在通信连接成功后，将从设备球的颜色变更为主设备球的颜色，在视觉上体现出从设备球与主设备球融为一体，表现出从电子设备与主电子设备成功实现连接。
153.参见图10，为本技术实施例提供的第二种设备互联交互方法的流程示意图，上述步骤s203之后，还包括以下步骤s207。
154.s207：若用户停止输入设备球拖动指令，则控制上述主设备球与从设备球向第一区域的中心移动，直至上述主设备球与从设备球之间的连接交线到达第二区域的边缘。
155.其中，上述第一区域和第二区域为包含上述主设备球的圆形区域，上述第二区域位于所述第一区域中。
156.具体的，若用户通过滑动主电子设备的屏幕输入上述设备球拖动指令，则用户松手意味着停止输入设备球拖动指令，若用户通过鼠标输入上述设备球拖动指令，则用户停止操作鼠标意味着停止输入设备球拖动指令。对第一区域的描述可以参见前文，在此不再赘述，上述第二区域的圆心可以与第一区域的圆心相同，第二区域的半径小于第一区域的半径，第二区域与主设备球边缘之间的距离可以为第一区域与主设备球边缘之间距离的一半。另外，可以限制主设备球与从设备球向第一区域的中心移动的时长，从而控制移动速度，例如，移动时长可以设置为200ms，即主设备球与从设备球从当前位置移动至连接交线到达第二区域的边缘耗时200ms。
157.参见图11，为本技术实施例提供的第六种主设备球与从设备球的示意图，与前述图7所示的实施例相比，图中位于第一区域内，半径较小的虚线框框出的区域为第二区域，当前主设备球与从设备球之间的连接交线位于第二区域内。
158.由此可见，在用户停止输入设备球拖动指令后，不需要继续控制从设备球跟随设备球拖动指令移动，则控制主设备球和从设备球向第一区域的中心移动，并移动至连接交线到达第二区域的边缘，由于第一区域和第二区域的位置固定，因此无论主设备球和从设
备球位于何处，在用户停止输入设备球拖动指令后控制主设备球与从设备球均会移动至相对固定的位置，使得用户未进行操作时设备互联应用界面显示的内容相对统一。
159.参见图12，为本技术实施例提供的第三种设备互联交互方法的流程示意图，与前述图2所示的实施例相比，在上述步骤s203之后还包括以下步骤s208。
160.s208：若上述从设备球跟随上述设备球拖动指令移动后上述主设备球与上述从设备球之间的连接交线位于第一区域之内的情况下，按照上述主设备球与上述第一区域的中心之间的距离越大移动距离越小的规则，控制上述主设备球跟随上述从设备球移动。
161.其中，上述第一区域为包含上述主设备球的圆形区域。
162.本技术的一个实施例中，从设备球跟随上述设备球拖动指令移动时，主设备球和从设备球之间的连接交线会随着从设备球的位置变化发生变化，若连接交线位于第一区域内，则认为主设备球和从设备球之间的距离较近，由于此时主设备球和从设备球已经融合，可以控制主设备球跟随从设备球移动，以在视觉上呈现两者一同移动的效果。
163.另外，主设备球并非完全跟随从设备球移动，主设备球与第一区域的中心之间的距离越大，主设备球的移动程度越小，从而呈现出主设备球被从设备球牵引的视觉效果，且牵引的距离越大主设备球的移动程度越小，体现出牵引的阻尼感，达到更好的视觉呈现效果。
164.本技术的另一个实施例中，在控制主设备球移动时还可以参考第二区域，对第二区域的描述可以参见前文，在此不再赘述。若连接交线位于第二区域中，说明从设备球与主设备球之间的距离较小，则主设备球可以不发生位移。
165.由此可见，在从设备球与主设备球融合后，用户依旧可以控制移动从设备球，并且主设备球会跟随从设备球发生移动，从视觉上呈现从设备球与主设备球二者融合共同移动的效果。
166.参见图13，为本技术实施例提供的第四种设备互联交互方法的流程示意图，与前述图2所示的实施例相比，在上述步骤s206之后还包括以下步骤s209-s210。
167.s209：若上述从设备球跟随上述设备球拖动指令移动后上述主设备球与上述从设备球之间的连接交线位于第一区域之外的情况下，断开上述从设备球与上述主设备球之间的连接，控制上述从设备球的颜色变更为原本的颜色。
168.其中，上述第一区域为包含上述主设备球的圆形区域。
169.具体的，若用户控制从设备球移动后，上述连接交线位于第一区域之外，则确定用户请求断开主电子设备与从电子设备之间的通信连接，则在设备互联应用的界面中控制主设备球和从设备球之间断开连接，表示主电子设备和从电子设备之间不再通信连接，并将从设备球的颜色恢复为原本的颜色。
170.此外，还可以控制主设备球移动至第一区域的中心位置，移动时长可以根据具体显示效果进行设置，例如，上述移动时长可以被设置为300ms。
171.s210：断开上述主电子设备与上述从电子设备之间的通信连接。
172.具体的，可以采用现有技术断开主电子设备与从电子设备之间通信连接，本实施例对此不进行限定。
173.由此可见，用户通过拖动从设备球远离主设备球便可以控制主电子设备和从电子设备之间断开通信连接，控制方式简单便捷。
174.本技术的另一个实施例中，断开连接后从设备球可以重新回到原本所在的位置。
175.参见图14，为本技术实施例提供的第五种设备互联交互方法的流程示意图，在存在多个从设备球的情况下，上述方法还包括以下步骤s211。
176.s211：在第一从设备球与上述主设备球之间存在连接的情况下，若第二从设备球与上述主设备球之间建立连接，则断开上述主设备球与上述第一从设备球之间的连接，并断开上述主电子设备与上述第一从设备球表示的从电子设备之间的通信连接，控制上述主电子设备与上述第二从设备球表示的从电子设备进行通信连接。
177.本技术的一个实施例中，主电子设备在同一时刻仅能与一个从电子设备之间存在通信连接，若第一从设备球与主设备球之间存在连接，则表示主电子设备已经于第一从设备球表示的从电子设备建立了通信连接，此时若第二从设备球与主设备球之间建立连接，则表示用户请求控制主电子设备与第二从设备球表示的从电子设备建立通信连接。此时需要断开上述主电子设备与上述第一从设备球表示的从电子设备之间的通信连接，并断开主设备球与第一从设备球之间的连接，使得主设备球仅与一个第二从设备球之间存在连接。
178.具体的，断开主设备球与第一从设备球之间连接的方式，以及建立主设备球与第二从设备球之间连接的方式可以参见上文，在此不再赘述。
179.由此可见，主电子设备在同一时刻最多仅与一个从电子设备之间存在通信连接，相应的在设备互联应用界面中主设备球在同一时刻也最多仅与一个从设备球之间存在连接，因此在第二从设备球与主设备球之间建立连接后需要断开第一从设备球与主设备球之间的连接。并且，用户仅需要拖动第二从设备球与主设备球之间建立连接便可以一次性地控制第二从设备球表示的从电子设备与主电子设备建立通信连接，并控制第一从设备球表示的从电子设备与主电子设备之间断开连接，而不需要分别控制第一从设备球表示的从电子设备与主电子设备之间断开连接，再控制第二从设备球表示的从电子设备与主电子设备建立通信连接，对用户而言操作较为简便。
180.参见图15，为本技术实施例提供的第六种设备互联交互方法的流程示意图，包括以下步骤s1501-s1502，通过步骤s1501-s1502启动上述设备互联应用。
181.s1501：在接收到上述用户输入的设备互联应用启动指令的情况下，缩小上述主电子设备当前显示的界面。
182.其中，上述设备互联应用启动指令为：用户通过三只手指滑动上述主电子设备的屏幕输入的指令。
183.本技术的一个实施例中，可以在主电子设备的屏幕中设置不可触发区域，上述不可触发区域可以位于屏幕底部，上述不可触发区域的高度可以为24dp，宽度与屏幕的宽度相同。
184.除了不可触发区域之外，上述用户在屏幕的任意区域通过三只手指滑动屏幕均可以输入上述设备互联应用启动指令。
185.本技术的另一个实施例中，还可以设置可触发角度，用户的手指滑动方向仅有在可触发角度内的情况下，才确定用户滑动屏幕输入的是设备互联应用启动指令。例如，上述可触发角度可以为垂直于屏幕底部的垂直线左侧偏移45
°
到垂直线向右偏移45
°
的范围。
186.参见图16，为本技术实施例提供的一种不可触发区域与可触发角度示意图。
187.本技术的又一个实施例中，用户输入设备互联应用启动指令时，主电子设备当前
显示的界面可以为主电子设备的桌面界面，也可以为应用的应用界面，在当前显示的界面为应用界面的情况下，所显示的应用界面可以是一个应用的应用界面，也可以分屏显示两个不同应用的两个应用界面，主电子设备针对不同界面的处理方式不同。
188.其中，针对桌面界面，可以控制桌面界面中的图标与组件缩小，具体的，可以由原尺寸缩小至原尺寸的95％。
189.针对一个应用的应用界面和针对两个应用的应用界面的处理方式可以分别参见下文图17与图20所示的实施例，在此暂不详述。
190.s1502：启动设备互联应用，显示上述设备互联应用的界面。
191.其中，上述设备互联应用的界面中包含上述主设备球与从设备球。
192.本技术的实施例中，在显示设备互联应用的界面时可以呈现出设备互联应用的界面逐渐出现的效果，具体的，可以逐渐扩大设备互联应用的界面，并逐渐提升设备互联应用的界面的不透明度。
193.例如，从启动设备互联应用起，在350ms内逐渐将设备互联应用的缩放比例由30％提高至100％，并在200ms内将设备互联应用的界面的不透明度由0％提高至100％。
194.由此可见，无论主电子设备当前显示的界面是何种界面，用户通过三指滑动主电子设备的屏幕均可以便捷地启动设备互联应用，用户操作较为简便。
195.本技术的一个实施例中，上述步骤s1501可以通过以下步骤a-c实现。
196.步骤a：在接收到上述用户输入的设备互联应用启动指令的情况下，在上述设备互联应用启动指令表示的滑动距离小于预设距离门限的情况下，按照滑动距离越大缩小幅度越大的规则，将当前显示的界面的大小由原大小缩小至预设的卡片大小。
197.具体的，可以基于主电子设备的屏幕大小预先设置卡片大小。上述预设距离门限可以与主电子设备的屏幕的大小相适应，例如，可以为屏幕大小的三分之一。
198.本技术的一个实施例中，可以在接收到设备互联应用启动指令起，在预设缩放时长内逐渐将当前显示的界面的大小由原大小缩小至预设的卡片大小。
199.步骤b：将上述界面的圆角由原圆角变更为预设的卡片圆角。
200.步骤c：控制上述界面跟随上述互联应用启动指令表示的位置移动。
201.本技术的又一个实施例中，若设备互联应用启动指令表示的滑动距离达到预设距离门限之前用户松手停止输入设备互联应用启动指令，或反向滑动屏幕，则确定用户放弃启动设备互联应用，可以控制上述界面的尺寸恢复至原大小，将上述界面的圆角恢复至原圆角，将上述界面的位置恢复至原位置，即将上述界面的显示情况恢复至用户输入设备互联应用启动指令前的情况。
202.具体的，主电子设备可以控制界面在预设恢复时长内逐渐恢复显示情况，例如，预设恢复时长可以为500ms。
203.参见图17，为本技术实施例提供的第七种设备互联交互方法的流程示意图，与前述图15所示的实施例相比，在上述主电子设备当前显示的界面为一个应用的应用界面的情况下，上述步骤s1501可以通过以下步骤s1501a-s1501c实现。
204.s1501a：在接收到上述用户输入的设备互联应用启动指令的情况下，在上述设备互联应用启动指令表示的滑动距离大于等于预设距离门限的情况下，按照滑动距离越大缩小幅度越大的规则，将上述应用界面的大小由原大小缩小至预设的胶囊大小，生成包含该
应用的应用标识的应用胶囊。
205.其中，上述应用胶囊中可以除了包含应用标识还可以包含应用名称，上述应用标识可以位于应用名称左侧或右侧或上方或下方，本技术实施例对此不进行限定。
206.具体的，在横向x轴上，应用界面的缩放中心为上述主电子设备屏幕的横向中心，在纵向y轴上，应用界面的缩放中心为用户三指触点的中心。
207.参见图18，为本技术实施例提供的三指触点中心的示意图。图中的圆形为三指触点，每两个触点之间存在虚线连线，虚线连线包围区域中的点为三指触点中心，图中箭头表示手指滑动的方向。
208.参见图19，为本技术实施例提供的第三种设备互联应用界面的示意图，与前述图3所示的实施例相比，上述设备互联应用界面中还包含以圆角矩形表示的应用胶囊，应用胶囊中的灰色圆形表示应用标识，应用标识右侧为应用名称“yyy”。
209.s1501b：将上述应用界面的圆角由原圆角变更为预设的第一胶囊圆角。
210.s1501c：控制上述应用胶囊跟随上述设备互联应用启动指令表示的位置移动。
211.由以上可见，在主电子设备原本显示的界面为一个应用的应用界面时，用户通过三指滑动屏幕不仅能够启动设备互联应用，还可以将原本显示的应用缩小为应用胶囊，并且通过应用胶囊可以跟随设备互联交互指令表示的位置移动，即用户能够拖动上述应用胶囊。
212.参见图20，为本技术实施例提供的第八种设备互联交互方法的流程示意图，在上述主电子设备当前显示的界面中包含两个应用的应用界面的情况下，上述步骤s1501可以通过以下步骤s1501d-s1501f实现。
213.s1501d：在接收到上述用户输入的设备互联应用启动指令的情况下，在上述设备互联应用启动指令表示的滑动距离大于等于预设距离门限的情况下，按照滑动距离越大缩小幅度越大的规则，将上述界面的大小由原大小缩小至预设的胶囊大小，生成包含上述两个应用的应用标识且两个应用标识之间存在分割线的应用胶囊。
214.具体的，上述包含两个应用标识的应用胶囊中，两个应用标识可以左右排列，则分割线为位于两个应用标识之间的竖直线，原本位于上部的应用的应用标识位于左侧，原本位于下部的应用的应用标识位于右侧；两个应用标识也可以上下排列，则分割线为位于两个应用标识之间的水平线，原本位于上部的应用的应用标识位于上侧，原本位于下部的应用的应用标识位于下侧。本技术实施例对此不进行限定。
215.参见图21，为本技术实施例提供的第四种设备互联应用界面的示意图，与前述图3所示的实施例相比，上述设备互联应用界面中还包含对应两个应用的应用胶囊，应用胶囊中的两个灰色圆形分别为两个应用标识，两个应用标识之间存在分割线。
216.s1501e：将上述界面的圆角由原圆角变更为预设的第二胶囊圆角。
217.s1501f：控制上述应用胶囊跟随上述互联应用启动指令表示的位置移动。
218.由以上可见，在主电子设备原本显示的界面为两个应用的应用界面时，用户通过三指滑动屏幕不仅能够启动设备互联应用，还可以将原本显示的两个应用缩小为一个应用胶囊，并且通过应用胶囊可以跟随设备互联交互指令表示的位置移动，即用户能够拖动上述应用胶囊。
219.本技术的一个实施例中，在前述图20所示的实施例相比，在上述步骤1502之后还
包括以下步骤d-f。
220.步骤d：在用户停止输入设备互联应用启动指令之后，控制包含两个应用的应用标识的应用胶囊消失。
221.步骤e：生成两个新的应用胶囊。
222.其中，所生成的每一应用胶囊与上述两个应用中的一个应用相对应，并且所生成的每一应用胶囊中包含所对应的应用的应用标识。
223.具体的，所生成的每一包含一个应用标识的应用胶囊与前述图17所示的实施例相同，在此不再赘述。
224.步骤f：将所生成的两个应用胶囊移动至预设胶囊位置处。
225.上述预设胶囊位置可以位于主设备球下方。
226.参见图22，为本技术实施例提供的第五种设备互联应用界面的示意图，图中主设备球下方存在两个不同的应用胶囊，两个应用胶囊中包含的应用名称分别为yyy和zzz。
227.参见图23，为本技术实施例提供的第九种设备互联交互方法的流程示意图，在运行设备互联应用的过程中，在上述设备互联应用的界面中存在与应用相对应的应用胶囊的情况下，与前述图2所示的实施例相比，上述方法还包括以下步骤s211-s215。
228.s211：接收用户输入的用于拖动应用胶囊的胶囊拖动指令。
229.具体的，上述用户可以通过滑动主电子设备的屏幕输入胶囊拖动指令，或者通过鼠标输入胶囊拖动指令。
230.s212：控制应用胶囊跟随上述胶囊拖动指令指示的位置移动。
231.s213：若上述应用胶囊移动至从设备球所在的位置且用户停止输入上述胶囊拖动指令，则将上述应用胶囊对应的应用共享至上述从设备球对应的从电子设备。
232.具体的，在上述应用胶囊移动至从设备球所在的位置时，控制从设备球放大，以与其他从设备球产生区别，例如，可以在200ms内控制从设备球的缩放比例由100％放大至105％。相反的，在应用胶囊离开从设备球所在的位置时，控制从设备球缩小回原尺寸。
233.此外，在上述从设备球中包含设备的图标时，还可以控制原本的图标逐渐消失，并控制新图标逐渐出现，例如，可以在150ms内控制原本的图标从原尺寸缩小到70％，并控制原本的图标的不透明度由100％降低至0％。
234.并且，在150ms内将新图标的尺寸由70％放大到100％，并控制原本的图标的不透明度由0％提升至100％。
235.若上述应用胶囊移动至从设备球所在的位置且用户停止输入上述胶囊拖动指令，则控制应用胶囊移动至从设备球的中心，并控制应用胶囊缩小且逐渐变为透明，例如，在200ms内控制应用胶囊移动至从设备球的中心，并控制应用胶囊的缩放比例由100％缩小至30％，且控制应用胶囊的不透明度由100％减少至0％。
236.此外，可以控制从设备球放大后缩小，例如，控制从设备球的缩放比例在200ms内由100％放大至105％，之后在250ms内控制从设备球的缩放比例由105％放大至100％。在从设备球中包含设备的图标的情况下，控制图标放大后缩小，例如，控制图标的缩放比例在200ms内由100％放大至105％，之后在250ms内控制图标的缩放比例由105％放大至100％。
237.s214：在共享应用的加载过程中，控制第二遮罩层基于预设位移距离沿穿过上述从设备球圆心的移动路径往返运动。
238.具体的，第二遮罩层的移动距离可以为从设备球的半径的三分之一，单向单次移动时长为850ms。
239.由于第二遮罩层沿穿过从设备球圆心的移动路径往返运动，因此第二遮罩层会遮盖从设备球内的部分区域，在视觉效果上呈现出连接区域内被遮盖的部分的颜色与未被遮盖的部分的颜色不同，并且随着第二遮罩层的往返移动，第二遮罩层未被遮盖的连接区域的面积会发生变化，从而呈现出同一颜色区域面积不断变化的视觉效果，可以将此类往返变化的效果称为呼吸效果，使得设备互联应用的显示效果更美观，并使得用户在查看到呼吸效果时确定主电子设备与从电子设备之间当前正在共享应用，还未共享成功。
240.s215：在共享应用成功后，控制上述应用胶囊消失。
241.由此可见，用户通过输入胶囊拖动指令拖动设备互联应用的界面中显示的应用胶囊，使应用胶囊移动至从设备球的位置处便可以控制主电子设备与从电子设备之间进行应用共享，从而使得用户能够便捷地控制应用共享。并且在应用共享的过程中，主电子设备控制第一遮罩层沿移动路径往复运动，呈现出呼吸感动画效果，使得设备互联应用的显示效果较为美观，且能够从视觉上表现出应用共享正在加载，并且在应用共享成功后，由于应用已经被共享至从电子设备，因此可以控制应用胶囊消失。
242.此外，若上述设备互联应用界面中包含两个应用胶囊，则在成功共享某一应用胶囊对应的应用后，可以控制另一应用胶囊消失，例如，可以控制另一应用胶囊的不透明度在200ms内由100％缩小至0％。
243.本技术的一个实施例中，在上述应用胶囊对应两个应用的情况下，上述应用胶囊中包含两个应用的应用标识以及两个应用标识之间的分割线，在共享应用加载完成后，上述方法还包括步骤g-步骤k。
244.步骤g：显示包含上述两个应用的信息的应用选择列表，以使得用户基于上述应用选择列表选择实际共享的应用。
245.具体的，可以在主电子设备屏幕中的任一位置显示应用选择列表，例如，屏幕底部。
246.步骤h：将用户所选择应用共享至上述从设备球对应的从电子设备。
247.相反的，未被选择的应用不会被共享至从电子设备。
248.步骤i：控制上述应用胶囊中用户未选择应用的应用标识以及上述分割线消失。
249.具体的，可以控制未选择应用的应用标识的不透明度逐渐降低为0％，例如在200ms中控制未选择应用的应用标识的不透明度由100％逐渐降低为0％。
250.步骤j：若所选择应用的应用标识在上述应用胶囊中的右侧，则将上述应用胶囊中用户所选择应用的应用标识移动至上述应用胶囊中的原本位于左侧的应用标识所在的位置。
251.相反的，若所选择应用的应用标识原本便位于应用胶囊的左侧，则不对该应用标识的位置进行控制，使得该应用标识保持在左侧，即无论所选择应用的应用标识是否位于左侧，在该应用被选择后，该应用的应用标识最终均会显示在应用胶囊左侧。例如，可以在250ms内逐渐将应用标识移动至上述应用胶囊中的原本位于左侧的应用标识所在的位置。
252.步骤k：在上述应用胶囊中显示用户所选择应用的应用名称。
253.也就是最终应用胶囊中包含的是所选择应用的应用标识与应用名称，且应用标识
位于左侧，应用名称位于右侧。具体显示情况可以参见图19所示的实施例。
254.具体实现中，本技术还提供一种计算机存储介质，其中，该计算机存储介质可存储有程序，其中，在所述程序运行时控制所述计算机可读存储介质所在设备执行上述实施例中的部分或全部步骤。所述的存储介质可为磁碟、光盘、只读存储记忆体(英文：read-only memory，简称：rom)或随机存储记忆体(英文：random access memory，简称：ram)等。
255.具体实现中，本技术实施例还提供了一种计算机程序产品，所述计算机程序产品包含可执行指令，当所述可执行指令在计算机上执行时，使得计算机执行上述方法实施例中的部分或全部步骤。
256.本技术公开的机制的各实施例可以被实现在硬件、软件、固件或这些实现方法的组合中。本技术的实施例可实现为在可编程系统上执行的计算机程序或程序代码，该可编程系统包括至少一个处理器、存储系统(包括易失性和非易失性存储器和/或存储元件)、至少一个输入设备以及至少一个输出设备。
257.可将程序代码应用于输入指令，以执行本技术描述的各功能并生成输出信息。可以按已知方式将输出信息应用于一个或多个输出设备。为了本技术的目的，处理系统包括具有诸如例如数字信号处理器(digital signal processor，dsp)、微控制器、专用集成电路(application specific integrated circuit，asic)或微处理器之类的处理器的任何系统。
258.程序代码可以用高级程序化语言或面向对象的编程语言来实现，以便与处理系统通信。在需要时，也可用汇编语言或机器语言来实现程序代码。事实上，本技术中描述的机制不限于任何特定编程语言的范围。在任一情形下，该语言可以是编译语言或解释语言。
259.在一些情况下，所公开的实施例可以以硬件、固件、软件或其任何组合来实现。所公开的实施例还可以被实现为由一个或多个暂时或非暂时性机器可读(例如，计算机可读)存储介质承载或存储在其上的指令，其可以由一个或多个处理器读取和执行。例如，指令可以通过网络或通过其他计算机可读介质分发。因此，机器可读介质可以包括用于以机器(例如，计算机)可读的形式存储或传输信息的任何机制，包括但不限于，软盘、光盘、光碟、光盘只读存储器(compact disc read only memory，cd-roms)、磁光盘、只读存储器(read only memory，rom)、随机存取存储器(ram)、可擦除可编程只读存储器(erasable programmable read only memory，eprom)、电可擦除可编程只读存储器(electrically erasable programmable read only memory，eeprom)、磁卡或光卡、闪存、或用于利用因特网以电、光、声或其他形式的传播信号来传输信息(例如，载波、红外信号数字信号等)的有形的机器可读存储器。因此，机器可读介质包括适合于以机器(例如，计算机)可读的形式存储或传输电子指令或信息的任何类型的机器可读介质。
260.在附图中，可以以特定布置和/或顺序示出一些结构或方法特征。然而，应该理解，可能不需要这样的特定布置和/或排序。而是，在一些实施例中，这些特征可以以不同于说明书附图中所示的方式和/或顺序来布置。另外，在特定图中包括结构或方法特征并不意味着暗示在所有实施例中都需要这样的特征，并且在一些实施例中，可以不包括这些特征或者可以与其他特征组合。
261.需要说明的是，本技术各设备实施例中提到的各单元/模块都是逻辑单元/模块，在物理上，一个逻辑单元/模块可以是一个物理单元/模块，也可以是一个物理单元/模块的
一部分，还可以以多个物理单元/模块的组合实现，这些逻辑单元/模块本身的物理实现方式并不是最重要的，这些逻辑单元/模块所实现的功能的组合才是解决本技术所提出的技术问题的关键。此外，为了突出本技术的创新部分，本技术上述各设备实施例并没有将与解决本技术所提出的技术问题关系不太密切的单元/模块引入，这并不表明上述设备实施例并不存在其它的单元/模块。
262.需要说明的是，在本专利的示例和说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
263.虽然通过参照本技术的某些优选实施例，已经对本技术进行了图示和描述，但本领域的普通技术人员应该明白，可以在形式上和细节上对其作各种改变，而不偏离本技术的精神和范围。

技术特征：
1.一种设备互联交互方法，其特征在于，应用于主电子设备，所述方法包括：在运行设备互联应用的过程中，接收用户输入的用于拖动界面中显示的从设备球的设备球拖动指令，其中，所述从设备球表示待与所述主电子设备连接的从电子设备；控制所述从设备球跟随所述设备球拖动指令指示的位置移动；若所述从设备球与界面中显示的主设备球之间的距离小于第一预设距离，则控制所述主设备球向所述从设备球移动，并控制所述从设备球与所述主设备球连接，将连接区域的颜色变更为所述主设备球的颜色，其中，所述主设备球表示所述主电子设备；控制所述主电子设备与所述从电子设备进行通信连接；在通信连接过程中，控制第一遮罩层沿圆心连线按照第二预设距离进行往返移动，其中，所述第一遮罩层的边缘位于所述连接区域中，所述圆心连线为：所述主设备球与从设备球的球心之间的连线；在通信连接成功后，控制所述从设备球的颜色变更为所述主设备球的颜色。2.根据权利要求1所述的方法，其特征在于，在所述控制所述主设备球向所述从设备球移动，并控制所述从设备球与所述主设备球连接之后，还包括：若用户停止输入设备球拖动指令，则控制所述主设备球与从设备球向第一区域的中心移动，直至所述主设备球与从设备球之间的连接交线到达第二区域的边缘，其中，所述第一区域和第二区域为包含所述主设备球的圆形区域，所述第二区域位于所述第一区域中。3.根据权利要求1所述的方法，其特征在于，在所述控制所述主设备球向所述从设备球移动，并控制所述从设备球与所述主设备球连接之后，还包括：若所述从设备球跟随所述设备球拖动指令移动后所述主设备球与所述从设备球之间的连接交线位于第一区域之内的情况下，按照所述主设备球与所述第一区域的中心之间的距离越大移动程度越小的规则，控制所述主设备球跟随所述从设备球移动，其中，所述第一区域为包含所述主设备球的圆形区域。4.根据权利要求1所述的方法，其特征在于，在通信连接成功后，所述方法还包括：若所述从设备球跟随所述设备球拖动指令移动后所述主设备球与所述从设备球之间的连接交线位于第一区域之外的情况下，断开所述从设备球与所述主设备球之间的连接，控制所述从设备球的颜色变更为原本的颜色，其中，所述第一区域为包含所述主设备球的圆形区域；断开所述主电子设备与所述从电子设备之间的通信连接。5.根据权利要求1所述的方法，其特征在于，在存在多个从设备球的情况下，所述方法还包括：在第一从设备球与所述主设备球之间存在连接的情况下，若第二从设备球与所述主设备球之间建立连接，则断开所述主设备球与所述第一从设备球之间的连接，并断开所述主电子设备与所述第一从设备球表示的从电子设备之间的通信连接，控制所述主电子设备与所述第二从设备球表示的从电子设备进行通信连接。6.根据权利要求1-5中任一项所述的方法，其特征在于，通过以下方式启动所述设备互联应用：在接收到所述用户输入的设备互联应用启动指令的情况下，缩小所述主电子设备当前显示的界面，其中，所述设备互联应用启动指令为：用户通过三只手指滑动所述主电子设备
的屏幕输入的指令；启动设备互联应用，显示所述设备互联应用的界面，其中，所述设备互联应用的界面中包含所述主设备球与从设备球。7.根据权利要求6所述的方法，其特征在于，所述缩小所述主电子设备当前显示的界面，包括：在所述设备互联应用启动指令表示的滑动距离小于预设距离门限的情况下，按照滑动距离越大缩小幅度越大的规则，将当前显示的界面的大小由原大小缩小至预设的卡片大小；将所述界面的圆角由原圆角变更为预设的卡片圆角；控制所述界面跟随所述设备互联应用启动指令表示的位置移动。8.根据权利要求6所述的方法，其特征在于，在所述主电子设备当前显示的界面为一个应用的应用界面的情况下，所述缩小所述主电子设备当前显示的界面，包括：在所述设备互联应用启动指令表示的滑动距离大于等于预设距离门限的情况下，按照滑动距离越大缩小幅度越大的规则，将所述应用界面的大小由原大小缩小至预设的胶囊大小，生成包含该应用的应用标识的应用胶囊；将所述应用界面的圆角由原圆角变更为预设的第一胶囊圆角；控制所述应用胶囊跟随所述设备互联应用启动指令表示的位置移动。9.根据权利要求6所述的方法，其特征在于，在所述主电子设备当前显示的界面中包含两个应用的应用界面的情况下，所述缩小所述主电子设备当前显示的界面，包括：在所述设备互联应用启动指令表示的滑动距离大于等于预设距离门限的情况下，按照滑动距离越大缩小幅度越大的规则，将所述界面的大小由原大小缩小至预设的胶囊大小，生成包含所述两个应用的应用标识且两个应用标识之间存在分割线的应用胶囊；将所述界面的圆角由原圆角变更为预设的第二胶囊圆角；控制所述应用胶囊跟随所述设备互联应用启动指令表示的位置移动。10.根据权利要求9所述的方法，其特征在于，在所述启动设备互联应用，显示所述设备互联应用的界面之后，还包括：在用户停止输入设备互联应用启动指令之后，控制包含两个应用的应用标识的应用胶囊消失；生成两个新的应用胶囊，其中，所生成的每一应用胶囊与所述两个应用中的一个应用相对应，并且所生成的每一应用胶囊中包含所对应的应用的应用标识；将所生成的两个应用胶囊移动至预设胶囊位置处。11.根据权利要求1-5中任一项所述的方法，其特征在于，在运行设备互联应用的过程中，在所述设备互联应用的界面中存在与应用相对应的应用胶囊的情况下，所述方法还包括：接收用户输入的用于拖动应用胶囊的胶囊拖动指令；控制应用胶囊跟随所述胶囊拖动指令指示的位置移动；若所述应用胶囊移动至从设备球所在的位置且用户停止输入所述胶囊拖动指令，则将所述应用胶囊对应的应用共享至所述从设备球对应的从电子设备；在共享应用的加载过程中，控制第二遮罩层基于预设位移距离沿穿过所述从设备球圆
心的移动路径往返运动；在共享应用成功后，控制所述应用胶囊消失。12.根据权利要求11所述的方法，其特征在于，在所述应用胶囊对应两个应用的情况下，所述应用胶囊中包含两个应用的应用标识以及两个应用标识之间的分割线，在共享应用加载完成后，所述方法还包括：显示包含所述两个应用的信息的应用选择列表，以使得用户基于所述应用选择列表选择实际共享的应用；将用户所选择应用共享至所述从设备球对应的从电子设备；控制所述应用胶囊中用户未选择应用的应用标识以及所述分割线消失；若所选择应用的应用标识在所述应用胶囊中的右侧，则将所述应用胶囊中用户所选择应用的应用标识移动至所述应用胶囊中的原本位于左侧的应用标识所在的位置；在所述应用胶囊中显示用户所选择应用的应用名称。13.一种电子设备，其特征在于，包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器，其中，当该计算机程序指令被所述处理器执行时，触发所述电子设备执行权利要求1-12中任一项所述的方法。14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括存储的程序，其中，在所述程序运行时控制所述计算机可读存储介质所在设备执行权利要求1-12中任一项所述的方法。

技术总结
本申请实施例提供了设备互联交互方法、电子设备和存储介质，涉及用户交互技术领域，在运行设备互联应用的过程中，接收用户输入的用于拖动界面中显示的从设备球的设备球拖动指令；控制从设备球跟随所述设备球拖动指令指示的位置移动；若从设备球与界面中显示的主设备球之间的距离小于第一预设距离，则控制主设备球向从设备球移动，并控制从设备球与主设备球连接，将连接区域的颜色变更为主设备球的颜色；在通信连接过程中，控制第一遮罩层沿圆心连线按照第二预设距离进行往返移动；在通信连接成功后，控制、从设备球的颜色变更为所述主设备球的颜色。应用本申请实施例提供的方案使得用户能够基于上述方法控制电子设备进行设备互联。备互联。备互联。


技术研发人员：熊棉 王龙 罗文璐 庞昊天 马朝露
受保护的技术使用者：荣耀终端有限公司
技术研发日：2022.11.22
技术公布日：2023/9/7