行业标准网
(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211185115.3 (22)申请日 2022.09.27 (71)申请人 重庆长安汽车股份有限公司 地址 400020 重庆市江北区鱼嘴镇长安汽 车全球研发中心 (72)发明人 柯贤林  (74)专利代理 机构 北京清亦华知识产权代理事 务所(普通 合伙) 11201 专利代理师 张伟 (51)Int.Cl. G06F 9/451(2018.01) G06F 40/109(2020.01) (54)发明名称 混合开发APP的主题颜色切换方法、 装置、 设 备及介质 (57)摘要 本申请涉及移动设备技术领域, 特别涉及一 种混合开发APP的主题颜色切换方法、 装置、 设备 及介质, 其中, 方法包括: 识别用户的主题切换意 图; 根据主题切换意图进入混合开发APP是网页 视图, 在网页视图中调用预设接口获取满足主题 切换意图的颜色字符串, 并将颜色字符串映射至 目标class中; 根据目标class修改混合开发APP 的主题标签, 以将混合开发APP的主题颜色切换 为颜色字符串对应的颜色。 由此, 解决了相关技 术中无法实现混合开发模式下的应用, 导致的局 限性、 开发效率低下, 降低用户使用体验等问题。 权利要求书2页 说明书8页 附图3页 CN 115495188 A 2022.12.20 CN 115495188 A 1.一种混合 开发APP的主题颜色切换 方法, 其特 征在于, 包括以下步骤: 识别用户的主题切换意图; 根据所述主题切换意图进入混合开发APP的网页视图, 在所述网页视图中调用预设接 口获取满足所述主题切换意图的颜色字符串, 并将所述颜色字符串映射至目标clas s中; 根据所述目标class修改所述混合开发APP的主题标签, 以将所述混合开发APP的主题 颜色切换为所述颜色字符串对应的颜色。 2.根据权利要求1所述的方法, 其特征在于, 所述在所述网页视图中调用预设接口获取 满足所述主题切换意图的颜色字符串, 包括: 通过所述预设接口与所述混合开发APP中的原生APP通信, 以获取所述原生APP的主题 的颜色字符串。 3.根据权利要求1所述的方法, 其特征在于, 在根据所述目标class修改所述混合开发 APP的主题标签之前, 包括: 在所述混合 开发APP的H5项目中建立 less文件; 建立css文件, 并利用所述css文件指定主题, 并利用css的变量功能分别制定主题颜 色, 得到主题色css文件, 并在所述主题色css文件中不同的class中设定同一个变量名, 并 给变量名设置对应主题的颜色值; 在所述less文件中引入所述主题色css文件, 并给less变量设置对应 的css变量, 且给 所述主题标签设置对应的clas s。 4.根据权利要求3所述的方法, 其特征在于, 所述根据所述目标class修改所述混合开 发APP的主题标签, 以将所述混合开 发APP的主题颜色切换为所述颜色字 符串对应的颜色包 括: 根据所述目标clas s修改所述主题标签对应的clas s; 根据所述颜色字符串对应的颜色值匹配所述主题色css文件对应的class, 根据所述主 题色css文件对应的class匹配css变量, 并基于所述css变量对应的less变量 从所述less文 件确定目标主题颜色; 将所述混合 开发APP的主题颜色切换为所述目标主题颜色。 5.一种混合 开发APP的主题颜色切换装置, 其特 征在于, 包括: 识别模块, 用于识别用户的主题切换意图; 调用模块, 用于根据所述主题切换意图进入混合开发APP的网页视图, 在所述网页视图 中调用预设接口获取满足所述主题切换意图的颜色字符串, 并将所述颜色字符串映射至目 标class中; 切换模块, 用于根据所述目标class修改所述混合开发APP的主题标签, 以将所述混合 开发APP的主题颜色切换为所述颜色字符串对应的颜色。 6.根据权利要求5所述的装置, 其特 征在于, 所述调用模块进一 步用于: 通过所述预设接口与所述混合开发APP中的原生APP通信, 以获取所述原生APP的主题 的颜色字符串。 7.根据权利要求5所述的装置, 其特 征在于, 所述切换模块进一 步用于: 在所述混合 开发APP的H5项目中建立 less文件; 建立css文件, 并利用所述css文件指定主题, 并利用css的变量功能分别制定主题颜权 利 要 求 书 1/2 页 2 CN 115495188 A 2色, 得到主题色css文件, 并在所述主题色css文件中不同的class中设定同一个变量名, 并 给变量名设置对应主题的颜色值; 在所述less文件中引入所述主题色css文件, 并给less变量设置对应 的css变量, 且给 所述主题标签设置对应的clas s。 8.根据权利要求7 所述的装置, 其特 征在于, 所述切换模块进一 步用于: 根据所述目标clas s修改所述主题标签对应的clas s; 根据所述颜色字符串对应的颜色值匹配所述主题色css文件对应的class, 根据所述主 题色css文件对应的class匹配css变量, 并基于所述css变量对应的less变量 从所述less文 件确定目标主题颜色; 将所述混合 开发APP的主题颜色切换为所述目标主题颜色。 9.一种电子设备, 其特征在于, 包括: 存储器、 处理器及存储在所述存储器上并可在所 述处理器上运行的计算机程序, 所述处理器执行所述程序, 以实现如权利要求 1‑4任一项所 述的混合 开发APP的主题颜色切换 方法。 10.一种计算机可读存储介质, 其上存储有计算机程序, 其特征在于, 该程序被处理器 执行, 以用于实现如权利要求1 ‑4任一项所述的混合 开发APP的主题颜色切换 方法。权 利 要 求 书 2/2 页 3 CN 115495188 A 3

.PDF文档 专利 混合开发APP的主题颜色切换方法、装置、设备及介质

文档预览
中文文档 14 页 50 下载 1000 浏览 0 评论 309 收藏 3.0分
温馨提示:本文档共14页,可预览 3 页,如浏览全部内容或当前文档出现乱码,可开通会员下载原始文档
专利 混合开发APP的主题颜色切换方法、装置、设备及介质 第 1 页 专利 混合开发APP的主题颜色切换方法、装置、设备及介质 第 2 页 专利 混合开发APP的主题颜色切换方法、装置、设备及介质 第 3 页
下载文档到电脑,方便使用
本文档由 人生无常 于 2024-03-18 17:12:56上传分享
友情链接
站内资源均来自网友分享或网络收集整理,若无意中侵犯到您的权利,敬请联系我们微信(点击查看客服),我们将及时删除相关资源。