一种App动态设置按钮样式的方法与流程

一种app动态设置按钮样式的方法
技术领域
1.本发明属于app技术领域，尤其是涉及一种app动态设置按钮样式的方法。


背景技术：

2.随着移动互联网的飞速发展，对移动产品用户体验以及视觉效果要求越来越高。用户对于一个应用在手机中的留存,一部分取决于应用的功能,其中一部分是取决于界面的美观整洁程度。由于ios端目前已经无法采取热更新的模式,ui变化往往需要整个app进行整体更新,很大程度上浪费了用户移动流量以及相应的时间成本。


技术实现要素：

3.有鉴于此，为克服上述缺陷，本发明旨在提出一种app动态设置按钮样式的方法。
4.为达到上述目的，本发明的技术方案是这样实现的：
5.第一方面，本发明提供了一种app动态设置按钮样式的方法，包括：
6.在app的代码层进行编码时，将按钮第一元素和第二元素设置为自定义形式，并将第一元素和第二元素在父类视图上进行组合；
7.在服务端设置第一元素和第二元素的相关参数；
8.应用启动后,请求服务器接口,获取第一元素和第二元素的相关参数；
9.基于第一元素和第二元素的相关参数设置按钮样式。
10.进一步的，所述第一元素包括按钮图片；
11.所述第二元素包括文字。
12.进一步的，所述相关参数包括第一元素和第二元素的内容及相对位置参数。
13.进一步的，在app的代码层进行编码时，将按钮第一元素和第二元素设置为自定义形式，并将第一元素和第二元素在父类视图上进行组合，还包括：
14.为按钮控件添加点击事件。
15.进一步的，基于第一元素和第二元素的相关参数设置按钮样式，包括：
16.根据相对位置参数控制图片和文字控件的控件初始化以及相对位置布局,设置标题行数以及文字和图片展示。
17.进一步的，还包括执行渲染指令，所述渲染指令在所述基于第一元素和第二元素的相关参数设置按钮样式之后执行。
18.第二方面，本发明提供了一种电子设备/服务器，包括处理器，以及与处理器通信连接，且用于存储所述处理器可执行指令的存储器，所述处理器在执行所述指令时，实现上述第一方面所述的app动态设置按钮样式的方法。
19.第三方面，本发明提供了一种可读取存储介质，用于存储计算机程序，所述计算机程序在被处理器执行时，实现上述第一方面所述的app动态设置按钮样式的方法。
20.相对于现有技术，本发明所述的app动态设置按钮样式的方法具有以下优势：
21.(1)本发明所述的app动态设置按钮样式的方法可以在管理平台编辑,进行调整界
面按钮的样式,减少app开发人员的工作量,通过最基础的界面元素设置,达到新的视觉呈现效果。
22.(2)本发明所述的app动态设置按钮样式的方法能够更灵活的调整按钮的样式；能够具有更好的兼容性以及扩展性,不管是对成熟应用还是未来开发的功能,都能通过本发明中对按钮的编码方式进行快速整合的效果。
23.(3)本发明所述的app动态设置按钮样式的方法适用于app中动态设置按钮的样式,到达图片和按钮的动态分布以及图片样式的动态替换。
24.(4)本发明所述的app动态设置按钮样式的方法通过根据app应用请求,根据服务器设置,在界面渲染过程中,动态设置按钮图片和按钮文字的相对位置,相关文字行数以及间距控制。
附图说明
25.构成本发明的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
26.图1为用户根据配置设置按钮样式流程图。
具体实施方式
27.需要说明的是，在不冲突的情况下，本发明中的实施例及实施例中的特征可以相互组合。
28.下面将参考附图并结合实施例来详细说明本发明。
29.本实施例提供了一种app动态设置按钮样式的方法，如图1所示，包括如下步骤：
30.1.app应用在开发初期,在代码层进行编码的时候,针对按钮元素图片以及文字采用自定义的形式,不用固有的按钮样式,采用图片和按钮在父类视图上进行组合的形式,同时为按钮控件添加上点击事件,达到和按钮一样的功能。
31.2.ui设计相关界面样式,运维人员根据样式在服务端设置相对位置参数以及按钮的图片和文字的设置。
32.3.应用启动,请求服务器接口,获取对应的按钮样式参数。
33.4.解析相应的配置参数,获取其中的相对位置参数以及图片和文字标题资源
34.5.根据位置参数控制图片和文字控件的控件初始化以及相对位置布局,设置标题行数以及文字和图片展示；
35.6.渲染结束,应用会展示出2中设计师所设计出来的按钮展示的效果.
36.本实施例提供了一种服务器，包括处理器，以及与处理器通信连接，且用于存储所述处理器可执行指令的存储器，所述处理器在执行所述指令时，实现上述实施例所述的app动态设置按钮样式的方法。
37.本实施例提供了一种可读取存储介质，用于存储计算机程序，所述计算机程序在被处理器执行时，实现上述实施例所述的app动态设置按钮样式的方法。
38.本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及方法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这
些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
39.在本申请所提供的几个实施例中，应该理解到，所揭露的方法和系统，可以通过其它的方式实现。例如，以上所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。上述单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本发明实施例方案的目的。
40.最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围，其均应涵盖在本发明的权利要求和说明书的范围当中。
41.以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。


技术特征：
1.一种app动态设置按钮样式的方法，其特征在于，包括：在app的代码层进行编码时，将按钮第一元素和第二元素设置为自定义形式，并将第一元素和第二元素在父类视图上进行组合；在服务端设置第一元素和第二元素的相关参数；应用启动后,请求服务器接口,获取第一元素和第二元素的相关参数；基于第一元素和第二元素的相关参数设置按钮样式。2.根据权利要求1所述的app动态设置按钮样式的方法，其特征在于：所述第一元素包括按钮图片；所述第二元素包括文字。3.根据权利要求1所述的app动态设置按钮样式的方法，其特征在于：所述相关参数包括第一元素和第二元素的内容及相对位置参数。4.根据权利要求1所述的app动态设置按钮样式的方法，其特征在于：在app的代码层进行编码时，将按钮第一元素和第二元素设置为自定义形式，并将第一元素和第二元素在父类视图上进行组合，还包括：为按钮控件添加点击事件。5.根据权利要求1所述的app动态设置按钮样式的方法，其特征在于，基于第一元素和第二元素的相关参数设置按钮样式，包括：根据相对位置参数控制图片和文字控件的控件初始化以及相对位置布局,设置标题行数以及文字和图片展示。6.根据权利要求1所述的app动态设置按钮样式的方法，其特征在于：还包括执行渲染指令，所述渲染指令在所述基于第一元素和第二元素的相关参数设置按钮样式之后执行。7.一种服务器，包括处理器，以及与处理器通信连接，且用于存储所述处理器可执行指令的存储器，其特征在于，所述处理器在执行所述指令时，实现权利要求1-6任一所述的app动态设置按钮样式的方法。8.一种可读取存储介质，用于存储计算机程序，其特征在于，所述计算机程序在被处理器执行时，实现权利要求1-6任一所述的app动态设置按钮样式的方法。

技术总结
本发明提供了一种App动态设置按钮样式的方法，包括：在APP的代码层进行编码时，将按钮第一元素和第二元素设置为自定义形式，并将第一元素和第二元素在父类视图上进行组合；在服务端设置第一元素和第二元素的相关参数；应用启动后,请求服务器接口,获取第一元素和第二元素的相关参数；基于第一元素和第二元素的相关参数设置按钮样式。本发明所述的App动态设置按钮样式的方法可以在管理平台编辑,进行调整界面按钮的样式,减少App开发人员的工作量,通过最基础的界面元素设置,达到新的视觉呈现效果。效果。效果。


技术研发人员：李俊
受保护的技术使用者：紫光云技术有限公司
技术研发日：2022.08.26
技术公布日：2022/12/12