一种设置用户界面的方法及装置制造方法及图纸

技术编号:21453529 阅读:26 留言:0更新日期:2019-06-26 04:39
本发明专利技术提供了一种设置用户界面的方法及装置,该方法,包括:获取用户界面数据;从用户界面数据中解析出基础像素宽度;根据屏幕真实像素宽度和基础像素宽度,确定比例关系;针对每个表格,执行:从用户界面数据中解析出当前表格的表格高度;确定当前表格对应的位于目标用户界面中的页面布局;从用户界面数据中解析出当前表格中的每个目标单元格在当前表格中的位置以及每个目标控件的属性;根据当前表格中的每个目标单元格在当前表格中的位置,确定每个目标控件在当前表格对应的页面布局中的目标位置;根据每个目标控件的属性,在每个目标控件对应的在页面布局中的目标位置上实现每个目标控件。本发明专利技术能够减少设置用户界面所需要的时间。

【技术实现步骤摘要】
一种设置用户界面的方法及装置
本专利技术涉及计算机
,特别涉及一种设置用户界面的方法及装置。
技术介绍
在android电视和机顶盒应用开发过程中,经常会遇到用户调整相关用户界面的需求。现有技术中,当需要调整用户界面时,开发人员需要重新对整个用户界面进行开发,需要消耗较多的时间。
技术实现思路
本专利技术实施例提供了一种设置用户界面的方法及装置,能够减少设置用户界面所需要的时间。一方面,本专利技术实施例提供了一种设置用户界面的方法,包括:S1:获取用户界面数据,其中,所述用户界面数据中包括:基础像素宽度、至少一个表格、每个所述表格的表格高度、每个待生成的目标用户界面的目标控件的属性,其中,每个所述目标控件的属性设置在所述至少一个表格的目标单元格中;S2:从所述用户界面数据中解析出基础像素宽度;S3:根据屏幕真实像素宽度和所述基础像素宽度,确定比例关系;S4:针对每个所述表格,执行A1-A5:A1:从所述用户界面数据中解析出当前表格的表格高度;A2:根据所述比例关系、所述当前表格的表格高度和所述基础像素宽度,确定所述当前表格对应的位于所述目标用户界面中的页面布局;A3:从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格在所述当前表格中的位置,以及每个所述目标单元格中的目标控件的属性;A4:根据所述当前表格中的每个所述目标单元格在所述当前表格中的位置,确定每个所述目标控件在所述当前表格对应的页面布局中的目标位置;A5:根据每个所述目标控件的属性,在每个所述目标控件对应的在所述页面布局中的目标位置上实现每个所述目标控件。优选地,在所述S2之前,进一步包括:新建recyclerview,设置所述recyclerview的布局为线性垂直布局;在所述S1之后,进一步包括:将所述用户界面数据传入到所述recyclerview的adapter中;所述S2,包括:在所述adapter内部对所述用户界面数据进行解析,生成所述基础像素宽度;所述S3,包括:在所述adapter内部根据屏幕真实像素宽度和所述基础像素宽度,确定所述比例关系;所述S4,包括:在所述adapter内部针对每个所述表格,执行A1-A5。优选地,所述A2,包括:根据所述比例关系、所述当前表格的表格高度和所述基础像素宽度,生成所述当前表格对应的FrameLayout;将所述当前表格对应的FrameLayout作为所述当前表格对应的位于所述目标用户界面中的页面布局。优选地,所述用户界面数据中进一步包括:每个所述目标单元格所在列数、所在行数、占用行数和占用列数;所述从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格在所述当前表格中的位置,包括:从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格所在列数、所在行数、占用行数和占用列数。优选地,所述根据屏幕真实像素宽度和所述基础像素宽度,确定比例关系,包括:将所述屏幕真实像素宽度除以所述基础像素宽度,生成所述比例关系。优选地,所述用户界面数据为json嵌套的数据结构,所述用户界面数据的最外层数据结构中包括所述基础像素宽度,所述用户界面数据的次外层数据结构中包括所述至少一个表格和每个所述表格的表格高度,每个所述表格内部包括至少一个所述目标单元格。另一方面,本专利技术实施例提供了一种设置用户界面的装置,包括:获取单元,用于获取用户界面数据,其中,所述用户界面数据中包括:基础像素宽度、至少一个表格、每个所述表格的表格高度、每个待生成的目标用户界面的目标控件的属性,其中,每个所述目标控件的属性设置在所述至少一个表格的目标单元格中;解析单元,用于从所述用户界面数据中解析出基础像素宽度;确定单元,用于根据屏幕真实像素宽度和所述基础像素宽度,确定比例关系;控件实现单元,用于针对每个所述表格,执行A1-A5:A1:从所述用户界面数据中解析出当前表格的表格高度;A2:根据所述比例关系、所述当前表格的表格高度和所述基础像素宽度,确定所述当前表格对应的位于所述目标用户界面中的页面布局;A3:从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格在所述当前表格中的位置,以及每个所述目标单元格中的目标控件的属性;A4:根据所述当前表格中的每个所述目标单元格在所述当前表格中的位置,确定每个所述目标控件在所述当前表格对应的页面布局中的目标位置;A5:根据每个所述目标控件的属性,在每个所述目标控件对应的在所述页面布局中的目标位置上实现每个所述目标控件。优选地,该装置进一步包括:新建单元,用于新建recyclerview,设置所述recyclerview的布局为线性垂直布局;传入单元,用于将所述用户界面数据传入到所述recyclerview的adapter中;所述解析单元,用于在所述adapter内部对所述用户界面数据进行解析,生成所述基础像素宽度;所述确定单元,用于在所述adapter内部根据屏幕真实像素宽度和所述基础像素宽度,确定所述比例关系;所述控件实现单元,用于在所述adapter内部针对每个所述表格,执行A1-A5。优选地,所述控件实现单元,在执行所述A2时,具体用于:根据所述比例关系、所述当前表格的表格高度和所述基础像素宽度,生成所述当前表格对应的FrameLayout;将所述当前表格对应的FrameLayout作为所述当前表格对应的位于所述目标用户界面中的页面布局。优选地,所述用户界面数据中进一步包括:每个所述目标单元格所在列数、所在行数、占用行数和占用列数;所述控件实现单元,在执行所述从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格在所述当前表格中的位置时,具体用于:从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格所在列数、所在行数、占用行数和占用列数。优选地,所述确定单元,用于将所述屏幕真实像素宽度除以所述基础像素宽度,生成所述比例关系。优选地,所述用户界面数据为json嵌套的数据结构,所述用户界面数据的最外层数据结构中包括所述基础像素宽度,所述用户界面数据的次外层数据结构中包括所述至少一个表格和每个所述表格的表格高度,每个所述表格内部包括至少一个所述目标单元格。在本专利技术实施例中,当需要设置用户界面时,无需重新开发,只需对需要设置的部分生成用户界面数据,对用户界面数据自动解析,能够实现需要在目标用户界面设置的各个目标控件,并将实现的各个目标控件设置在用户需要的目标位置上,大大减少设置用户界面所需要的时间。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是本专利技术一实施例提供的一种设置用户界面的方法的流程图;图2是本专利技术一实施例提供的另一种设置用户界面的方法的流程图;图3是本专利技术一实施例提供的一种设置用户界面的装置的示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本专利技术一部分实施例,而不是全部的实施例,基于本专利技术中的实施例,本领域普通技术人员本文档来自技高网...

【技术保护点】
1.一种设置用户界面的方法,其特征在于,包括:S1:获取用户界面数据,其中,所述用户界面数据中包括:基础像素宽度、至少一个表格、每个所述表格的表格高度、每个待生成的目标用户界面的目标控件的属性,其中,每个所述目标控件的属性设置在所述至少一个表格的目标单元格中;S2:从所述用户界面数据中解析出基础像素宽度;S3:根据屏幕真实像素宽度和所述基础像素宽度,确定比例关系;S4:针对每个所述表格,执行A1‑A5:A1:从所述用户界面数据中解析出当前表格的表格高度;A2:根据所述比例关系、所述当前表格的表格高度和所述基础像素宽度,确定所述当前表格对应的位于所述目标用户界面中的页面布局;A3:从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格在所述当前表格中的位置,以及每个所述目标单元格中的目标控件的属性;A4:根据所述当前表格中的每个所述目标单元格在所述当前表格中的位置,确定每个所述目标控件在所述当前表格对应的页面布局中的目标位置;A5:根据每个所述目标控件的属性,在每个所述目标控件对应的在所述页面布局中的目标位置上实现每个所述目标控件。

【技术特征摘要】
1.一种设置用户界面的方法,其特征在于,包括:S1:获取用户界面数据,其中,所述用户界面数据中包括:基础像素宽度、至少一个表格、每个所述表格的表格高度、每个待生成的目标用户界面的目标控件的属性,其中,每个所述目标控件的属性设置在所述至少一个表格的目标单元格中;S2:从所述用户界面数据中解析出基础像素宽度;S3:根据屏幕真实像素宽度和所述基础像素宽度,确定比例关系;S4:针对每个所述表格,执行A1-A5:A1:从所述用户界面数据中解析出当前表格的表格高度;A2:根据所述比例关系、所述当前表格的表格高度和所述基础像素宽度,确定所述当前表格对应的位于所述目标用户界面中的页面布局;A3:从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格在所述当前表格中的位置,以及每个所述目标单元格中的目标控件的属性;A4:根据所述当前表格中的每个所述目标单元格在所述当前表格中的位置,确定每个所述目标控件在所述当前表格对应的页面布局中的目标位置;A5:根据每个所述目标控件的属性,在每个所述目标控件对应的在所述页面布局中的目标位置上实现每个所述目标控件。2.根据权利要求1所述的方法,其特征在于,在所述S2之前,进一步包括:新建recyclerview,设置所述recyclerview的布局为线性垂直布局;在所述S1之后,进一步包括:将所述用户界面数据传入到所述recyclerview的adapter中;所述S2,包括:在所述adapter内部对所述用户界面数据进行解析,生成所述基础像素宽度;所述S3,包括:在所述adapter内部根据屏幕真实像素宽度和所述基础像素宽度,确定所述比例关系;所述S4,包括:在所述adapter内部针对每个所述表格,执行A1-A5。3.根据权利要求1所述的方法,其特征在于,所述A2,包括:根据所述比例关系、所述当前表格的表格高度和所述基础像素宽度,生成所述当前表格对应的FrameLayout;将所述当前表格对应的FrameLayout作为所述当前表格对应的位于所述目标用户界面中的页面布局。4.根据权利要求1所述的方法,其特征在于,所述用户界面数据中进一步包括:每个所述目标单元格所在列数、所在行数、占用行数和占用列数;所述从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格在所述当前表格中的位置,包括:从所述用户界面数据中解析出所述当前表格中的每个所述目标单元格所在列数、所在行数、占用行数和占用列数。5.根据权利要求1-4中任一所述的方法,其特征在于,所述根据屏幕真实像素宽度和所述基础像素宽度,确定比例关系,包括:将所述屏幕真实像素宽度除以所述基础像素宽度,生成所述比例关系;和/或,所述用户界面数据为json嵌套的数据结构,所述用户界面数据的最外层数据结构中包括所述基础像素宽度,所述用户界面数据的次外层数据结构中包括所述至少一个表格和每个所述表格的表格高度,每个所述表格内部包括至少一个所述目标单元格。6.一种设置用户界面的...

【专利技术属性】
技术研发人员:李敬昌修志远李亚
申请(专利权)人:山东云缦智能科技有限公司
类型:发明
国别省市:山东,37

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1