CN106919383A - 一种Android商品列表的展示方法及*** - Google Patents
一种Android商品列表的展示方法及*** Download PDFInfo
- Publication number
- CN106919383A CN106919383A CN201710057462.0A CN201710057462A CN106919383A CN 106919383 A CN106919383 A CN 106919383A CN 201710057462 A CN201710057462 A CN 201710057462A CN 106919383 A CN106919383 A CN 106919383A
- Authority
- CN
- China
- Prior art keywords
- data
- rule
- adapter
- android
- control
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
- G06Q30/0643—Graphical representation of items or shoppers
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明公开了一种Android商品列表的展示方法及***，方法包括：自定义一样式提供组件adapter；定义一数据结构的规则；后端按照定义的数据结构的规则，将商品列表的布局数据传递给前端；前端接收数据后将数据传递给adapter，adapter解析接收的数据，并计算各样式在屏幕显示的间距、位置；根据adapter计算的结果，使用原生绘图控件进行绘图展示。有益效果：通过使用原生绘图控件，简化复杂布局计算、快速渲染图形，从而提高绘图性能，用户浏览时不卡顿、展示快速；通过自定义一种格式化的数据结构来支持任意样式的商品流和广告，客户端不用做任何变更，只要服务端配置希望展示的界面效果的数据，前端显示屏幕就会如实展示，大大提高了灵活性，以及多样性。
Description
技术领域
本发明涉及计算机技术领域，尤其是涉及一种Android商品列表的展示方法及***。
背景技术
Android应用展示商品列表是消费者浏览商品，选购商品的重要渠道。商品列表的用户体验至关重要，可影响到用户是否愿意使用该产品。但商品列表的商品种类繁多，样式各一，再加上还需要展示商家的一些广告，使得整个界面十分复杂。用户在浏览商品的时候，就会出现卡顿，造成用户流失。广告也十分重要，是做活动的入口，广告由于需要配合一些活动必须做到灵活配置，灵活显示，不能每次都依赖于客户端添加新样式。
现在有的支持商品列表的技术方案有：(1)android原生的listview控件，自定义样式类型(一般是原生控件组合的布局)，通过adapter(一种给listview提供样式的组件)绑定数据，然后展示所有商品样式。(2)使用HTML5的网页展示，通过android的webview展示网页类型的商品列表。
现在方案的缺陷：一是使用android原生listview控件，若是商品类型太多，会造成listview的复用功能弱化，加上广告占用很多类型，而且自定义的样式是由原生控件组成，使得布局计算非常复杂并且界面过渡绘制超过4x，最终导致滑动浏览商品时卡顿严重。二是使用HTML5的页面，本身由于是网页，网络传输数据量大，用户看到页面就会有明显延迟，又因为会解析整个HTML，然后再渲染webview，用户体验非常差。
View：Android图形绘制抽象组件，所有需要绘制的图形需要继承该组件。
发明内容
本发明的目的在于克服上述技术不足，提出一种Android商品列表的展示方法及***，解决现有技术中商品列表的布局计算复杂，浏览卡顿严重的技术问题。
为达到上述技术目的，本发明的技术方案提供一种Android商品列表的展示方法，包括：
S1、自定义一样式提供组件adapter；
S2、定义一数据结构的规则；
S3、后端按照S2定义的数据结构的规则，将商品列表的布局数据传递给前端；
S4、前端接收数据后将数据传递给adapter，adapter解析接收的数据，并计算各样式在屏幕显示的间距、位置；
S5、根据adapter计算的结果，使用原生绘图控件进行绘图展示。
本发明还提供一种Android商品列表的展示***，包括：
样式提供组件定义模块：自定义一样式提供组件adapter；
规则定义模块：定义一数据结构的规则；
数据传递模块：后端按照规则定义模块定义的数据结构的规则，将商品列表的布局数据传递给前端；
计算模块：前端接收数据后将数据传递给adapter，adapter解析接收的数据，并计算各样式在屏幕显示的间距、位置；
绘图显示模块：根据adapter计算的结果，使用原生绘图控件进行绘图展示。
与现有技术相比，本发明的有益效果包括：摒弃Android提供的***自带基础控件，通过使用原生绘图控件绘制商品流和广告，简化复杂布局计算、快速渲染图形，从而提高绘图性能，用户浏览时不卡顿、展示快速；通过自定义一种格式化的数据结构来支持任意样式的商品流和广告，客户端不用做任何变更，只要服务端配置希望展示的界面效果的数据，前端显示屏幕就会如实展示，用户不需要更新应用，大大提高了灵活性，以及多样性。
附图说明
图1是本发明提供的一种Android商品列表的展示方法流程图；
图2是本发明提供的一种Android商品列表的展示***结构框图。
附图中：1、Android商品列表的展示***，11、样式提供组件定义模块，12、规则定义模块，13、数据传递模块，14、计算模块，15、绘图显示模块。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明提供了一种Android商品列表的展示方法，其中，包括：
S1、自定义一样式提供组件adapter；
S2、定义一数据结构的规则；
S3、后端按照S2定义的数据结构的规则，将商品列表的布局数据传递给前端；
S4、前端接收数据后将数据传递给adapter，adapter解析接收的数据，并计算各样式在屏幕显示的间距、位置；
S5、根据adapter计算的结果，使用原生绘图控件进行绘图展示。
本发明所述的Android商品列表的展示方法，步骤S1中：
adapter预先设置需要的样式控件，adapter预先设置需要的样式控件继承自View，用于解析接收的数据以及与绘图控件配合进行绘图显示。
adapter预先设置需要的样式控件需要支持的所有广告类型以及商品流类型,以应对多变的活动页面，以及多变的商品流展示效果。
本发明所述的Android商品列表的展示方法，步骤S2中：
规则1：定义数据结构为行嵌套列，数据结构的行是一个广告结构单元，定义数据结构的列是一个控件组合单元，那么，一个广告由多个列的单元控件组合而成；
规则2：一数组包含多个行，使得广告数量可以没有限制；
规则3：后端计算每个广告单元的宽高并传递前端，前端根据计算结果进行宽高限制显示，极大的方便了配置的灵活性，可适配不同大小的图片；
规则4：间距字段由后端传递给前端，间距字段控制前端每行之间的间距；
规则5：分割线字段由后端传递给前端，分割线字段控制广告顶部或者内部是否需要分割线分割广告，这极大的提高了UI展示效果，通常情况需要在图片上由美工画上分割线，由于android端屏幕尺寸各一，会造成分割线显示模糊，粗细不正确的情况发生，而原生绘制的分割线，展示清晰，无模糊现象出现；
规则6：后端的倒计时结构传递数据给前端，倒计时结构控制前端的倒计时显示。
使用规则而非固定数据约束UI展示极大的方便了客户端控件复用率，仅提供基础组件，所有复杂展示效果通过规则来确定，这样使得多变，灵活的页面UI展示成为可能。
本发明所述的Android商品列表的展示方法，步骤S5中：
重写View的onDraw方法，使用方法drawXXX，在原生绘图控件canvas上绘图。
一般技术封装了太多复杂的情况，是一种通用策略，而原生绘制是针对特定条件下进行的绘制，所以原生绘制的性能是大大高于一般技术的，主要原理是：避免了不必要的位置计算和图形渲染次数，原生绘制所带来的效果就是应用的流畅性，不带一点卡顿。
本发明所述的Android商品列表的展示方法，步骤S5中：
通过recyclerview来进行绘图后商品列表的页面展示，相比listview界面更为流畅。
本发明还提供一种Android商品列表的展示***1，包括：
样式提供组件定义模块11：自定义一样式提供组件adapter；
规则定义模块12：定义一数据结构的规则；
数据传递模块13：后端按照规则定义模块定义的数据结构的规则，将商品列表的布局数据传递给前端；
计算模块14：前端接收数据后将数据传递给adapter，adapter解析接收的数据，并计算各样式在屏幕显示的间距、位置；
绘图显示模块15：根据adapter计算的结果，使用原生绘图控件进行绘图展示。
本发明所述的Android商品列表的展示***1，样式提供组件定义模块11中：
adapter预先设置需要的样式控件，adapter预先设置需要的样式控件继承自View，用于解析接收的数据以及与绘图控件配合进行绘图显示。
本发明所述的Android商品列表的展示***1，规则定义模块12中：
定义数据结构为行嵌套列，数据结构的行是一个广告结构单元，定义数据结构的列是一个控件组合单元，一数组包含多个行，后端计算每个广告单元的宽高并传递前端，前端根据计算结果进行宽高限制显示，间距字段由后端传递给前端，间距字段控制前端每行之间的间距，分割线字段由后端传递给前端，分割线字段控制前端的分割线显示，后端的倒计时结构传递数据给前端，倒计时结构控制前端的倒计时显示。
本发明所述的Android商品列表的展示***1，绘图显示模块15中：
重写View的onDraw方法，使用方法drawXXX，在原生绘图控件canvas上绘图。
本发明所述的Android商品列表的展示***1，绘图显示模块15中：
通过recyclerview来进行绘图后商品列表的页面展示。
与现有技术相比，本发明的有益效果包括：摒弃Android提供的***自带基础控件，通过使用原生绘图控件绘制商品流和广告，简化复杂布局计算、快速渲染图形，从而提高绘图性能，用户浏览时不卡顿、展示快速；通过自定义一种格式化的数据结构来支持任意样式的商品流和广告，客户端不用做任何变更，只要服务端配置希望展示的界面效果的数据，前端显示屏幕就会如实展示，用户不需要更新应用，大大提高了灵活性，以及多样性。
以上所述本发明的具体实施方式，并不构成对本发明保护范围的限定。任何根据本发明的技术构思所做出的各种其他相应的改变与变形，均应包含在本发明权利要求的保护范围内。
Claims (10)
1.一种Android商品列表的展示方法，其特征在于，包括：
S1、自定义一样式提供组件adapter；
S2、定义一数据结构的规则；
S3、后端按照S2定义的数据结构的规则，将商品列表的布局数据传递给前端；
S4、前端接收数据后将数据传递给所述adapter，所述adapter解析接收的数据，并计算各样式在屏幕显示的间距、位置；
S5、根据所述adapter计算的结果，使用原生绘图控件进行绘图展示。
2.如权利要求1所述的Android商品列表的展示方法，其特征在于，步骤S1中：
所述adapter预先设置需要的样式控件，所述adapter预先设置需要的样式控件继承自View，用于解析接收的数据以及与绘图控件配合进行绘图显示。
3.如权利要求1所述的Android商品列表的展示方法，其特征在于，步骤S2中：
定义数据结构为行嵌套列，数据结构的行是一个广告结构单元，定义数据结构的列是一个控件组合单元，一数组包含多个行，后端计算每个广告单元的宽高并传递前端，前端根据计算结果进行宽高限制显示，间距字段由后端传递给前端，间距字段控制前端每行之间的间距，分割线字段由后端传递给前端，分割线字段控制前端的分割线显示，后端的倒计时结构传递数据给前端，倒计时结构控制前端的倒计时显示。
4.如权利要求1所述的Android商品列表的展示方法，其特征在于，步骤S5中：
重写View的onDraw方法，使用方法drawXXX，在原生绘图控件canvas上绘图。
5.如权利要求1所述的Android商品列表的展示方法，其特征在于，步骤S5中：
通过recyclerview来进行绘图后商品列表的页面展示。
6.一种Android商品列表的展示***，其特征在于，包括：
样式提供组件定义模块：自定义一样式提供组件所述adapter；
规则定义模块：定义一数据结构的规则；
数据传递模块：后端按照规则定义模块定义的数据结构的规则，将商品列表的布局数据传递给前端；
计算模块：前端接收数据后将数据传递给所述adapter，所述adapter解析接收的数据，并计算各样式在屏幕显示的间距、位置；
绘图显示模块：根据所述adapter计算的结果，使用原生绘图控件进行绘图展示。
7.如权利要求6所述的Android商品列表的展示***，其特征在于，样式提供组件定义模块中：
所述adapter预先设置需要的样式控件，所述adapter预先设置需要的样式控件继承自View，用于解析接收的数据以及与绘图控件配合进行绘图显示。
8.如权利要求6所述的Android商品列表的展示***，其特征在于，规则定义模块中：
定义数据结构为行嵌套列，数据结构的行是一个广告结构单元，定义数据结构的列是一个控件组合单元，一数组包含多个行，后端计算每个广告单元的宽高并传递前端，前端根据计算结果进行宽高限制显示，间距字段由后端传递给前端，间距字段控制前端每行之间的间距，分割线字段由后端传递给前端，分割线字段控制前端的分割线显示，后端的倒计时结构传递数据给前端，倒计时结构控制前端的倒计时显示。
9.如权利要求6所述的Android商品列表的展示***，其特征在于，绘图显示模块中：
重写View的onDraw方法，使用方法drawXXX，在原生绘图控件canvas上绘图。
10.如权利要求6所述的Android商品列表的展示***，其特征在于，绘图显示模块中：
通过recyclerview来进行绘图后商品列表的页面展示。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710057462.0A CN106919383A (zh) | 2017-01-26 | 2017-01-26 | 一种Android商品列表的展示方法及*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710057462.0A CN106919383A (zh) | 2017-01-26 | 2017-01-26 | 一种Android商品列表的展示方法及*** |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106919383A true CN106919383A (zh) | 2017-07-04 |
Family
ID=59453344
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710057462.0A Pending CN106919383A (zh) | 2017-01-26 | 2017-01-26 | 一种Android商品列表的展示方法及*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106919383A (zh) |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107908747A (zh) * | 2017-11-17 | 2018-04-13 | 深圳市泉眼网络科技有限公司 | 一种页面生成方法及装置 |
| CN108269120A (zh) * | 2017-11-29 | 2018-07-10 | 广东神马搜索科技有限公司 | 广告样式元数据配置方法及装置 |
| CN109144505A (zh) * | 2018-06-25 | 2019-01-04 | 阿里巴巴集团控股有限公司 | Android页面的展示方法和装置 |
| CN109324731A (zh) * | 2017-07-27 | 2019-02-12 | 环球智达科技（北京）有限公司 | 信息展现方法和装置 |
| CN109840115A (zh) * | 2017-11-27 | 2019-06-04 | 中移（杭州）信息技术有限公司 | 一种Android***中RecyclerView分页加载方法及装置 |
| CN109933323A (zh) * | 2019-03-15 | 2019-06-25 | 山东云缦智能科技有限公司 | 一种设置用户界面的方法及装置 |
| CN110188253A (zh) * | 2019-05-30 | 2019-08-30 | 北京字节跳动网络技术有限公司 | 一种信息展示方法、装置及存储介质 |
| CN110209447A (zh) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | 一种列表页数据显示方法以及列表页数据显示装置 |
| CN111126027A (zh) * | 2019-12-25 | 2020-05-08 | 北京锐安科技有限公司 | 一种列表生成方法、装置、设备及介质 |
| CN112418997A (zh) * | 2020-12-03 | 2021-02-26 | 政采云有限公司 | 一种用户界面显示方法、装置、设备及介质 |
| CN112506507A (zh) * | 2020-11-11 | 2021-03-16 | 海看网络科技(山东)股份有限公司 | 一种安卓展现时间轴的方法 |
| CN113268183A (zh) * | 2021-05-21 | 2021-08-17 | 北京自如信息科技有限公司 | 一种列表页面倒计时显示方法及装置 |
| CN112506507B (zh) * | 2020-11-11 | 2024-06-21 | 海看网络科技(山东)股份有限公司 | 一种安卓展现时间轴的方法 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101645006A (zh) * | 2009-08-25 | 2010-02-10 | 山东中创软件商用中间件股份有限公司 | 一种属性页的动态生成方法及装置 |
| CN103902634A (zh) * | 2012-12-30 | 2014-07-02 | 航天信息股份有限公司 | 利用Adapter实现View组件与数据库字段自动绑定的方法 |
| CN106293760A (zh) * | 2016-08-19 | 2017-01-04 | 成都卓影科技股份有限公司 | 一种epg的视图动态布局***及其方法 |
-
2017
- 2017-01-26 CN CN201710057462.0A patent/CN106919383A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101645006A (zh) * | 2009-08-25 | 2010-02-10 | 山东中创软件商用中间件股份有限公司 | 一种属性页的动态生成方法及装置 |
| CN103902634A (zh) * | 2012-12-30 | 2014-07-02 | 航天信息股份有限公司 | 利用Adapter实现View组件与数据库字段自动绑定的方法 |
| CN106293760A (zh) * | 2016-08-19 | 2017-01-04 | 成都卓影科技股份有限公司 | 一种epg的视图动态布局***及其方法 |
Non-Patent Citations (1)
| Title |
|---|
| 小_爽: ""Android UI设计——ListView控件和自定义Adapter（四）"", 《HTTPS://BLOG.CSDN.NET/TO_BE_DESIGNER/ARTICLE/DETAILS/47983017》 * |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109324731A (zh) * | 2017-07-27 | 2019-02-12 | 环球智达科技（北京）有限公司 | 信息展现方法和装置 |
| CN107908747A (zh) * | 2017-11-17 | 2018-04-13 | 深圳市泉眼网络科技有限公司 | 一种页面生成方法及装置 |
| CN109840115A (zh) * | 2017-11-27 | 2019-06-04 | 中移（杭州）信息技术有限公司 | 一种Android***中RecyclerView分页加载方法及装置 |
| CN108269120A (zh) * | 2017-11-29 | 2018-07-10 | 广东神马搜索科技有限公司 | 广告样式元数据配置方法及装置 |
| CN109144505B (zh) * | 2018-06-25 | 2022-03-01 | 创新先进技术有限公司 | Android页面的展示方法和装置 |
| CN109144505A (zh) * | 2018-06-25 | 2019-01-04 | 阿里巴巴集团控股有限公司 | Android页面的展示方法和装置 |
| CN109933323A (zh) * | 2019-03-15 | 2019-06-25 | 山东云缦智能科技有限公司 | 一种设置用户界面的方法及装置 |
| CN110209447A (zh) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | 一种列表页数据显示方法以及列表页数据显示装置 |
| CN110188253A (zh) * | 2019-05-30 | 2019-08-30 | 北京字节跳动网络技术有限公司 | 一种信息展示方法、装置及存储介质 |
| CN111126027A (zh) * | 2019-12-25 | 2020-05-08 | 北京锐安科技有限公司 | 一种列表生成方法、装置、设备及介质 |
| CN112506507A (zh) * | 2020-11-11 | 2021-03-16 | 海看网络科技(山东)股份有限公司 | 一种安卓展现时间轴的方法 |
| CN112506507B (zh) * | 2020-11-11 | 2024-06-21 | 海看网络科技(山东)股份有限公司 | 一种安卓展现时间轴的方法 |
| CN112418997A (zh) * | 2020-12-03 | 2021-02-26 | 政采云有限公司 | 一种用户界面显示方法、装置、设备及介质 |
| CN113268183A (zh) * | 2021-05-21 | 2021-08-17 | 北京自如信息科技有限公司 | 一种列表页面倒计时显示方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106919383A (zh) | 一种Android商品列表的展示方法及*** | |
| CN105373567B (zh) | 页面生成方法及客户端 | |
| CN103530594B (zh) | 一种提供增强现实的方法、***及终端 | |
| CN108509526A (zh) | 用于动态布局移动应用的界面元素的方法和装置 | |
| US20130073951A1 (en) | Display control program, recording medium recording display control program, display control apparatus, and display control method | |
| US11727197B2 (en) | System and method for serving interactive advertising content with responsive animations | |
| CN105528408A (zh) | 页面展示方法和装置 | |
| US20140033018A1 (en) | Method and system for automatically generating social network site page based on electronic document content | |
| CN109062653B (zh) | 长图文信息显示方法、计算机装置及计算机可读存储介质 | |
| WO2008116072A1 (en) | Methods and systems for creating interactive advertisements | |
| CN110647272A (zh) | 一种显示控制方法及装置 | |
| CN106502659A (zh) | 一种移动设备网页单页面的布局方法及*** | |
| CN104965813B (zh) | 文字素材的处理方法和装置 | |
| CN114579223A (zh) | 一种界面布局方法、电子设备和计算机可读存储介质 | |
| CN109087139A (zh) | 用于feed流的广告投放方法及装置 | |
| CN108134906A (zh) | 图像处理方法及其*** | |
| JP6813400B2 (ja) | 情報表示プログラム、情報表示方法、および端末装置 | |
| CN112346610A (zh) | 多层级可选项选择组件的实现方法、电子设备及存储介质 | |
| CN109948084A (zh) | 网页信息的展示方法、装置、介质及计算设备 | |
| CN110457618A (zh) | 信息展示方法和装置 | |
| CN108304118B (zh) | 截图方法及装置 | |
| CN110209965A (zh) | 用于显示信息的方法和装置 | |
| CN109472740A (zh) | 基于Web前端生成图形的方法和装置 | |
| CN113569532B (zh) | 一种html编辑方法、装置、电子设备及计算机可读存储介质 | |
| CN111459476A (zh) | 一种组件展示方法、组件展示***及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170704 |