一种显示方法及相关设备与流程
本技术涉及终端,尤其涉及一种显示方法及相关设备。
背景技术:
1、当前的应用,一般会包括底部导航栏,底部导航栏是用于快速切换应用界面的核心功能模块,是用户在使用过程中重点关注的对象之一。在底部导航栏中,通常会包括多个图标控件来实现切换功能。对于应用侧而言,这些图标也可以用于进行运营活动。例如,在节假日时,电子设备可以将底部导航栏中的默认图标变为节日主题风格的图标,并具备动画能力,来体现节日氛围。或者,也可以响应当前热点事件,通过图标的图形信息和动画效果,来实现向用户投递信息,推荐内容等运营活动。
2、因此,如何设计、调整应用底部导航栏中图标的图形信息以及动画效果,并使电子设备易于显示,是值得考虑的问题。
技术实现思路
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、第五方面,本技术提供一种计算机程序产品,当该计算机程序产品在计算机上运行时,使得该电子设备执行如第一方面所描述的方法。
版权声明:本站专利文献数据主要来源于国家知识产权局等公开渠道,由 技术新讯 进行整理汇编。页面设计及数据汇编的著作权归本站所有。全部内容仅供个人学习、科研评估与技术交流参考,严禁用于任何商业用途(包括但不限于直接生产制造、技术转让、倒卖数据等)。
免责条款:专利技术具有时效性,本站不对资料的绝对准确性、完整性和可实施性提供任何明示或暗示的担保。因参考本站内容造成的直接或间接损失,本站不承担相关法律责任。若您认为本站内容有侵权问题,请及时提供权属证明与我们联系,本站将在核实后依法处理。反馈意见:yyfuon@163.com