CN110515685A - 一种信息流展示方法与设备 - Google Patents
一种信息流展示方法与设备 Download PDFInfo
- Publication number
- CN110515685A CN110515685A CN201910712629.1A CN201910712629A CN110515685A CN 110515685 A CN110515685 A CN 110515685A CN 201910712629 A CN201910712629 A CN 201910712629A CN 110515685 A CN110515685 A CN 110515685A
- Authority
- CN
- China
- Prior art keywords
- information
- item
- visible controls
- controls
- channel
- 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72448—User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions
- H04M1/72454—User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions according to context-related or environment-related conditions
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Environmental & Geological Engineering (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请的目的是提供一种信息流展示方法,该方法包括在用户设备中应用的窗口竖屏呈现第一可视控件,以及显示于所述第一可视控件内的多个第一可视子控件,其中,每个第一可视子控件用于呈现第一信息流中的一个信息项;响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现第二信息流中的一个信息项。以通过至少两个第二可视控件呈现更多的信息,并且,通过分别在至少两个第二可视控件中进行信息的展示,从而保证展示内容不失真。
Description
技术领域
本申请涉及通信领域,尤其涉及一种用于信息流展示的技术。
背景技术
随着时代的发展,越来越多的用户通过用户设备查看新闻、视频等信息。在实际的使用过程中,不免会进行竖屏与横屏之间的切换。通常情况下,信息流在用户设备中是以竖屏的方式进行展示的。当信息流在用户设备中是以横屏的方式进行展示时(例如用户将用户设备由竖屏转换为竖屏),由于用户设备的高度和宽度不一致,横屏状态下的用户设备的显示界面与信息流展示内容之间会存在空白区域;或者,用户设备在横屏状态下,信息流展示内容的宽度和用户设备的宽度一致,即横屏时,全屏展示信息流的展示内容,会造成信息流展示内容失真。
发明内容
本申请的一个目的是提供一种信息流展示方法与设备。
根据本申请的一个方面,提供了一种信息流展示方法,该方法包括:
在用户设备中应用的窗口竖屏呈现第一可视控件,以及显示于所述第一可视控件内的多个第一可视子控件,其中,每个第一可视子控件用于呈现第一信息流中的一个信息项;
响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现第二信息流中的一个信息项。
根据本申请的另一个方面,提供了一种信息流展示设备,该设备包括:
一一模块,用于在用户设备中应用的窗口竖屏呈现第一可视控件,以及显示于所述第一可视控件内的多个第一可视子控件,其中,每个第一可视子控件用于呈现第一信息流中的一个信息项;
一二模块,用于响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现第二信息流中的一个信息项。
根据本申请的一个方面,提供了一种信息流展示设备,该设备包括:
处理器;以及
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行如上所述任一方法的操作。
根据本申请的另一个方面,提供了存储指令的计算机可读介质,所述指令在被执行时使得系统进行如上所述任一方法的操作。
与现有技术相比,本申请通过响应于用户设备的横屏切换事件,在应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现第二信息流中的一个信息项,以通过至少两个第二可视控件呈现更多的信息,并且,通过分别在至少两个第二可视控件中进行信息的展示,从而保证展示内容不失真。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1示出根据本申请一个实施例的一种信息流展示方法流程图;
图2示出根据本申请一个实施例的一种信息流展示的效果示意图;
图3示出根据本申请一个实施例的一种信息流展示的效果示意图;
图4示出根据本申请另一个实施例的一种信息流展示的效果示意图;
图5示出根据本申请另一个实施例的一种信息流展示的效果示意图;
图6示出根据本申请又一个实施例的一种信息流展示的效果示意图;
图7示出根据本申请另一个实施例的一种信息流展示的效果示意图;
图8示出根据本申请一个实施例的一种信息流展示方法流程图;
图9示出根据本申请一个实施例的一种信息流展示设备结构图;
图10示出可用于本申请各实施例的一种示例性系统的功能模块。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本申请作进一步详细描述。
在本申请一个典型的配置中,终端、服务网络的设备和可信方均包括一个或多个处理器(例如,中央处理器(Central Processing Unit,CPU))、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RandomAccess Memory,RAM)和/或非易失性内存等形式,如只读存储器(Read Only Memory,ROM)或闪存(Flash Memory)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(Phase-Change Memory,PCM)、可编程随机存取存储器(Programmable Random Access Memory,PRAM)、静态随机存取存储器(Static Random-Access Memory,SRAM)、动态随机存取存储器(Dynamic Random AccessMemory,DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(Electrically-Erasable Programmable Read-Only Memory,EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、数字多功能光盘(Digital Versatile Disc,DVD)或其他光学存储、磁盒式磁带,磁带磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。
本申请所指设备包括但不限于用户设备、网络设备、或用户设备与网络设备通过网络相集成所构成的设备。所述用户设备包括但不限于任何一种可与用户进行人机交互(例如通过触摸板进行人机交互)的移动电子产品,例如智能手机、平板电脑等,所述移动电子产品可以采用任意操作系统,如android操作系统、iOS操作系统等。其中,所述网络设备包括一种能够按照事先设定或存储的指令,自动进行数值计算和信息处理的电子设备,其硬件包括但不限于微处理器、专用集成电路(Application Specific IntegratedCircuit,ASIC)、可编程逻辑器件(Programmable Logic Device,PLD)、现场可编程门阵列(Field Programmable Gate Array,FPGA)、数字信号处理器(Digital Signal Processor,DSP)、嵌入式设备等。所述网络设备包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云;在此,云由基于云计算(Cloud Computing)的大量计算机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个虚拟超级计算机。所述网络包括但不限于互联网、广域网、城域网、局域网、VPN网络、无线自组织网络(Ad Hoc网络)等。优选地,所述设备还可以是运行于所述用户设备、网络设备、或用户设备与网络设备、网络设备、触摸终端或网络设备与触摸终端通过网络相集成所构成的设备上的程序。
当然,本领域技术人员应能理解上述设备仅为举例,其他现有的或今后可能出现的设备如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
在本申请的描述中,“多个”的含义是两个或者更多,除非另有明确具体的限定。
信息流有广义和狭义两种。广义指在空间和时间上向同一方向运动过程中的一组信息,它们有共同的信息源和信息的接收者,即由一个信息源向另一个单位传递的全部信息的集合。狭义指信息的传递运动,这种传递运动是在现代信息技术研究、发展、应用的条件中,信息按照一定要求通过一定渠道进行的。信息流的狭义定义是从现代信息技术研究、发展、应用的角度看,指的是信息处理过程中信息在计算机系统和通信网络中的流动。
控件是指对数据和方法的封装,控件可以有自己的属性和方法,其中属性是控件数据的简单访问者,方法则是控件的一些简单而可见的功能、控件创建过程包括设计、开发、调试(就是所谓的3Ds开发流程,即Design、Develop、Debug)工作,然后是控件的使用。在此,本领域技术人员应能理解,本申请所述的“第一可视控件”“第一可视子控件”“第二可视控件”“第二可视子控件”“第三可视控件”“第三可视子控件”的实现原理与所述控件相同。
图1示出了根据本申请一个实施例的一种信息流展示方法,该方法包括步骤S101以及步骤S102。
具体而言,在步骤S101中,在用户设备中应用的窗口竖屏呈现第一可视控件,以及显示于所述第一可视控件内的多个第一可视子控件,其中,每个第一可视子控件用于呈现第一信息流中的一个信息项。在一些实施例中,所述用户设备包括但不限于手机、平板、计算机等计算设备。在一些实施例中,用户设备安装有应用(例如社交应用、视频应用、新闻应用等),该应用通过窗口进行信息(例如文字、动画、视频等信息)的呈现。在一些实施例中,该窗口通过第一可视控件进行信息流的呈现,在一些实施例中,所述第一可视控件包括但不限于列表控件(例如,该应用的窗口通过该第一可视控件可呈现出多条信息项)。在一些实施例中,该应用的窗口竖屏呈现该第一可视控件,例如,该第一可视控件的上下方向与该用户设备的屏幕的长边相平行。在一些实施例中,该第一可视控件中通过多个第一可视子控件进行信息项的呈现。在一些实施例中,所述信息项包括但不限于新闻条目、选项信息等。在一些实施例中,通过点击该信息项可查看该信息项(例如新闻条目)对应的详情页信息(例如新闻详情页)。如图2所示,用户设备通过应用的窗口呈现第一可视控件,从信息项1到信息项7为该第一可视控件的上下方向,该第一可视控件的上下方向与该用户设备屏幕的长边相平行。继续参见图2,该第一可视控件通过七个第一可视子控件进行信息项的呈现,其中,该信息项可以是新闻条目(例如新闻1、新闻2、新闻3…)。
在步骤S102中,响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现第二信息流中的一个信息项。在一些实施例中,将用户手握用户设备的方向发生改变时(例如用户从竖屏观看用户设备转为横屏观看该用户设备),确定为所述横屏切换事件。在一些实施例中,用户设备通过传感器(例如重力传感器、陀螺仪、加速度传感器等)监听该横屏切换事件。在一些实施例中,所述应用获取该横屏切换事件,并基于该横屏切换事件在应用的窗口横屏呈现(例如该第二可视控件的上下方向与该用户设备的屏幕的长边相垂直)至少两个第二可视控件。图3至图7示出了用户设备响应于该横屏切换事件呈现至少两个第二可视控件的几种方式,具体介绍请参见下面的实施例,其中,参见图3(a)所示,例如,用户将用户设备从竖屏转为横屏,用户设备响应于该横屏切换事件,在应用的窗口通过一个第二可视控件(例如该窗口左边的第二可视控件)显示三个第二可视子控件,其中,该三个第二可视子控件分别呈现信息项1(例如新闻1)、信息项2(例如新闻2)以及信息项3(例如新闻3);在该应用的窗口通过另一个第二可视控件(例如该窗口右边的第二可视控件)显示三个第二可视子控件,其中,该三个第二可视子控件分别呈现信息项4(例如新闻4)、信息项5(例如新闻5)以及信息项6(例如新闻6)。
例如,用户设备中安装有应用J(例如新闻类应用),用户竖屏手握该用户设备,该用户设备通过图2所示的方式呈现出七条信息项(例如七条新闻),其中,该七条信息项属于第一信息流中的内容,该第一信息流通过第一可视控件进行呈现,每一条信息项通过第一可视子控件进行呈现。当用户将用户设备由竖屏转为横屏时,用户设备通过传感器监测到该横屏切换事件,并将该横屏切换事件发送给该应用J,该应用J响应于该横屏切换事件,将该第一信息流切割成左右两部分,并在该应用J的窗口通过第二可视控件呈现第二信息流,在一些实施例中,该第二信息流包括该第一信息流的全部,如图3(a)所示,在窗口的左边通过一个第二可视控件展示信息项1至信息项3,在该窗口的右边通过另一个第二可视控件展示信息项4至信息项6,其中,每个信息项通过第二可视子控件进行展示。在该实施例中,第二信息流包括第一信息流的全部,当用户设备从竖屏转为横屏时,通过两个第二可视控件展示该第二信息流,在充分利用屏幕呈现空间的同时,保证所呈现的内容不失真。
在一些实施例中,所述第二信息流包括所述第一信息流的部分或全部。例如,所述第二信息流包括所述第一信息流的至少一项。在一些实施例中,该第二信息流与该第一信息流之间存在关联关系。例如,横屏切换后的第二信息流包括该第一信息流的全部,参考图2,第一信息流包括信息项1、信息项2、信息项3、信息项4、信息项5、信息项6、信息项7,每个信息项通过第一可视子控件进行展示,响应于用户设备的横屏切换事件,参考图3(a),该应用的窗口通过第二可视控件继续呈现该信息项1、信息项2、信息项3、信息项4、信息项5、信息项6。在一些实施例中,参考图3(b),响应于用户对该信息项1、信息项2、信息项3、信息项4、信息项5、信息项6中任一个信息项的拖动操作,在第二可视控件中呈现该信息项7。再例如,横屏切换后的第二信息流包括该第一信息流的部分,参考图2,第一信息流包括信息项1、信息项2、信息项3、信息项4、信息项5、信息项6、信息项7,每个信息项通过第一可视子控件进行展示,响应于用户设备的横屏切换事件,参考图7,在左边的信息项可视控件中继续呈现该信息项1、信息项2以及信息项3,而右边通过详情页可视控件呈现详情页面信息。
在一些实施例中,所述步骤S102包括:响应于所述用户设备的横屏切换事件,执行信息流刷新操作以获取第二信息流,并在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现所述第二信息流中的一个信息项。在一些实施例中,所述第一信息流的内容与第二信息流的内容不同(例如所述第一信息流与所述第二信息流对应于不同的频道项)。在一些实施例中,该第二信息流与该第一信息流之间不存在关联关系。例如,参考图2,第一信息流包括信息项1、信息项2、信息项3、信息项4、信息项5、信息项6、信息项7,每个信息项通过第一可视子控件进行展示,响应于用户设备的横屏切换事件,用户设备刷新该第一信息流,获取第二信息流,并通过第二可视控件呈现第二信息流,例如,该第二信息流包括信息项1’、信息项2’、信息项3’、信息项4’、信息项5’、信息项6’、信息项7’。在一些实施例中,该第二信息流包括处于激活状态的频道项所对应的多条信息项。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括以下任一项:
(1)所述多个第二可视子控件分别显示于所述至少两个第二可视控件内,其中,所述多个第二可视子控件按序显示于所述至少两个第二可视控件内。例如,参考图3(a)所示的信息流展示方式的效果示意图。响应于用户设备的横屏切换事件,该应用的窗口同时展示有两个第二可视控件。在该图3(a)中,左边的第二可视控件通过三个第二可视子控件分别呈现信息项1、信息项2以及信息项3;右边的第二可视控件通过三个第二可视子控件分别呈现信息项4、信息项5以及信息项6。在一些实施例中,该信息1至信息项6按照先后顺序显示在该两个第二可视控件内。在此,本领域技术人员应能理解,本实施例中所述的在左边和右边的第二可视控件中分别呈现三个第二可视子控件仅为举例,在另一些实施例中,也可以分别在左边和右边的第二可视控件中分别呈现四个或者更多的第二可视子控件,以呈现更多的内容,从而充分利用呈现空间。在一些实施例中,第二信息流包括第一信息流的全部,例如,图2所示的为用户设备竖屏时所展示的第一信息流的内容,图3(a)为该用户设备横屏时所展示的第二信息流的内容,即在该用户设备横屏时,仍能尽可能的显示出该用户设备在竖屏时所呈现出的七条信息项,并通过两个第二可视控件的方式呈现该多条信息项,以保证每条信息项在展示的过程中都不失真。
(2)所述至少两个第二可视控件中每个第二可视控件对应于频道可视控件中的一个频道项,所述多个第二可视子控件按其所属的频道项显示于对应的第二可视控件内,其中,所述频道可视控件横屏呈现于所述应用的窗口。例如,如图5所示,响应于横屏切换事件,在该应用的窗口中添加频道可视控件。在一些实施例中,该横屏可视控件横屏呈现在该应用的窗口,例如,参考图5,该频道可视控件的左右方向与该用户设备的长边相平行。在一些实施例中,该频道可视控件通过多个频道可视子控件频道项,例如,如图5所示,频道可视控件中呈现有频道项1、频道项2、频道项3、频道项4、频道项5。在该频道可视控件的下方通过两个第二可视控件分别呈现多个第二可视子控件。当然,本领域技术人员应能理解,在此,第二可视控件的数量仅为举例,也可以包括更多个第二可视控件,以在不失真的前提下,通过多个第二可视控件呈现更多的内容。在一些实施例中,所述多个第二可视子控件用于呈现信息项,每个频道项对应有一个或多个第二可视控件,例如,在图5中,显示信息项1和信息项2的第二可视子控件属于频道项1,显示信息项1’以及信息项2’的第二可视子控件属于频道项2。在一些实施例中,在第二可视控件中显示的是被选中的频道项所属的第二可视子控件所显示的信息项;在另一些实施例中,第二信息流包括第一信息流的部分,所述第二可视控件中所显示的内容包括用户设备在竖屏时第一可视控件所显示的内容,例如,用户设备由图2所示的竖屏转为横屏时,图5中左边的第二可视控件所示的信息项1和信息项2为图2中的信息项1和信息项2,图5中右边的第二可视控件所示的信息项1’以及信息项2’属于被选中的频道项。在本实施例中,用户可对比通过属于不同频道项的第二可视子控件所显示的信息流,并通过点击频道项进行不同呈现内容之间的切换,以快速找到自己喜欢的频道项所对应的呈现内容。本实施例通过频道项可以展示更多的内容,并保证不同频道项对应的显示内容不失真。
(3)所述至少两个第二可视控件包括信息项可视控件和频道可视控件,所述频道可视控件用于显示一个或多个频道项,所述多个第二可视子控件属于所述频道可视控件中被选中的一个频道项,并显示于所述信息项可视控件内。例如,参考图6,响应于横屏切换事件,在应用窗口的左边呈现信息项可视控件,在该信息项可视控件中通过多个第二可视子控件呈现信息项1、信息项2以及信息项3;在该应用窗口的右边呈现频道项可视控件,在该频道项可视控件中显示有频道项1至频道项8,其中,信息项可视控件中显示信息项1至信息项3的第二可视子控件属于该频道项可视控件中的一个频道项(例如频道项2)。在一些实施例中,所述被选中的频道项,包括系统默认的频道项(例如处于激活状态的频道项,或者,用户设备竖屏时的第一可视控件对应的频道项);在另一些实施例中,所述被选中的频道项包括基于用户的选中操作所确定的频道项。
(4)所述至少两个第二可视控件包括信息项可视控件和详情页可视控件,所述多个第二可视子控件显示于所述信息项可视控件内,所述详情页可视控件用于显示所述信息项可视控件内被选中的一个信息项的详情页面信息。例如,参考图7,响应于横屏切换事件,该应用窗口的左边显示有信息项可视控件,该信息项可视控件通过多个第二可视子控件呈现信息项1、信息项2以及信息项3。该应用窗口的右边显示有详情页可视控件,在该详情页可视控件中显示的是被选中的信息项所对应的详情页面信息,例如,用户点击信息项1,则在该详情页可视控件中显示该信息项1所对应的详情页面信息;再例如,频道项1处于激活状态,则在该详情页可视控件中显示该信息项1所对应的详情页面信息。在本实施例中,用户可以免于由信息流跳转到详情页面的操作,例如,如图7所示的信息流展示方式中,用户点击左边的信息项后,可直接在右边看到对应的详情页面信息,免去可信息项界面与详情页界面之间的跳转,从而提高了用户观看信息的效率。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述多个第二可视子控件分别显示于所述至少两个第二可视控件内,其中,所述多个第二可视子控件按序显示于所述至少两个第二可视控件内;所述方法还包括步骤S104(未示出),在步骤S104中,响应于对目标第二可视子控件的位置调整操作,调整所述目标第二可视子控件在其所属的目标第二可视控件内的位置信息,其中,所述目标第二可视子控件属于所述多个第二可视子控件,所述目标第二可视控件属于所述至少两个第二可视控件;根据所述目标第二可视子控件在所述目标第二可视控件内的位置调整信息,顺序调整所述目标第二可视控件中其他第二可视子控件的位置信息;根据所述目标第二可视控件中第二可视子控件的位置调整信息,顺序调整所述至少两个第二可视控件中其他第二可视控件的第二可视子控件的位置信息。在一些实施例中,所述对目标第二可视子控件的位置调整操作包括但不限于拖动、滑动该目标第二可视子控件。在一些实施例中,响应于横屏切换事件后,为了能够显示更多的内容,可基于用户对目标第二可视子控件的拖动操作,在第二可视控件中增加呈现第二可视子控件。本领域技术人员应能理解,第二信息流可包括多个信息项,该多个信息项为沿着同一方向运动的一组信息,在本实施例中,每个信息项通过第二可视子控件进行呈现,用户对第二可视子控件的位置调整操作,可相应的顺序调整信息流的移动。例如,参考图3所示的效果示意图,在图3(a)中,用户选中显示信息项2的第二可视子控件作为目标第二可视子控件,并将该目标第二可视子控件向上拖动,例如,拖动到显示信息项1的第二可视子控件所处的位置,基于该拖动操作,信息项1在左边的第二可视控件中消失,信息项2、信息项3、信息项4、信息项5以及信息项6沿着其所属的第二信息流的方向进行滑动(例如该第二信息流按照U形轨迹进行滑动),基于该第二信息流的滑动,如图3(b)所示,在右边的第二可视控件中呈现出同样属于该第二信息流的信息项7,在一些实施例中,该信息项7可通过新增加的一第二可视子控件进行呈现。再例如,参考图4所示的效果示意图,在图4(a)中,用户选中显示信息项2的第二可视子控件作为目标第二可视子控件,并将该目标第二可视子控件向上拖动,例如,拖动到显示信息项1的第二可视子控件所处的位置,基于该拖动操作,信息项1在左边的第二可视控件中消失,信息项2、信息项3、信息项4、信息项5以及信息项6沿着其所属的第二信息流的方向进行滑动(例如该第二信息流按照S形的轨迹进行滑动),基于该第二信息流的滑动,如图4(b)所示,在右边的第二可视控件中呈现出同样属于该第二信息流的信息项7,在一些实施例中,该信息项7可通过新增加的一第二可视子控件进行呈现。在本实施例中,基于对目标第二可视子控件的位置调整操作,使得该目标第二可视子控件所在的目标第二可视控件的其他第二可视子控件的位置信息,从而可显示出第二信息流中的更多的内容。本领域技术人员应能理解,基于对目标第二可视子控件的位置调整操作,可在第二可视控件中增加显示至少一个信息项,在此所举的增加信息项7仅为举例。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件包括信息项可视控件和频道可视控件,所述频道可视控件用于显示一个或多个频道项,所述多个第二可视子控件属于所述频道可视控件中被选中的一个频道项,并显示于所述信息项可视控件内;所述方法还包括步骤S105(未示出),在步骤S105中,用户设备响应于对所述频道可视控件中目标频道项的选择操作,获取所述目标频道项对应的第四信息流;在所述信息项可视控件内显示多个第四可视子控件,其中,每个第四可视子控件用于呈现所述第四信息流中的一个信息项。参考图6,响应于用户设备的横屏切换事件,在应用的窗口的左边呈现信息项可视控件,在该应用的窗口的右边呈现频道项可视控件。为便于用户根据实际需要呈现对应频道项的信息项,在信息项可视控件中呈现的是目标频道项所对应的多个信息项,该多个信息项属于第四信息流。例如,用户点击选取了频道项3,则在左边的信息项可视控件中通过三个第四可视子控件呈现属于该频道项3的信息项1、信息项2以及信息项3。本实施例中,基于用户对目标频道项的选择操作,可快速切换呈现出该目标频道项所对应的多个信息项,提高信息切换的效率。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件包括信息项可视控件和详情页可视控件,所述多个第二可视子控件显示于所述信息项可视控件内,所述详情页可视控件用于显示所述信息项可视控件内被选中的一个信息项的详情页面信息;所述方法还包括步骤S106(未示出),在步骤S106中,用户设备响应于对呈现所述信息项可视控件内的目标信息项的选择操作,获取所述目标信息项对应的详情页信息;用户设备在所述详情页可视控件呈现所述目标信息项对应的详情页信息。例如,参考图7,响应于用户设备的横屏切换事件,在应用的窗口呈现信息项可视控件和详情页可视控件,其中,信息项可视控件通过多个第二可视子控件展示信息项1、信息项2以及信息项3。当该用户设备检测到对目标信息项(例如信息项2)的选择操作时。例如,用户点击了该信息项2,则在右边的详情页可视控件中显示该信息项2的详情页面信息。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件中每个第二可视控件对应于频道可视控件中的一个频道项,所述多个第二可视子控件按其所属的频道项显示于对应的第二可视控件,其中,所述频道可视控件横屏呈现于所述应用的窗口;所述方法还包括步骤S107(未示出),在步骤S107中,若所述频道可视控件中多个频道项被选中,将被选中的多个频道项按从左向右的顺序排列,并将所述至少两个第二可视控件按从左向右的顺序分别对应于所述被选中的多个频道项中之一;获取所述被选中的多个频道项中每个频道项对应的信息流,并将每个频道项对应的信息流通过所述第二可视子控件呈现于所述频道项对应的所述第二可视控件。在一些实施例中,所述被选中的多个频道项包括系统默认(例如处于激活状态下的频道项)的多个频道项(例如频道项1和频道项2);在另一些实施例中,所述被选中的多个频道项包括用户手动选择的多个频道项(例如,用户点击选择的频道项1和频道项2)。例如,参考图5,响应于用户设备的横屏切换事件,在该应用的窗口中横屏呈现频道项可视控件,该频道项可视控件中显示有频道项1、频道项2、频道项3、频道项4以及频道项5。在一些实施例中,当用户设备从竖屏切换到横屏时,该应用的窗口即通过左右两个第二可视控件分别呈现系统默认的两个频道项(例如频道项1和频道项2)所对应的信息流,例如,信息项1和信息项2所属的信息流对应左边的频道项1,信息项1’和信息项2’所属的信息流对应右边的频道项2;在一些实施例中,响应于用户设备的横屏切换事件,该应用的窗口横屏呈现频道项可视控件,用户通过点击该频道可视控件中的频道项进行频道项的选中操作(例如用户点击了频道1和频道2),该应用的窗口即通过左右两个第二可视控件分别呈现该用户选中的两个频道项(例如频道1和频道2)所对应的信息流,例如,信息项1和信息项2所属的信息流对应左边的频道项1,信息项1’和信息项2’所属的信息流对应右边的频道项2。在实施例中,基于用户对频道项的选中操作确定显示于频道项可视控件下方的第二可视控件的信息流,从而在该第二可视控件中呈现被选中的频道项对应的信息流。
在一些实施例中,所述方法还包括步骤S108(未示出),在步骤S108中,用户设备响应于对所述频道可视控件中目标频道项的拖放操作,更新所述目标频道项在所述频道可视控件中的显示位置。为了提高用户的自主性,用户可以根据使用习惯调整频道项的位置。在一些实施例中,目标频道项对应有显示多个信息项的第二可视子控件,若用户对目标频道项进行拖放操作后,目标频道项与显示多个信息项的另一个第二可视子控件的左右关系没有发生变化,则只更新目标频道项在频道项可视控件中的显示位置即可。例如,继续参见图5,信息项1和信息项2对应于频道项2,信息项1’和信息项2’对应于频道项4,用户将频道项2拖到频道项3与频道项4之间,则只在频道项可视控件中更新目标频道项(例如频道项2和频道项4)的显示位置即可。
在一些实施例中,所述方法还包括步骤S109(未示出),在步骤S109中,若所述目标频道项为所述被选中的多个频道项中之一、且所述目标频道项在所述被选中的多个频道项中的左右排序发生改变,用户设备根据所述被选中的多个频道项中的左右排序更新相应调整所述至少两个第二可视控件中相关第二可视控件的左右顺序。为了进一步提高用户的自主性,用户可以根据使用习惯调整频道项的位置。在一些实施例中,目标频道项对应有显示多个信息项的第二可视子控件,若用户对目标频道项进行拖放操作后,目标频道项与显示多个信息项的另一个第二可视子控件的左右关系发生变化了变化,则相应调整对应的第二可视子控件的位置关系,使得所述第二可视控件显示与其处于相同左右顺次的频道项对应的信息流,方便用户阅读。例如,继续参见图5,用户设备响应于横屏切换事件后,在左边的第二可视控件中呈现信息项1以及信息项2,在右边的第二可视控件中呈现信息项1’和信息项2’,其中,信息项1以及信息项2对应频道项1,信息项1’和信息项2’对应频道项2,若用户设备检测到用户将该频道项1拖放到频道项2的右边,则用户设备基于该拖放操作,在频道项可视控件中,将该频道项1放到该频道项2的右边的位置,同时,将呈现信息项1以及信息项2的左边的第二可视控件调整到右边的位置,即互换左边的第二可视控件与右边的第二可视控件的位置,以使得在用户的拖放操作后,频道项1仍然对应呈现信息项1以及信息项2的第二可视控件,频道项2仍然对应呈现信息项1’和信息项2’的第二可视控件。
在一些实施例中,所述方法还包括步骤S103(未示出),在步骤S103中,响应于所述用户设备的竖屏切换事件,在所述应用的窗口竖屏呈现第四可视控件,以及显示于所述第四可视控件内的多个第四可视子控件,其中,每个所述第四可视子控件用于呈现第四信息流中的一个信息项。例如,当用户设备由横屏转为竖屏时,用户设备获取第四信息流,通过第四可视控件进行信息流的呈现,在一些实施例中,该第四信息流包括第二信息流的部分或全部。例如,由图3所示的横屏转为竖屏时,在转为竖屏后,通过第四可视控件继续呈现信息项1、信息项2、信息项3、信息项4、信息项5…再例如,由4所示的横屏转为竖屏时,在转为竖屏后,通过第四可视控件呈现信息项1和信息项2所属的信息流。
图8示出了根据本申请一个实施例的一种信息流展示方法,该方法包括:信息流(例如第一信息流)监控当前移动设备(例如用户设备)的放置状态(例如竖屏放置或横屏放置);若该放置状态由竖屏转为横屏,则将信息流(例如第二信息流)的展示样式分成两部分,并根据需求选择以下四种风格(例如,至少两个第二可视控件在所述应用的窗口的呈现方式)的一种重新渲染;若该放置状态为由横屏转为竖屏,将信息流(例如第四信息流)的展示样式变成一条信息流的样式进行重新渲染。
根据本申请的一个方面,本申请提供了一种信息流展示设备。参考图9,该设备包括一一模块以及一二模块。
图9示出了根据本申请一个实施例的一种信息流展示设备,该设备包括一一模块以及一二模块。
具体而言,一一模块,用于在用户设备中应用的窗口竖屏呈现第一可视控件,以及显示于所述第一可视控件内的多个第一可视子控件,其中,每个第一可视子控件用于呈现第一信息流中的一个信息项。在一些实施例中,所述用户设备包括但不限于手机、平板、计算机等计算设备。在一些实施例中,用户设备安装有应用(例如社交应用、视频应用、新闻应用等),该应用通过窗口进行信息(例如文字、动画、视频等信息)的呈现。在一些实施例中,该窗口通过第一可视控件进行信息流的呈现,在一些实施例中,所述第一可视控件包括但不限于列表控件(例如,该应用的窗口通过该第一可视控件可呈现出多条信息项)。在一些实施例中,该应用的窗口竖屏呈现该第一可视控件,例如,该第一可视控件的上下方向与该用户设备的屏幕的长边相平行。在一些实施例中,该第一可视控件中通过多个第一可视子控件进行信息项的呈现。在一些实施例中,所述信息项包括但不限于新闻条目、选项信息等。在一些实施例中,通过点击该信息项可查看该信息项(例如新闻条目)对应的详情页信息(例如新闻详情页)。如图2所示,用户设备通过应用的窗口呈现第一可视控件,从信息项1到信息项7为该第一可视控件的上下方向,该第一可视控件的上下方向与该用户设备屏幕的长边相平行。继续参见图2,该第一可视控件通过七个第一可视子控件进行信息项的呈现,其中,该信息项可以是新闻条目(例如新闻1、新闻2、新闻3…)。
一二模块,用于响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现第二信息流中的一个信息项。在一些实施例中,将用户手握用户设备的方向发生改变时(例如用户从竖屏观看用户设备转为横屏观看该用户设备),确定为所述横屏切换事件。在一些实施例中,用户设备通过传感器(例如重力传感器、陀螺仪、加速度传感器等)监听该横屏切换事件。在一些实施例中,所述应用获取该横屏切换事件,并基于该横屏切换事件在应用的窗口横屏呈现(例如该第二可视控件的上下方向与该用户设备的屏幕的长边相垂直)至少两个第二可视控件。图3至图7示出了用户设备响应于该横屏切换事件呈现至少两个第二可视控件的几种方式,具体介绍请参见下面的实施例,其中,参见图3(a)所示,例如,用户将用户设备从竖屏转为横屏,用户设备响应于该横屏切换事件,在应用的窗口通过一个第二可视控件(例如该窗口左边的第二可视控件)显示三个第二可视子控件,其中,该三个第二可视子控件分别呈现信息项1(例如新闻1)、信息项2(例如新闻2)以及信息项3(例如新闻3);在该应用的窗口通过另一个第二可视控件(例如该窗口右边的第二可视控件)显示三个第二可视子控件,其中,该三个第二可视子控件分别呈现信息项4(例如新闻4)、信息项5(例如新闻5)以及信息项6(例如新闻6)。
在此,有关上述一一模块、一二模块的具体实现方式的示例与图1中有关步骤S101、S102的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述第二信息流包括所述第一信息流的部分或全部。
在此,有关上述一二模块的具体实现方式的示例与图1中有关步骤S102的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述一二模块用于:响应于所述用户设备的横屏切换事件,执行信息流刷新操作以获取第二信息流,并在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现所述第二信息流中的一个信息项。
在此,有关上述一二模块的具体实现方式的示例与图1中有关步骤S102的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括以下任一项:
(1)所述多个第二可视子控件分别显示于所述至少两个第二可视控件内,其中,所述多个第二可视子控件按序显示于所述至少两个第二可视控件内。例如,参考图3(a)所示的信息流展示方式的效果示意图。响应于用户设备的横屏切换事件,该应用的窗口同时展示有两个第二可视控件。在该图3(a)中,左边的第二可视控件通过三个第二可视子控件分别呈现信息项1、信息项2以及信息项3;右边的第二可视控件通过三个第二可视子控件分别呈现信息项4、信息项5以及信息项6。在一些实施例中,该信息1至信息项6按照先后顺序显示在该两个第二可视控件内。在此,本领域技术人员应能理解,本实施例中所述的在左边和右边的第二可视控件中分别呈现三个第二可视子控件仅为举例,在另一些实施例中,也可以分别在左边和右边的第二可视控件中分别呈现四个或者更多的第二可视子控件,以呈现更多的内容,从而充分利用呈现空间。在一些实施例中,第二信息流包括第一信息流的全部,例如,图2所示的为用户设备竖屏时所展示的第一信息流的内容,图3(a)为该用户设备横屏时所展示的第二信息流的内容,即在该用户设备横屏时,仍能尽可能的显示出该用户设备在竖屏时所呈现出的七条信息项,并通过两个第二可视控件的方式呈现该多条信息项,以保证每条信息项在展示的过程中都不失真。
(2)所述至少两个第二可视控件中每个第二可视控件对应于频道可视控件中的一个频道项,所述多个第二可视子控件按其所属的频道项显示于对应的第二可视控件内,其中,所述频道可视控件横屏呈现于所述应用的窗口。例如,如图5所示,响应于横屏切换事件,在该应用的窗口中添加频道可视控件。在一些实施例中,该横屏可视控件横屏呈现在该应用的窗口,例如,参考图5,该频道可视控件的左右方向与该用户设备的长边相平行。在一些实施例中,该频道可视控件通过多个频道可视子控件频道项,例如,如图5所示,频道可视控件中呈现有频道项1、频道项2、频道项3、频道项4、频道项5。在该频道可视控件的下方通过两个第二可视控件分别呈现多个第二可视子控件。当然,本领域技术人员应能理解,在此,第二可视控件的数量仅为举例,也可以包括更多个第二可视控件,以在不失真的前提下,通过多个第二可视控件呈现更多的内容。在一些实施例中,所述多个第二可视子控件用于呈现信息项,每个频道项对应有一个或多个第二可视控件,例如,在图5中,显示信息项1和信息项2的第二可视子控件属于频道项1,显示信息项1’以及信息项2’的第二可视子控件属于频道项2。在一些实施例中,在第二可视控件中显示的是被选中的频道项所属的第二可视子控件所显示的信息项;在另一些实施例中,第二信息流包括第一信息流的部分,所述第二可视控件中所显示的内容包括用户设备在竖屏时第一可视控件所显示的内容,例如,用户设备由图2所示的竖屏转为横屏时,图5中左边的第二可视控件所示的信息项1和信息项2为图2中的信息项1和信息项2,图5中右边的第二可视控件所示的信息项1’以及信息项2’属于被选中的频道项。在本实施例中,用户可对比通过属于不同频道项的第二可视子控件所显示的信息流,并通过点击频道项进行不同呈现内容之间的切换,以快速找到自己喜欢的频道项所对应的呈现内容。本实施例通过频道项可以展示更多的内容,并保证不同频道项对应的显示内容不失真。
(3)所述至少两个第二可视控件包括信息项可视控件和频道可视控件,所述频道可视控件用于显示一个或多个频道项,所述多个第二可视子控件属于所述频道可视控件中被选中的一个频道项,并显示于所述信息项可视控件内。例如,参考图6,响应于横屏切换事件,在应用窗口的左边呈现信息项可视控件,在该信息项可视控件中通过多个第二可视子控件呈现信息项1、信息项2以及信息项3;在该应用窗口的右边呈现频道项可视控件,在该频道项可视控件中显示有频道项1至频道项8,其中,信息项可视控件中显示信息项1至信息项3的第二可视子控件属于该频道项可视控件中的一个频道项(例如频道项2)。在一些实施例中,所述被选中的频道项,包括系统默认的频道项(例如处于激活状态的频道项,或者,用户设备竖屏时的第一可视控件对应的频道项);在另一些实施例中,所述被选中的频道项包括基于用户的选中操作所确定的频道项。
(4)所述至少两个第二可视控件包括信息项可视控件和详情页可视控件,所述多个第二可视子控件显示于所述信息项可视控件内,所述详情页可视控件用于显示所述信息项可视控件内被选中的一个信息项的详情页面信息。例如,参考图7,响应于横屏切换事件,该应用窗口的左边显示有信息项可视控件,该信息项可视控件通过多个第二可视子控件呈现信息项1、信息项2以及信息项3。该应用窗口的右边显示有详情页可视控件,在该详情页可视控件中显示的是被选中的信息项所对应的详情页面信息,例如,用户点击信息项1,则在该详情页可视控件中显示该信息项1所对应的详情页面信息;再例如,频道项1处于激活状态,则在该详情页可视控件中显示该信息项1所对应的详情页面信息。在本实施例中,用户可以免于由信息流跳转到详情页面的操作,例如,如图7所示的信息流展示方式中,用户点击左边的信息项后,可直接在右边看到对应的详情页面信息,免去可信息项界面与详情页界面之间的跳转,从而提高了用户观看信息的效率。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述多个第二可视子控件分别显示于所述至少两个第二可视控件内,其中,所述多个第二可视子控件按序显示于所述至少两个第二可视控件内;所述设备还包括一四模块(未示出),一四模块,用于响应于对目标第二可视子控件的位置调整操作,调整所述目标第二可视子控件在其所属的目标第二可视控件内的位置信息,其中,所述目标第二可视子控件属于所述多个第二可视子控件,所述目标第二可视控件属于所述至少两个第二可视控件;根据所述目标第二可视子控件在所述目标第二可视控件内的位置调整信息,顺序调整所述目标第二可视控件中其他第二可视子控件的位置信息;根据所述目标第二可视控件中第二可视子控件的位置调整信息,顺序调整所述至少两个第二可视控件中其他第二可视控件的第二可视子控件的位置信息。
在此,有关上述一四模块的具体实现方式的示例与上述有关步骤S104的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件包括信息项可视控件和频道可视控件,所述频道可视控件用于显示一个或多个频道项,所述多个第二可视子控件属于所述频道可视控件中被选中的一个频道项,并显示于所述信息项可视控件内;所述方法还包括步骤S105(未示出),在步骤S105中,用户设备响应于对所述频道可视控件中目标频道项的选择操作,获取所述目标频道项对应的第四信息流;在所述信息项可视控件内显示多个第四可视子控件,其中,每个第四可视子控件用于呈现所述第四信息流中的一个信息项。参考图6,响应于用户设备的横屏切换事件,在应用的窗口的左边呈现信息项可视控件,在该应用的窗口的右边呈现频道项可视控件。
在此,有关上述一五模块的具体实现方式的示例与上述有关步骤S105的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件包括信息项可视控件和详情页可视控件,所述多个第二可视子控件显示于所述信息项可视控件内,所述详情页可视控件用于显示所述信息项可视控件内被选中的一个信息项的详情页面信息;所述设备还包括一六模块(未示出),一六模块,用于响应于对呈现所述信息项可视控件内的目标信息项的选择操作,获取所述目标信息项对应的详情页信息;用户设备在所述详情页可视控件呈现所述目标信息项对应的详情页信息。
在此,有关上述一六模块的具体实现方式的示例与上述有关步骤S106的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件中每个第二可视控件对应于频道可视控件中的一个频道项,所述多个第二可视子控件按其所属的频道项显示于对应的第二可视控件,其中,所述频道可视控件横屏呈现于所述应用的窗口;所述设备还包括一七模块(未示出),一七模块用于,若所述频道可视控件中多个频道项被选中,将被选中的多个频道项按从左向右的顺序排列,并将所述至少两个第二可视控件按从左向右的顺序分别对应于所述被选中的多个频道项中之一;获取所述被选中的多个频道项中每个频道项对应的信息流,并将每个频道项对应的信息流通过所述第二可视子控件呈现于所述频道项对应的所述第二可视控件。
在此,有关上述一七模块的具体实现方式的示例与上述有关步骤S107的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述设备还包括一八模块(未示出),一八模块,用于响应于对所述频道可视控件中目标频道项的拖放操作,更新所述目标频道项在所述频道可视控件中的显示位置。
在此,有关上述一八模块的具体实现方式的示例与上述有关步骤S108的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述设备还包括一九模块(未示出),一九模块用于,若所述目标频道项为所述被选中的多个频道项中之一、且所述目标频道项在所述被选中的多个频道项中的左右排序发生改变,用户设备根据所述被选中的多个频道项中的左右排序更新相应调整所述至少两个第二可视控件中相关第二可视控件的左右顺序。
在此,有关上述一九模块的具体实现方式的示例与上述有关步骤S109的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
在一些实施例中,所述设备还包括一三模块(未示出),一三模块用于,响应于所述用户设备的竖屏切换事件,在所述应用的窗口竖屏呈现第四可视控件,以及显示于所述第四可视控件内的多个第四可视子控件,其中,每个所述第四可视子控件用于呈现第四信息流中的一个信息项。
在此,有关上述一三模块的具体实现方式的示例与上述有关步骤S103的实施例相同或相近,故不再赘述,在此以引用方式包含于此。
本申请还提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机代码,当所述计算机代码被执行时,如前任一项所述的方法被执行。
本申请还提供了一种计算机程序产品,当所述计算机程序产品被计算机设备执行时,如前任一项所述的方法被执行。
本申请还提供了一种计算机设备,所述计算机设备包括:
一个或多个处理器;
存储器,用于存储一个或多个计算机程序;
当所述一个或多个计算机程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如前任一项所述的方法。
图10示出了可被用于实施本申请中所述的各个实施例的示例性系统;
如图10所示在一些实施例中,系统1000能够作为各所述实施例中的任意一个网络设备、第一用户设备或第二用户设备。在一些实施例中,系统1000可包括具有指令的一个或多个计算机可读介质(例如,系统存储器或NVM/存储设备1020)以及与该一个或多个计算机可读介质耦合并被配置为执行指令以实现模块从而执行本申请中所述的动作的一个或多个处理器(例如,(一个或多个)处理器1005)。
对于一个实施例,系统控制模块1010可包括任意适当的接口控制器,以向(一个或多个)处理器1005中的至少一个和/或与系统控制模块1010通信的任意适当的设备或组件提供任意适当的接口。
系统控制模块1010可包括存储器控制器模块1030,以向系统存储器1015提供接口。存储器控制器模块1030可以是硬件模块、软件模块和/或固件模块。
系统存储器1015可被用于例如为系统1000加载和存储数据和/或指令。对于一个实施例,系统存储器1015可包括任意适当的易失性存储器,例如,适当的DRAM。在一些实施例中,系统存储器1015可包括双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。
对于一个实施例,系统控制模块1010可包括一个或多个输入/输出(I/O)控制器,以向NVM/存储设备1020及(一个或多个)通信接口1025提供接口。
例如,NVM/存储设备1020可被用于存储数据和/或指令。NVM/存储设备1020可包括任意适当的非易失性存储器(例如,闪存)和/或可包括任意适当的(一个或多个)非易失性存储设备(例如,一个或多个硬盘驱动器(Hard Disk,HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器)。
NVM/存储设备1020可包括在物理上作为系统1000被安装在其上的设备的一部分的存储资源,或者其可被该设备访问而不必作为该设备的一部分。例如,NVM/存储设备1020可通过网络经由(一个或多个)通信接口1025进行访问。
(一个或多个)通信接口1025可为系统1000提供接口以通过一个或多个网络和/或与任意其他适当的设备通信。系统1000可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信。
对于一个实施例,(一个或多个)处理器1005中的至少一个可与系统控制模块1010的一个或多个控制器(例如,存储器控制器模块1030)的逻辑封装在一起。对于一个实施例,(一个或多个)处理器1005中的至少一个可与系统控制模块1010的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例,(一个或多个)处理器1005中的至少一个可与系统控制模块1010的一个或多个控制器的逻辑集成在同一模具上。对于一个实施例,(一个或多个)处理器1005中的至少一个可与系统控制模块1010的一个或多个控制器的逻辑集成在同一模具上以形成片上系统(SoC)。
在各个实施例中,系统1000可以但不限于是:服务器、工作站、台式计算设备或移动计算设备(例如,膝上型计算设备、手持计算设备、平板电脑、上网本等)。在各个实施例中,系统1000可具有更多或更少的组件和/或不同的架构。例如,在一些实施例中,系统1000包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。
需要注意的是,本申请可在软件和/或软件与硬件的组合体中被实施,例如,可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中,本申请的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本申请的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
另外,本申请的一部分可被应用为计算机程序产品,例如计算机程序指令,当其被计算机执行时,通过该计算机的操作,可以调用或提供根据本申请的方法和/或技术方案。本领域技术人员应能理解,计算机程序指令在计算机可读介质中的存在形式包括但不限于源文件、可执行文件、安装包文件等,相应地,计算机程序指令被计算机执行的方式包括但不限于:该计算机直接执行该指令,或者该计算机编译该指令后再执行对应的编译后程序,或者该计算机读取并执行该指令,或者该计算机读取并安装该指令后再执行对应的安装后程序。在此,计算机可读介质可以是可供计算机访问的任意可用的计算机可读存储介质或通信介质。
通信介质包括藉此包含例如计算机可读指令、数据结构、程序模块或其他数据的通信信号被从一个系统传送到另一系统的介质。通信介质可包括有导的传输介质(诸如电缆和线(例如,光纤、同轴等))和能传播能量波的无线(未有导的传输)介质,诸如声音、电磁、RF、微波和红外。计算机可读指令、数据结构、程序模块或其他数据可被体现为例如无线介质(诸如载波或诸如被体现为扩展频谱技术的一部分的类似机制)中的已调制数据信号。术语“已调制数据信号”指的是其一个或多个特征以在信号中编码信息的方式被更改或设定的信号。调制可以是模拟的、数字的或混合调制技术。
作为示例而非限制,计算机可读存储介质可包括以用于存储诸如计算机可读指令、数据结构、程序模块或其它数据的信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动的介质。例如,计算机可读存储介质包括,但不限于,易失性存储器,诸如随机存储器(RAM,DRAM,SRAM);以及非易失性存储器,诸如闪存、各种只读存储器(ROM,PROM,EPROM,EEPROM)、磁性和铁磁/铁电存储器(MRAM,FeRAM);以及磁性和光学存储设备(硬盘、磁带、CD、DVD);或其它现在已知的介质或今后开发的能够存储供计算机系统使用的计算机可读信息/数据。
在此,根据本申请的一个实施例包括一个装置,该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该装置运行基于前述根据本申请的多个实施例的方法和/或技术方案。
对于本领域技术人员而言,显然本申请不限于上述示范性实施例的细节,而且在不背离本申请的精神或基本特征的情况下,能够以其他的具体形式实现本申请。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本申请的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本申请内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (13)
1.一种信息流展示方法,其特征在于,所述方法包括:
在用户设备中应用的窗口竖屏呈现第一可视控件,以及显示于所述第一可视控件内的多个第一可视子控件,其中,每个第一可视子控件用于呈现第一信息流中的一个信息项;
响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现第二信息流中的一个信息项。
2.根据权利要求1所述的方法,其特征在于,所述第二信息流包括所述第一信息流的部分或全部。
3.根据权利要求1所述的方法,其特征在于,所述响应于所述用户设备的横屏切换事件,在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,包括:
响应于所述用户设备的横屏切换事件,执行信息流刷新操作以获取第二信息流,并在所述应用的窗口横屏呈现至少两个第二可视控件,以及显示于至少一个所述第二可视控件内的多个第二可视子控件,其中,每个第二可视子控件用于呈现所述第二信息流中的一个信息项。
4.根据权利要求1至3中任一项所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括以下任一项:
所述多个第二可视子控件分别显示于所述至少两个第二可视控件内,其中,所述多个第二可视子控件按序显示于所述至少两个第二可视控件内;
所述至少两个第二可视控件中每个第二可视控件对应于频道可视控件中的一个频道项,所述多个第二可视子控件按其所属的频道项显示于对应的第二可视控件内,其中,所述频道可视控件横屏呈现于所述应用的窗口;
所述至少两个第二可视控件包括信息项可视控件和频道可视控件,所述频道可视控件用于显示一个或多个频道项,所述信息项可视控件中的多个第二可视子控件属于所述频道可视控件中被选中的一个频道项,并显示于所述信息项可视控件内;
所述至少两个第二可视控件包括信息项可视控件和详情页可视控件,所述多个第二可视子控件显示于所述信息项可视控件内,所述详情页可视控件用于显示所述信息项可视控件内被选中的一个信息项的详情页面信息。
5.根据权利要求4所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述多个第二可视子控件分别显示于所述至少两个第二可视控件内,其中,所述多个第二可视子控件按序显示于所述至少两个第二可视控件内;
所述方法还包括:
响应于对目标第二可视子控件的位置调整操作,调整所述目标第二可视子控件在其所属的目标第二可视控件内的位置信息,其中,所述目标第二可视子控件属于所述多个第二可视子控件,所述目标第二可视控件属于所述至少两个第二可视控件;
根据所述目标第二可视子控件在所述目标第二可视控件内的位置调整信息,顺序调整所述目标第二可视控件中其他第二可视子控件的位置信息;
根据所述目标第二可视控件中第二可视子控件的位置调整信息,顺序调整所述至少两个第二可视控件中其他第二可视控件的第二可视子控件的位置信息。
6.根据权利要求4所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件包括信息项可视控件和频道可视控件,所述频道可视控件用于显示一个或多个频道项,所述多个第二可视子控件属于所述频道可视控件中被选中的一个频道项,并显示于所述信息项可视控件内;
所述方法还包括:
响应于对所述频道可视控件中目标频道项的选择操作,获取所述目标频道项对应的第三信息流;
在所述信息项可视控件内显示多个第三可视子控件,其中,每个第三可视子控件用于呈现所述第三信息流中的一个信息项。
7.根据权利要求4所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件包括信息项可视控件和详情页可视控件,所述多个第二可视子控件显示于所述信息项可视控件内,所述详情页可视控件用于显示所述信息项可视控件内被选中的一个信息项的详情页面信息;
所述方法还包括:
响应于对呈现所述信息项可视控件内的目标信息项的选择操作,获取所述目标信息项对应的详情页信息;
在所述详情页可视控件呈现所述目标信息项对应的详情页信息。
8.根据权利要求4所述的方法,其特征在于,所述至少两个第二可视控件在所述应用的窗口的呈现方式包括:所述至少两个第二可视控件中每个第二可视控件对应于频道可视控件中的一个频道项,所述多个第二可视子控件按其所属的频道项显示于对应的第二可视控件,其中,所述频道可视控件横屏呈现于所述应用的窗口;
所述方法还包括:
若所述频道可视控件中多个频道项被选中,将被选中的多个频道项按从左向右的顺序排列,并将所述至少两个第二可视控件按从左向右的顺序分别对应于所述被选中的多个频道项中之一;
获取所述被选中的多个频道项中每个频道项对应的信息流,并将每个频道项对应的信息流通过所述第二可视子控件呈现于所述频道项对应的所述第二可视控件。
9.根据权利要求8所述的方法,其特征在于,所述方法还包括:
响应于对所述频道可视控件中目标频道项的拖放操作,更新所述目标频道项在所述频道可视控件中的显示位置。
10.根据权利要求9所述的方法,其特征在于,所述方法还包括:
若所述目标频道项为所述被选中的多个频道项中之一、且所述目标频道项在所述被选中的多个频道项中的左右排序发生改变,根据所述被选中的多个频道项中的左右排序更新相应调整所述至少两个第二可视控件中相关第二可视控件的左右顺序。
11.根据权利要求1至10中任一项所述的方法,其特征在于,所述方法还包括:
响应于所述用户设备的竖屏切换事件,在所述应用的窗口竖屏呈现第四可视控件,以及显示于所述第四可视控件内的多个第四可视子控件,其中,每个所述第四可视子控件用于呈现第四信息流中的一个信息项。
12.一种信息流展示设备,其特征在于,所述设备包括:
处理器;以及
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行如权利要求1至11中任一项所述方法的操作。
13.一种存储指令的计算机可读介质,所述指令在被执行时使得系统进行如权利要求1至11中任一项所述方法的操作。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910712629.1A CN110515685A (zh) | 2019-08-02 | 2019-08-02 | 一种信息流展示方法与设备 |
PCT/CN2020/101875 WO2021022979A1 (zh) | 2019-08-02 | 2020-07-14 | 一种信息流展示方法与设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910712629.1A CN110515685A (zh) | 2019-08-02 | 2019-08-02 | 一种信息流展示方法与设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110515685A true CN110515685A (zh) | 2019-11-29 |
Family
ID=68624775
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910712629.1A Pending CN110515685A (zh) | 2019-08-02 | 2019-08-02 | 一种信息流展示方法与设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN110515685A (zh) |
WO (1) | WO2021022979A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111556183A (zh) * | 2020-04-27 | 2020-08-18 | 苏州跃盟信息科技有限公司 | 信息处理方法和装置、存储介质及处理器 |
WO2021022979A1 (zh) * | 2019-08-02 | 2021-02-11 | 上海掌门科技有限公司 | 一种信息流展示方法与设备 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101290553A (zh) * | 2007-04-17 | 2008-10-22 | 索尼(中国)有限公司 | 具有显示屏的电子设备 |
CN103809928A (zh) * | 2012-11-14 | 2014-05-21 | 腾讯科技(深圳)有限公司 | 一种交易走势图的显示方法、装置和系统 |
CN104978115A (zh) * | 2014-04-02 | 2015-10-14 | 腾讯科技(深圳)有限公司 | 内容显示方法及装置 |
CN105204733A (zh) * | 2015-09-02 | 2015-12-30 | 小米科技有限责任公司 | 视频聊天窗口的显示方法及装置 |
CN106446728A (zh) * | 2015-08-05 | 2017-02-22 | Lg电子株式会社 | 移动终端及其控制方法 |
US20170060374A1 (en) * | 2015-09-02 | 2017-03-02 | D&M Holdings, Inc. | Combined Tablet Screen Drag-and-drop Interface |
US20180136462A1 (en) * | 2016-11-15 | 2018-05-17 | E-Lead Electronic Co., Ltd. | Rotating head-up display device |
US10341270B2 (en) * | 2013-10-18 | 2019-07-02 | Citrix Systems, Inc. | Providing enhanced application interoperability |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140022285A1 (en) * | 2012-07-20 | 2014-01-23 | Thomas Jan Stovicek | Handheld device with ergonomic display features |
CN109213462B (zh) * | 2018-08-07 | 2021-07-23 | 武汉斗鱼网络科技有限公司 | Android横竖屏数据同步方法、装置、终端及可读介质 |
CN114397981A (zh) * | 2018-11-26 | 2022-04-26 | 华为技术有限公司 | 一种应用显示方法及电子设备 |
CN110515685A (zh) * | 2019-08-02 | 2019-11-29 | 上海掌门科技有限公司 | 一种信息流展示方法与设备 |
-
2019
- 2019-08-02 CN CN201910712629.1A patent/CN110515685A/zh active Pending
-
2020
- 2020-07-14 WO PCT/CN2020/101875 patent/WO2021022979A1/zh active Application Filing
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101290553A (zh) * | 2007-04-17 | 2008-10-22 | 索尼(中国)有限公司 | 具有显示屏的电子设备 |
CN103809928A (zh) * | 2012-11-14 | 2014-05-21 | 腾讯科技(深圳)有限公司 | 一种交易走势图的显示方法、装置和系统 |
US10341270B2 (en) * | 2013-10-18 | 2019-07-02 | Citrix Systems, Inc. | Providing enhanced application interoperability |
CN104978115A (zh) * | 2014-04-02 | 2015-10-14 | 腾讯科技(深圳)有限公司 | 内容显示方法及装置 |
CN106446728A (zh) * | 2015-08-05 | 2017-02-22 | Lg电子株式会社 | 移动终端及其控制方法 |
CN105204733A (zh) * | 2015-09-02 | 2015-12-30 | 小米科技有限责任公司 | 视频聊天窗口的显示方法及装置 |
US20170060374A1 (en) * | 2015-09-02 | 2017-03-02 | D&M Holdings, Inc. | Combined Tablet Screen Drag-and-drop Interface |
US20180136462A1 (en) * | 2016-11-15 | 2018-05-17 | E-Lead Electronic Co., Ltd. | Rotating head-up display device |
Non-Patent Citations (2)
Title |
---|
匿名: "https://tieba.baidu.com/p/5382549231", 《HTTPS://POWERUSERS.MICROSOFT.COM/T5/POWER-APPS-IDEAS/USING-BOTH-PORTRAIT-AND-LANDSCAPE-SCREENS-IN-ONE-APP/IDI-P/69374》 * |
匿名: "突然微信横屏后分成两部分显示了,是怎么回事?", 《HTTPS://TIEBA.BAIDU.COM/P/5382549231》 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021022979A1 (zh) * | 2019-08-02 | 2021-02-11 | 上海掌门科技有限公司 | 一种信息流展示方法与设备 |
CN111556183A (zh) * | 2020-04-27 | 2020-08-18 | 苏州跃盟信息科技有限公司 | 信息处理方法和装置、存储介质及处理器 |
CN111556183B (zh) * | 2020-04-27 | 2021-09-07 | 苏州跃盟信息科技有限公司 | 信息处理方法和装置、存储介质及处理器 |
Also Published As
Publication number | Publication date |
---|---|
WO2021022979A1 (zh) | 2021-02-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5897715B2 (ja) | コンピュータによる処理方法 | |
US10261660B2 (en) | Orbit visualization animation | |
US8972295B2 (en) | Dynamic visual statistical data display and method for limited display device | |
US10769826B2 (en) | Visual task board visualization | |
KR102266198B1 (ko) | 이종 애플리케이션들을 포함하는 그룹을 나타내는 탭 윈도우를 관리하는 방법 및 장치. | |
US20140075380A1 (en) | Hierarchical live graphs for performance data display | |
WO2020221189A1 (zh) | 一种管理寄宿程序的方法与设备 | |
US9053577B2 (en) | Reflecting values for a metric in a display | |
JP2017517055A (ja) | 選択可能なコントロールおよびコマンドを表示および拡大縮小するためのコマンドユーザインターフェース | |
CN106575196A (zh) | 电子装置及用于显示其用户界面的方法 | |
CN110321192A (zh) | 一种呈现寄宿程序的方法与设备 | |
US20240013459A1 (en) | Method and apparatus for generating special effect configuration file, device, and medium | |
CN110769300B (zh) | 一种呈现信息流中横屏视频的方法与设备 | |
CN110012165B (zh) | 一种呈现会话列表页面的方法与设备、可读介质 | |
CN109960689A (zh) | 一种基于冰箱食材库存推荐食谱的交互方法及冰箱 | |
US20150113452A1 (en) | Graphical user interface | |
WO2013062545A1 (en) | Generating a visual representation | |
TW201324312A (zh) | 具有觸摸屏的電子設備及其頁面處理方法 | |
CN106681589A (zh) | 一种功能图标显示方法及装置 | |
US9594469B2 (en) | Dynamic layering user interface | |
CN110515685A (zh) | 一种信息流展示方法与设备 | |
CN109697055A (zh) | 生成移动App页面的方法及系统 | |
CN110321189A (zh) | 一种在宿主程序中呈现寄宿程序的方法与设备 | |
CN109634488A (zh) | 一种用于呈现优先应用的应用入口的方法与设备 | |
CN110110000A (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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20200703 Address after: Room 909, No. 12, Huangshan Road, Jianye District, Nanjing City, Jiangsu Province Applicant after: Nanjing Shangwang Network Technology Co.,Ltd. Address before: 201806, room 5358, 140 Shanghai Yi Road, Shanghai, Jiading District Applicant before: SHANGHAI ZHANGMEN SCIENCE AND TECHNOLOGY Co.,Ltd. |