一种界面动效的显示方法及设备技术

本申请实施例公开了一种界面动效的显示方法及设备，涉及电子设备领域，避免了终端横竖屏切换时显示的动效所呈现的界面存在拉伸或压缩等变形的问题。具体方案为：应用中可以分别预先配置好供电子设备显示的第一界面和第二界面，其中，第一界面和第二界面分别与电子设备的竖屏和横屏对应，当电子设备需要进行竖屏和横屏相互转换时，电子设备可以通过第一界面和第二界面两个界面的转场切换作为界面动效，实现横竖屏界面的切换。实现横竖屏界面的切换。实现横竖屏界面的切换。

【技术实现步骤摘要】
一种界面动效的显示方法及设备


[0001]本申请涉及电子设备领域，尤其涉及一种界面动效的显示方法及设备。

技术介绍

[0002]随着终端的不断发展，终端的性能越来越好。为了能够呈现更好的用户界面(user interface，UI)给用户，基于性能强大的终端，应用的界面越来越复杂，界面之间的转换也变得越来越多。例如，横竖屏切换后横屏界面和竖屏界面之间的转屏动效、不同界面之间的切换(或者说转场)动效等。
[0003]在现有技术中，横屏界面和竖屏界面之间的转屏动效，主要是通过对横屏界面或竖屏界面进行旋转，及缩放或拉伸等操作来实现的。示例性的，终端当前处于竖屏状态，用户通过旋转终端，使终端的屏幕转动90度，终端可由竖屏状态转换为横屏状态。其中，终端在竖屏状态下显示的竖屏界面会跟随终端的屏幕旋转90度。如，在终端由竖屏状态转换为横屏状态后，终端可呈现由竖屏界面到横屏界面的转屏动效。例如，结合图1，如图1中的(a)所示，在用户通过旋转终端，使终端由竖屏状态转换为横屏状态后，在横屏状态下，终端可先显示竖屏界面101。之后，终端启动转屏动效，如终端将本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种界面动效的显示方法，其特征在于，应用于电子设备，所述电子设备包括第一状态和第二状态，所述方法包括：所述电子设备在处于所述第一状态的情况下显示第一界面，所述第一界面的布局信息与所述第一状态的屏幕属性对应；接收到用户的状态切换操作，所述电子设备由第一状态切换至第二状态；所述电子设备显示由所述第一界面切换至所述第二界面的动效；所述第二界面的布局信息与所述第二状态的屏幕属性对应；其中，所述第一状态为横屏状态，所述第二状态为竖屏状态；或所述第一状态为竖屏状态，所述第二状态为横屏状态。2.如权利要求1所述的方法，其特征在于，所述方法还包括：所述电子设备获取所述第二界面中各元素的类型；所述电子设备根据所述第二界面中各元素的类型以及预定的不同类型的主次关系，调整所述第二界面中各元素的布局。3.如权利要求1所述的方法，其特征在于，所述方法还包括：所述电子设备根据所述第二界面中各元素预定的主次关系，调整所述第二界面中各元素的布局。4.如权利要求1至3任一项所述的方法，其特征在于，所述电子设备显示由所述第一界面切换至所述第二界面的动效，包括：所述电子设备显示所述第一界面的离场动效，显示所述第二界面的入场动效。5.如权利要求4所述的方法，其特征在于，所述电子设备显示所述第一界面的离场动效，包括：所述电子设备将所述第一界面和第三界面进行拼接，获得第四界面；所述电子设备显示所述第四界面的离场动效。6.如权利要求5所述的方法，其特征在于，所述第三界面的背景颜色，与所述第一界面的背景颜色、所述第一界面的边缘颜色、预设颜色、系统主题颜色中的任一种相同。7.如权利要求5或6所述的方法，其特征在于，所述第三界面拼接在所述第一界面的第一方向上，所述第一方向与由所述第一状态切换到所述第二状态所述电子设备的转动方向相反。8.如权利要求4至7任一项所述的方法，其特征在于，所述显示所述第二界面的入场动效，包括：所述电子设备将所述第二界面和第五界面进行拼接，获得第六界面；所述电子设备显示所述第六界面的离场动效。9.如权利要求8所述的方法，其特征在于，所述第五界面的背景颜色，与所述第二界面的背景颜色、所述第二界面的边缘颜色、预设颜色、系统主题颜色中的任一种相同。10.如权利要求8或9所述的方法，其特征在于，所述第五界面拼接在所述第二界面的第二方向上，所述第二方向与由所述第一状态切换到所述第二状态所述电子设备的转动方向相反。11.如权利要求8至10任一项所述的方法，其特征在于，所述第五界面包括所述第二界面的一个或多个元素。
12.一种界面动效的显示方法，其特征在于，应用于投屏系统的第一电子设备，所述投屏系统还包括第二电子设备，所述第一电子设备处于第一状态，所述第二电子设备处于第二状态，所述第一状态为横屏状态，所述第二状态为竖屏状态；或所述第一状态为竖屏状态，所述第二状态为横屏状态，所述方法包...

【专利技术属性】
技术研发人员：卞超，张增，陈晓晓，谷健，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：