一种用户界面圆角显示方法、装置、电子设备及存储介质制造方法及图纸

本申请实施例提供了一种用户界面圆角显示方法、装置、电子设备及存储介质，方法包括：当接收到用户界面的启动指令，显示用户界面；读取全屏遮罩视图数据和应用界面遮罩视图数据；全屏遮罩视图包括：顶角为圆角形的第一透明区域和第一非透明区域；应用界面遮罩视图包括：顶角为圆角形的第二透明区域和第二非透明区域；在用户界面上显示全屏遮罩视图和应用界面遮罩视图；全屏遮罩视图覆盖整个用户界面，以使第一非透明区域遮盖用户界面的各个顶角；应用界面遮罩视图覆盖用户界面中包含的应用界面，以使第二非透明区域遮盖应用界面的各个顶角；实现圆角显示，显示效果美观，提高用户体验。且仅需加载遮罩视图，无需更改各应用软件的界面，复杂度低。

【技术实现步骤摘要】
一种用户界面圆角显示方法、装置、电子设备及存储介质
本申请涉及计算机软件
，特别是涉及一种用户界面圆角显示方法、装置、电子设备及存储介质。
技术介绍
目前车机系统显示屏幕，例如中控屏幕是采用矩形可视区域进行显示的。专利技术人发现，显示屏幕的矩形可视区域不够美观，影响用户体验，若要实现车机系统显示屏幕可视区域的圆角显示，可以对车载应用软件的用户界面进行更改。但通过更改应用软件界面的方式实现圆角显示，复杂度高。
技术实现思路
本申请实施例的目的在于提供一种用户界面圆角显示方法、装置、电子设备及存储介质，以采用遮罩方式实现车机系统界面的圆角显示，无需更改各应用软件的界面。具体技术方案如下：为实现上述目的，本申请实施例提供了一种用户界面圆角显示方法，所述方法包括：当接收到用户界面的启动指令，显示用户界面；所述用户界面包含导航栏界面和应用界面；读取全屏遮罩视图数据和应用界面遮罩视图数据；其中，全屏遮罩视图包括：顶角为圆角形的第一透明区域和位于所述第一透明区域的各顶角的各个第一非透明区域；应用界面遮罩视图包括：顶角为圆角形的第二透明区域和位于所述第二透明区域的各顶角的各个第二非透明区域；在所述用户界面上显示全屏遮罩视图和应用界面遮罩视图；所述全屏遮罩视图覆盖整个用户界面，以使所述各个第一非透明区域遮盖所述用户界面的各个顶角；所述应用界面遮罩视图覆盖所述用户界面中包含的应用界面，以使所述各个第二非透明区域遮盖所述应用界面的各个顶角；判断是否接收到全屏显示指令或分屏显示指令；当接收到全屏显示指令，隐藏所述导航栏界面，将所述应用界面放大至整个显示屏幕，并隐藏所述应用界面遮罩视图。可选的，所述方法还包括：当接收到分屏显示指令，将所述应用界面划分为至少两个应用子界面，并读取分屏遮罩视图数据；其中，分屏遮罩视图包括顶角为圆角形的第三透明区域和设置在各个相邻应用子界面的分界线顶角的第三非透明区域；在各个相邻应用子界面的分界线处，显示所述分屏遮罩视图，以使所述各个第三非透明区域遮盖各个相邻应用子界面的各个分界线顶角。可选的，所述方法还包括：当接收到退出全屏指令时，退出应用界面的全屏显示，并显示所述应用界面遮罩视图。可选的，所述方法还包括：当接收到退出分屏指令时，退出应用界面的分屏显示，并隐藏所述分屏遮罩视图。为实现上述目的，本申请实施例还提供了一种用户界面圆角显示装置，所述装置包括：第一显示模块，用于当接收到用户界面的启动指令，显示用户界面；所述用户界面包含导航栏界面和应用界面；第一读取模块，用于读取全屏遮罩视图数据和应用界面遮罩视图数据；其中，全屏遮罩视图包括：顶角为圆角形的第一透明区域和位于所述第一透明区域的各顶角的各个第一非透明区域；应用界面遮罩视图包括：顶角为圆角形的第二透明区域和位于所述第二透明区域的各顶角的各个第二非透明区域；第二显示模块，用于在所述用户界面上显示全屏遮罩视图和应用界面遮罩视图；所述全屏遮罩视图覆盖整个用户界面，以使所述各个第一非透明区域遮盖所述用户界面的各个顶角；所述应用界面遮罩视图覆盖所述用户界面中包含的应用界面，以使所述各个第二非透明区域遮盖所述应用界面的各个顶角；判断模块，用于判断是否接收到全屏显示指令和分屏显示指令；全屏显示模块，用于当接收到全屏显示指令，隐藏所述导航栏界面，将所述应用界面放大至整个显示屏幕，并隐藏所述应用界面遮罩视图。可选的，所述装置还包括：分屏显示模块，用于当接收到分屏显示指令，将所述应用界面划分为至少两个应用子界面，并读取分屏遮罩视图数据；其中，分屏遮罩视图包括顶角为圆角形的第三透明区域和设置在各个相邻应用子界面的分界线顶角的第三非透明区域；在各个相邻应用子界面的分界线处，显示所述分屏遮罩视图，以使所述各个第三非透明区域遮盖各个相邻应用子界面的各个分界线顶角。可选的，所述装置还包括：第一退出模块，用于当接收到退出全屏指令时，退出应用界面的全屏显示，并显示所述应用界面遮罩视图。可选的，所述装置还包括：第二退出模块，用于当接收到退出分屏指令时，退出应用界面的分屏显示，并隐藏所述分屏遮罩视图。为实现上述目的，本申请实施例还提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；存储器，用于存放计算机程序；处理器，用于执行存储器上所存放的程序时，实现上述任一方法步骤。为实现上述目的，本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述任一方法步骤。本申请实施例有益效果：采用本申请实施例提供的用户界面圆角显示方法、装置、电子设备及存储介质，当接收到用户界面的启动指令，显示用户界面；用户界面包含导航栏界面和应用界面；读取全屏遮罩视图数据和应用界面遮罩视图数据；其中，全屏遮罩视图包括：顶角为圆角形的第一透明区域和位于第一透明区域的各顶角的各个第一非透明区域；应用界面遮罩视图包括：顶角为圆角形的第二透明区域和位于第二透明区域的各顶角的各个第二非透明区域；在用户界面上显示全屏遮罩视图和应用界面遮罩视图；全屏遮罩视图覆盖整个用户界面，以使各个第一非透明区域遮盖用户界面的各个顶角；应用界面遮罩视图覆盖用户界面中包含的应用界面，以使各个第二非透明区域遮盖应用界面的各个顶角；判断是否接收到全屏显示指令或分屏显示指令；当接收到全屏显示指令，隐藏导航栏界面，将应用界面放大至整个显示屏幕，并隐藏应用界面遮罩视图。可见，通过加载遮罩视图的方式，对显示界面进行遮罩，使得用户界面呈现圆角显示，显示效果美观，提高用户体验。且仅需加载遮罩视图，无需更改各应用软件的界面，复杂度低。当然，实施本申请的任一产品或方法并不一定需要同时达到以上所述的所有优点。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的实施例。图1为本申请实施例提供的用户界面圆角显示方法的一种流程示意图；图2为本申请实施例提供的全屏遮罩视图的一种示意图；图3为本申请实施例提供的用户界面圆角显示的一种示意图；图4为本申请实施例提供的用户界面圆角显示的另一种示意图；图5为本申请实施例提供的用户界面圆角显示方法的另一种流程示意图；图6（a）为本申请实施例提供的分屏遮罩视图的一种示意图；图6（b）为本申请实施例提供的分屏遮罩视图的另一种示意图；图7为本申请实施例提供的用户界面圆角显示的另一种示意图；图8为本申请实施例提供的用户界面圆角显示装置的一种结构示意图；图9为本申请实施例提供的电子设备的一种结构示意本文档来自技高网...

【技术保护点】
1.一种用户界面圆角显示方法，其特征在于，所述方法包括：/n当接收到用户界面的启动指令，显示用户界面；所述用户界面包含导航栏界面和应用界面；/n读取全屏遮罩视图数据和应用界面遮罩视图数据；其中，全屏遮罩视图包括：顶角为圆角形的第一透明区域和位于所述第一透明区域的各顶角的各个第一非透明区域；应用界面遮罩视图包括：顶角为圆角形的第二透明区域和位于所述第二透明区域的各顶角的各个第二非透明区域；/n在所述用户界面上显示全屏遮罩视图和应用界面遮罩视图；所述全屏遮罩视图覆盖整个用户界面，以使所述各个第一非透明区域遮盖所述用户界面的各个顶角；所述应用界面遮罩视图覆盖所述用户界面中包含的应用界面，以使所述各个第二非透明区域遮盖所述应用界面的各个顶角；/n判断是否接收到全屏显示指令或分屏显示指令；/n当接收到全屏显示指令，隐藏所述导航栏界面，将所述应用界面放大至整个显示屏幕，并隐藏所述应用界面遮罩视图。/n

【技术特征摘要】
1.一种用户界面圆角显示方法，其特征在于，所述方法包括：
当接收到用户界面的启动指令，显示用户界面；所述用户界面包含导航栏界面和应用界面；
读取全屏遮罩视图数据和应用界面遮罩视图数据；其中，全屏遮罩视图包括：顶角为圆角形的第一透明区域和位于所述第一透明区域的各顶角的各个第一非透明区域；应用界面遮罩视图包括：顶角为圆角形的第二透明区域和位于所述第二透明区域的各顶角的各个第二非透明区域；
在所述用户界面上显示全屏遮罩视图和应用界面遮罩视图；所述全屏遮罩视图覆盖整个用户界面，以使所述各个第一非透明区域遮盖所述用户界面的各个顶角；所述应用界面遮罩视图覆盖所述用户界面中包含的应用界面，以使所述各个第二非透明区域遮盖所述应用界面的各个顶角；
判断是否接收到全屏显示指令或分屏显示指令；
当接收到全屏显示指令，隐藏所述导航栏界面，将所述应用界面放大至整个显示屏幕，并隐藏所述应用界面遮罩视图。


2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
当接收到分屏显示指令，将所述应用界面划分为至少两个应用子界面，并读取分屏遮罩视图数据；其中，分屏遮罩视图包括顶角为圆角形的第三透明区域和设置在各个相邻应用子界面的分界线顶角的第三非透明区域；在各个相邻应用子界面的分界线处，显示所述分屏遮罩视图，以使所述各个第三非透明区域遮盖各个相邻应用子界面的各个分界线顶角。


3.根据权利要求1所述的方法，其特征在于，所述方法还包括：
当接收到退出全屏指令时，退出应用界面的全屏显示，并显示所述应用界面遮罩视图。


4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
当接收到退出分屏指令时，退出应用界面的分屏显示，并隐藏所述分屏遮罩视图。


5.一种用户界面圆角显示装置，其特征在于，所述装置包括：
第一显示模块，用于当接收到用户界面的启动指令，显示用户界面；所述用户界面包含导航栏界面和应用界面；
第一读取模块，用于读取全屏遮罩视图数据和应用界面遮罩视图数据；其中，全屏遮罩视图包括：顶角为圆角形的第一透明区域...

【专利技术属性】
技术研发人员：邹元飞，
申请(专利权)人：湖北亿咖通科技有限公司，
类型：发明
国别省市：湖北;42