Document
拖动滑块完成拼图
首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

渲染用户界面组件的方法、装置、电子设备、及存储介质 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

申请/专利权人:北京字节跳动网络技术有限公司

摘要:本公开实施例公开了一种渲染用户界面组件的方法、装置、电子设备、及存储介质,所述方法包括:获取目标用户界面组件的素材信息;确定所述目标用户界面组件的待渲染窗口的宽度;根据所述素材信息和所述宽度生成HTML文件,其中所述HTML文件的元素使用REM作为尺寸单位,所述HTML文件的字体尺寸属性值根据所述宽度确定;将所述HTML文件挂载到预定网页文件内部,以使浏览器解析所述HTML文件时将所述目标用户界面组件渲染到所述待渲染窗口。本公开实施例的技术方案能根据不同尺寸的待渲染窗口动态渲染用户界面组件,能提高用户界面组件的复用率,便于代码维护。

主权项:1.一种渲染用户界面组件的方法,其特征在于,包括:获取目标用户界面组件的素材信息,所述素材信息包括所述目标用户界面的网页设计稿,其中所述网页设计稿的元素使用绝对尺寸单位,所述元素包括但不仅限于输入控件、导航控件和信息控件,所述输入控件包括但不限于按钮、文本框、选取框、单选按钮、下拉列表、列表框和开关按钮,所述导航控件包括但不限于面包屑导航、滑块、搜索栏、分页、标签和图标,所述信息控件包括但不限于文本提示框、图标、进度条、提示、消息框和模式窗口;确定所述目标用户界面组件的待渲染窗口的宽度;根据所述网页设计稿中各元素的尺寸与所述网页设计稿的设计标准尺寸的比值确定所述各元素的REM值;根据所述网页设计稿和所述各元素的REM值生成HTML文件,其中所述HTML文件的元素使用REM作为尺寸单位;根据所述宽度与所述设计标准尺寸的比值重置所述HTML文件的字体尺寸属性值;将所述HTML文件挂载到预定网页文件内部,以使浏览器解析所述HTML文件时将所述目标用户界面组件渲染到所述待渲染窗口;其中,将所述HTML文件挂载到预定网页文件内部,包括:若所述待渲染窗口为内嵌窗口或弹窗,则新建浮动窗口类型的元素,将所述HTML文件包裹在所述浮动窗口类型的元素中,其中所述浮动窗口类型的元素的透明度属性值为0,所述浮动窗口类型的元素为IFRAME类型的元素;将所述浮动窗口类型的元素挂载到所述预定网页文件的预定位置。

全文数据:

权利要求:

百度查询: 北京字节跳动网络技术有限公司 渲染用户界面组件的方法、装置、电子设备、及存储介质

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。