一种移动终端的显示界面设置方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN107169007A(43)申请公布日2017.09.15(21)申请号201710208501.2(22)申请日2017.03.31(71)申请人北京奇艺世纪科技有限公司地址100080北京市海淀区北一街2号鸿城拓展大厦10、11层(72)发明人余敦甫熊浩邵明星周伟(74)专利代理机构北京柏杉松知识产权代理事务所(普通合伙)11413代理人马敬项京(51)Int.Cl.G06F17/30(2006.01)权利要求书4页说明书11页附图4页(54)发明名称一种移动终端的显示界面设置方法及装置(57)摘要本发明实施例提供了一种移动终端的显示界面设置方法及装置，其中方法包括：获取由服务器端发送的显示界面布局协议和CSS渲染协议，多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局；将由服务器端发送的显示界面布局协议和CSS渲染协议分别转换为移动终端识别的本地显示界面布局数据和本地CSS渲染数据；通过本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元；通过本地CSS渲染数据，对布局后的显示界面进行渲染，生成渲染后的显示界面。本发明实施例能够大幅提高后台服务器对显示界面的控制能力，在后台服务器需要对显示界面进行调整时及时调整，提高产品灵活性。CN107169007ACN107169007A权利要求书1/4页1.一种移动终端的显示界面设置方法，其特征在于，所述方法包括：获取由服务器端发送的显示界面布局协议和由服务器端发送的层叠样式表CSS渲染协议，所述由服务器端发送的显示界面布局协议为所述显示界面以多层级单元结构进行布局的协议，所述由服务器端发送的CSS渲染协议为对所述移动终端的显示界面的细节进行渲染的协议，所述多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局，其中，所述组合单元层级为所述移动终端的最小布局单元；将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据；通过所述本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元，所述多层级单元中包含业务数据；通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，生成渲染后的显示界面。2.根据权利要求1所述的移动终端的显示界面设置方法，其特征在于，所述将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据，具体包括：将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的页面层级下的多个区块层级单元布局结构，转换为所述移动终端识别的本地显示界面区块布局数据；将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的区块层级下的多个行层级单元布局结构，转换为所述移动终端识别的本地显示界面行布局数据；将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的行层级下的多个组合单元层级单元布局结构，转换为所述移动终端识别的本地显示界面组合单元布局数据；将所述由服务器端发送的CSS渲染协议中的CSS格式渲染数据，转换为所述移动终端识别的本地格式渲染数据，所述本地格式渲染数据中包含：CSS版本信息、CSS主题名、以及与所述移动终端适配的数据单位及显示分辨率。3.根据权利要求2所述的移动终端的显示界面设置方法，其特征在于，所述通过所述本地显示界面布局数据对显示界面进行布局，具体包括：通过所述本地显示界面布局数据中的所述本地显示界面区块布局数据，将所述移动终端的显示界面的各页面布局为多个显示区块；通过所述本地显示界面布局数据中的所述本地显示界面行布局数据，将所述显示区块布局为多个显示行；通过所述本地显示界面布局数据中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元。4.根据权利要求3所述的移动终端的显示界面设置方法，其特征在于，所述通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，具体包括：通过所述本地CSS渲染数据中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行；对所述渲染后的显示行中的所有显示组合单元进行渲染，生成渲染后的显示界面。5.根据权利要求4所述的移动终端的显示界面设置方法，其特征在于，所述将所述由服2CN107169007A权利要求书2/4页务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据之后，所述显示界面设置方法还包括：将多个所述本地显示界面组合单元布局数据依照对应的类型，存储为布局模块库；将