CN108415704A - 一种基于云同步的可定制卡片式ui框架设计方法 - Google Patents
一种基于云同步的可定制卡片式ui框架设计方法 Download PDFInfo
- Publication number
- CN108415704A CN108415704A CN201810159458.XA CN201810159458A CN108415704A CN 108415704 A CN108415704 A CN 108415704A CN 201810159458 A CN201810159458 A CN 201810159458A CN 108415704 A CN108415704 A CN 108415704A
- Authority
- CN
- China
- Prior art keywords
- card
- interface
- information
- stock
- cloud
- 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.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- 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
- G06Q40/00—Finance; Insurance; Tax strategies; Processing of corporate or income taxes
- G06Q40/04—Trading; Exchange, e.g. stocks, commodities, derivatives or currency exchange
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- Development Economics (AREA)
- General Business, Economics & Management (AREA)
- Technology Law (AREA)
- Strategic Management (AREA)
- Marketing (AREA)
- Economics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开一种基于云同步的可定制卡片式UI框架设计方法,包括:对股票界面UI元素进行卡片化抽象,对该进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计,从而达到实现将各种UI元素抽象成卡片,界面渲染时动态加载,借助云端技术,实现一份配置多端共享,通过实现对UI元素到卡片的抽象,通过卡片将UI元素与页面布局解耦,配合动态加载,满足不同用户不同呈现的个性化需求,同时结合云端配置,实现同一用户多个终端相同呈现,很好的解决更换设备带来的重复设置工作。
Description
技术领域
本发明涉及股票技术领域,尤其涉及一种基于云同步的可定制卡片式UI框架设计方法。
背景技术
现有的UI框架设计模式,都是按照既定的元素和顺序来渲染界面,一个界面都是同一种呈现,在界面渲染前所有的布局和UI元素都已确认,整个过程用户没有干预的能力,无法按照客户希望的效果来呈现,无法支持不同用户的个性化需求。
发明内容
本发明提供一种基于云同步的可定制卡片式UI框架设计方法,用以解决现有技术在界面渲染前所有的布局和UI元素都已确认,整个过程用户没有干预的能力,无法按照客户希望的效果来呈现,无法支持不同用户的个性化需求的技术问题。
为解决上述技术问题,本发明提供一种基于云同步的可定制卡片式UI框架设计方法,包括:
对股票界面UI元素进行卡片化抽象;
对所述进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计。
其中,所述对股票界面UI元素进行卡片化抽象,包括:
收集整理股票行情数据,结合产品形态进行有效聚合;
根据所述有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象。
其中,所述收集整理股票行情数据,结合产品形态进行有效聚合,包括:
收集整理股票行情数据,结合产品形态进行有效聚合,进行有效聚合后的股票行情数据包括股票基本信息、报价信息、K线图表信息、逐笔成交信息、买卖档信息、买卖经纪信息、资金分布信息、资金流向信息、新闻、评论、财报信息。
其中,所述根据所述有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象,包括:
根据所述有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象,抽象后的所述卡片信息包括卡片的唯一标识ID、卡片名称、卡片的展示顺序、是否显示的标识、是否允许移动的标识。
其中,所述对所述进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计,包括:
对所述进行卡片化抽象后的股票界面UI元素进行数据预处理;
对所述预处理后的数据进行界面渲染;
对所述进行界面渲染的数据进行自定义界面元素;
对所述进行自定义界面后的元素进行云同步界面配置。
其中,所述对所述进行卡片化抽象后的股票界面UI元素进行数据预处理,包括:
确认初始的界面布局,包括各个卡片的顺序、显示/隐藏信息;
根据获取的配置信息,逐一转换成相应的卡片;
生成最终的卡片列表。
其中,所述确认初始的界面布局,包括各个卡片的顺序、显示/隐藏信息,包括:
从云端读取用户的配置信息,根据所述从云端读取用户的配置信息,确认初始的界面布局,包括各个卡片的顺序、显示/隐藏信息。
其中,所述对所述预处理后的数据进行界面渲染,包括:
将生成的卡片转换成相应的UI元素;
根据卡片的加载顺序和坐标信息进行UI元素的布局、测量;
绘制卡片。
其中,所述对所述进行界面渲染的数据进行自定义界面元素,包括:
用户自由调整卡片顺序、设置是否展示;
根据用户设置好的卡片顺序和显隐状态,生成配置表。
其中,所述对所述进行自定义界面后的元素进行云同步界面配置,包括:
调整卡片顺序、显示隐藏与否;
生成配置;
将所述生成的配置的配置表同步到云端。
本发明提供的基于云同步的可定制卡片式UI框架设计方法,包括:对股票界面UI元素进行卡片化抽象,对该进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计,从而达到实现将各种UI元素抽象成卡片,界面渲染时动态加载,借助云端技术,实现一份配置多端共享,通过实现对UI元素到卡片的抽象,通过卡片将UI元素与页面布局解耦,配合动态加载,满足不同用户不同呈现的个性化需求,同时结合云端配置,实现同一用户多个终端相同呈现,很好的解决更换设备带来的重复设置工作。
附图说明
图1为本发明基于云同步的可定制卡片式UI框架设计方法的流程示意图。
具体实施方式
下面结合附图和实施例,对本发明作进一步的详细描述。特别指出的是,以下实施例仅用于说明本发明,但不对本发明的范围进行限定。同样的,以下实施例仅为本发明的部分实施例而非全部实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
本发明提供一种基于云同步的可定制卡片式UI框架设计方法。
请参见图1,图1为本发明基于云同步的可定制卡片式UI框架设计方法的流程示意图,本发明基于云同步的可定制卡片式UI框架设计方法,包括:
S101:对股票界面UI元素进行卡片化抽象。
其中,对股票界面UI元素进行卡片化抽象,包括:
收集整理股票行情数据,结合产品形态进行有效聚合;
根据该有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象。
其中,收集整理股票行情数据,结合产品形态进行有效聚合,包括:
收集整理股票行情数据,结合产品形态进行有效聚合,进行有效聚合后的股票行情数据包括股票基本信息、报价信息、K线图表信息、逐笔成交信息、买卖档信息、买卖经纪信息、资金分布信息、资金流向信息、新闻、评论、财报信息等。
其中,根据该有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象,包括:
根据该有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象,抽象后的该卡片信息包括卡片的唯一标识ID、卡片名称、卡片的展示顺序、是否显示的标识、是否允许移动的标识等。
S102:对该进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计。
其中,对该进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计,包括:
对该进行卡片化抽象后的股票界面UI元素进行数据预处理;
对该预处理后的数据进行界面渲染;
对该进行界面渲染的数据进行自定义界面元素;
对该进行自定义界面后的元素进行云同步界面配置。
其中,对该进行卡片化抽象后的股票界面UI元素进行数据预处理,包括:
确认初始的界面布局,包括各个卡片的顺序、显示/隐藏等信息;
根据获取的配置信息,逐一转换成相应的卡片;
生成最终的卡片列表。
其中,确认初始的界面布局,包括各个卡片的顺序、显示/隐藏等信息,包括:
从云端读取用户的配置信息,根据该从云端读取用户的配置信息,确认初始的界面布局,包括各个卡片的顺序、显示/隐藏等信息。
其中,对该预处理后的数据进行界面渲染,包括:
将生成的卡片转换成相应的UI元素;
根据卡片的加载顺序和坐标信息进行UI元素的布局、测量;
绘制卡片。
其中,对该进行界面渲染的数据进行自定义界面元素,包括:
用户自由调整卡片顺序、设置是否展示;
生成配置表。
其中,生成配置表,包括:
根据用户设置好的卡片顺序和显隐状态,生成配置表。
其中,对该进行自定义界面后的元素进行云同步界面配置,包括:
调整卡片顺序、显示隐藏与否;
生成配置;
将该生成的配置的配置表同步到云端。
本发明提供的基于云同步的可定制卡片式UI框架设计方法,包括:对股票界面UI元素进行卡片化抽象,对该进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计,从而达到实现将各种UI元素抽象成卡片,界面渲染时动态加载,借助云端技术,实现一份配置多端共享,通过实现对UI元素到卡片的抽象,通过卡片将UI元素与页面布局解耦,配合动态加载,满足不同用户不同呈现的个性化需求,同时结合云端配置,实现同一用户多个终端相同呈现,很好的解决更换设备带来的重复设置工作。
本发明提供的基于云同步的可定制卡片式UI框架设计方法,可快速实现用户对界面的个性化定制、并做到多终端同步。
本发明提供的基于云同步的可定制卡片式UI框架设计方法,可以满足用户的个性化需求,用户可以定制界面呈现的元素和顺序;可以自动同步用户已有的设置,用户定制好的界面呈现,可以自动同步到所有其他设备,极大减轻更换新设备带来的麻烦。
本发明提供的基于云同步的可定制卡片式UI框架设计方法,聚合了股票所有的行情信息,包括报价、k线图、买卖档、买卖经纪、新闻、评论、财报、机构分析等等。
本发明提供的基于云同步的可定制卡片式UI框架设计方法,完全实现了用户的个性化需求,提升产品设计中用户的参与度,减轻用户重复设置工作。
本发明提供的基于云同步的可定制卡片式UI框架设计方法,通过对需求中各类信息的有效聚合,实现UI元素到卡片的抽象。
本发明提供的基于云同步的可定制卡片式UI框架设计方法,支持用户自定义各种UI元素的展示顺序和显隐状态,调整后立即生效;将用户自定义的UI元素展示顺序和显隐状态转换成配置表同步到云端,实现多终端功效。
在本发明所提供的几个实施方式中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施方式仅仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施方式方案的目的。
另外,在本发明各个实施方式中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明各个实施方式方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,RandomAccess Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅为本发明的部分实施例,并非因此限制本发明的保护范围,凡是利用本发明说明书及附图内容所作的等效装置或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种基于云同步的可定制卡片式UI框架设计方法,其特征在于,包括:
对股票界面UI元素进行卡片化抽象;
对所述进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计。
2.如权利要求1所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述对股票界面UI元素进行卡片化抽象,包括:
收集整理股票行情数据,结合产品形态进行有效聚合;
根据所述有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象。
3.如权利要求2所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述收集整理股票行情数据,结合产品形态进行有效聚合,包括:
收集整理股票行情数据,结合产品形态进行有效聚合,进行有效聚合后的股票行情数据包括股票基本信息、报价信息、K线图表信息、逐笔成交信息、买卖档信息、买卖经纪信息、资金分布信息、资金流向信息、新闻、评论、财报信息。
4.如权利要求2所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述根据所述有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象,包括:
根据所述有效聚合的聚合结果,对待展现的各个股票信息进行卡片式抽象,抽象后的所述卡片信息包括卡片的唯一标识ID、卡片名称、卡片的展示顺序、是否显示的标识、是否允许移动的标识。
5.如权利要求1所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述对所述进行卡片化抽象后的股票界面UI元素进行定制化UI框架设计,包括:
对所述进行卡片化抽象后的股票界面UI元素进行数据预处理;
对所述预处理后的数据进行界面渲染;
对所述进行界面渲染的数据进行自定义界面元素;
对所述进行自定义界面后的元素进行云同步界面配置。
6.如权利要求5所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述对所述进行卡片化抽象后的股票界面UI元素进行数据预处理,包括:
确认初始的界面布局,包括各个卡片的顺序、显示/隐藏信息;
根据获取的配置信息,逐一转换成相应的卡片;
生成最终的卡片列表。
7.如权利要求6所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述确认初始的界面布局,包括各个卡片的顺序、显示/隐藏信息,包括:
从云端读取用户的配置信息,根据所述从云端读取用户的配置信息,确认初始的界面布局,包括各个卡片的顺序、显示/隐藏信息。
8.如权利要求5所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述对所述预处理后的数据进行界面渲染,包括:
将生成的卡片转换成相应的UI元素;
根据卡片的加载顺序和坐标信息进行UI元素的布局、测量;
绘制卡片。
9.如权利要求5所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述对所述进行界面渲染的数据进行自定义界面元素,包括:
用户自由调整卡片顺序、设置是否展示;
根据用户设置好的卡片顺序和显隐状态,生成配置表。
10.如权利要求5所述的基于云同步的可定制卡片式UI框架设计方法,其特征在于,所述对所述进行自定义界面后的元素进行云同步界面配置,包括:
调整卡片顺序、显示隐藏与否;
生成配置;
将所述生成的配置的配置表同步到云端。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810159458.XA CN108415704A (zh) | 2018-02-26 | 2018-02-26 | 一种基于云同步的可定制卡片式ui框架设计方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810159458.XA CN108415704A (zh) | 2018-02-26 | 2018-02-26 | 一种基于云同步的可定制卡片式ui框架设计方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108415704A true CN108415704A (zh) | 2018-08-17 |
Family
ID=63129009
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810159458.XA Withdrawn CN108415704A (zh) | 2018-02-26 | 2018-02-26 | 一种基于云同步的可定制卡片式ui框架设计方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108415704A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111124572A (zh) * | 2019-12-13 | 2020-05-08 | 深圳市富途网络科技有限公司 | 基于关联股票的展示方法、装置、客户端及存储介质 |
CN113823366A (zh) * | 2020-06-16 | 2021-12-21 | 广州莲印医疗科技有限公司 | 一种妇幼保健数据智能管理方法与系统 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050010522A1 (en) * | 2003-07-10 | 2005-01-13 | Finalabo Co., Ltd. | Management system for open position with indication for loss cut and held stock management system with indication for loss cut |
EP2388692A1 (en) * | 2010-05-18 | 2011-11-23 | Sap Ag | In-place user interface and dataflow modeling |
US20130219253A1 (en) * | 2012-02-22 | 2013-08-22 | Chidopi Co., Ltd. | Editing systems and methods |
US9075631B2 (en) * | 2011-10-18 | 2015-07-07 | Blackberry Limited | Method of rendering a user interface |
CN106354512A (zh) * | 2016-09-08 | 2017-01-25 | 广州华多网络科技有限公司 | 用户界面渲染方法及装置 |
CN107704243A (zh) * | 2017-10-19 | 2018-02-16 | 用友网络科技股份有限公司 | 前端界面的构建方法及装置、计算机设备和存储介质 |
-
2018
- 2018-02-26 CN CN201810159458.XA patent/CN108415704A/zh not_active Withdrawn
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050010522A1 (en) * | 2003-07-10 | 2005-01-13 | Finalabo Co., Ltd. | Management system for open position with indication for loss cut and held stock management system with indication for loss cut |
EP2388692A1 (en) * | 2010-05-18 | 2011-11-23 | Sap Ag | In-place user interface and dataflow modeling |
US9075631B2 (en) * | 2011-10-18 | 2015-07-07 | Blackberry Limited | Method of rendering a user interface |
US20130219253A1 (en) * | 2012-02-22 | 2013-08-22 | Chidopi Co., Ltd. | Editing systems and methods |
CN106354512A (zh) * | 2016-09-08 | 2017-01-25 | 广州华多网络科技有限公司 | 用户界面渲染方法及装置 |
CN107704243A (zh) * | 2017-10-19 | 2018-02-16 | 用友网络科技股份有限公司 | 前端界面的构建方法及装置、计算机设备和存储介质 |
Non-Patent Citations (1)
Title |
---|
黄昏依恋: "以用户的名义:富途牛牛PC版特性解析", 《知乎》 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111124572A (zh) * | 2019-12-13 | 2020-05-08 | 深圳市富途网络科技有限公司 | 基于关联股票的展示方法、装置、客户端及存储介质 |
CN113823366A (zh) * | 2020-06-16 | 2021-12-21 | 广州莲印医疗科技有限公司 | 一种妇幼保健数据智能管理方法与系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104657420B (zh) | 页面展示方法和系统 | |
CN106909333B (zh) | 显示屏的配屏方法及装置 | |
CN107908747A (zh) | 一种页面生成方法及装置 | |
CN109542352B (zh) | 用于存储数据的方法和装置 | |
CN108415704A (zh) | 一种基于云同步的可定制卡片式ui框架设计方法 | |
CN104115142A (zh) | 用于书签同步的特定于设备的文件夹 | |
CN106204150A (zh) | 一种向移动终端投放广告的方法及装置 | |
CN105912328B (zh) | web系统页面的显示方法、装置及web系统 | |
CN109857810A (zh) | 基于区块链的数据同步装置及方法 | |
CN110019242A (zh) | 用于数据表的处理方法、装置和系统 | |
CN104408193A (zh) | 数据可视化模型的处理方法及装置 | |
Ashikaga et al. | Locating order-disorder phase transition in a cardiac system | |
CN107682306A (zh) | 数据传输方法及装置 | |
CN103412860B (zh) | 数据库扩展方法、数据库扩展装置和数据库系统 | |
CN107179943A (zh) | 一种资源配置装置及资源配置方法 | |
Bembom et al. | Statistical methods for analyzing sequentially randomized trials | |
CN107909628A (zh) | 一种文字处理系统及方法 | |
CN107392518A (zh) | 一种超市管理系统 | |
CN105391758B (zh) | 一种局域网中资源分配的方法和装置 | |
CN107861671A (zh) | 一种卡片式展示股票右侧栏信息的方法 | |
CN109224451B (zh) | 基于区块链子链的游戏开发方法、设备以及存储介质 | |
CN104750390B (zh) | 桌面图标的显示方法、装置及电子设备 | |
CN110458696A (zh) | 存款利息调整方法、装置、计算机系统和介质 | |
CN105912466B (zh) | 应用异常信息的处理方法及装置 | |
CN111786930A (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 | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20180817 |
|
WW01 | Invention patent application withdrawn after publication |