CN109492178A - 一种切换视图的方法及装置 - Google Patents

一种切换视图的方法及装置 Download PDF

Info

Publication number
CN109492178A
CN109492178A CN201811308321.2A CN201811308321A CN109492178A CN 109492178 A CN109492178 A CN 109492178A CN 201811308321 A CN201811308321 A CN 201811308321A CN 109492178 A CN109492178 A CN 109492178A
Authority
CN
China
Prior art keywords
view
sliding
distance
slide assemblies
glide direction
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
Application number
CN201811308321.2A
Other languages
English (en)
Inventor
张祖元
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201811308321.2A priority Critical patent/CN109492178A/zh
Publication of CN109492178A publication Critical patent/CN109492178A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例提供了一种切换视图的方法及装置,涉及互联网技术领域,该方法包括:获取滑动组件监听的滑动事件,然后确定滑动事件的滑动方向和滑动距离,再判断滑动事件的滑动距离是否大于预设阈值,若是,则控制滑动组件将当前视图切换至与滑动方向对应的下一个视图,否则,控制滑动组件显示当前视图。相较于视图切换组件ViewPager切换视图来说,滑动组件RecyclerView可扩展性强,便于增加监听滑动事件的功能,其次,视图切换逻辑简单,能有效提高视图切换的效率,从而提高用户体验。再者,滑动组件RecyclerView代码体积小,开发方便,维护成本低。

Description

一种切换视图的方法及装置
技术领域
本发明实施例涉及互联网技术领域,尤其涉及一种切换视图的方法及装置。
背景技术
随着互联网技术的发展,应用程序越来越多,人们对应用程序的要求也越来越高。现有的应用程序采用视图切换组件实现视图切换,由于目前视图切换组件中分段(fragment)分量较重,视图切换组件与自定义视图(view)结合涉及的计算逻辑复杂,因此采用视图切换组件实现视图切换时,执行效率较低,会出现视图切换卡顿以及视图切换不精准的情况,从而影响用户体验。
发明内容
由于现有技术中,采用视图切换组件实现视图切换时,执行效率较低,会出现视图切换卡顿以及视图切换不精准的问题,本申请实施例提供了一种切换视图的方法及装置。
本申请实施例提供了一种切换视图的方法,该方法包括:
获取滑动组件监听的滑动事件;
确定所述滑动事件的滑动方向和滑动距离;
在所述滑动事件的滑动距离大于预设阈值时,控制所述滑动组件将当前视图切换至与所述滑动方向对应的下一个视图。
本申请实施例提供了一种切换视图的装置,该装置包括:
获取模块,用于获取滑动组件监听的滑动事件;
识别模块,用于确定所述滑动事件的滑动方向和滑动距离;
处理模块,用于在所述滑动事件的滑动距离大于预设阈值时,控制所述滑动组件将当前视图切换至与所述滑动方向对应的下一个视图。
本申请实施例提供了一种终端设备,包括至少一个处理器、以及至少一个存储器,其中,所述存储器存储有计算机程序,当所述程序被所述处理器执行时,使得所述处理器执行切换视图的方法的步骤。
本申请实施例提供了一种计算机可读介质,其存储有可由终端设备执行的计算机程序,当所述程序在终端设备上运行时,使得所述终端设备执行切换视图的方法的步骤。
本申请实施例中,由于采用滑动组件监听滑动事件,然后对滑动事件进行分析后,控制滑动组件切换视图,滑动组件接收到控制指令后,获取滑动方向对应的下一个视图并切换,相较于视图切换组件切换视图来说,滑动组件可扩展性强,便于增加监听滑动事件的功能,其次,视图切换逻辑简单,能有效提高视图切换的效率以及视图切换精度,从而提高用户体验。再者,滑动组件代码体积小,开发方便,维护成本低。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简要介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种应用程序的界面图;
图2为本申请实施例提供的一种应用程序的界面图;
图3为本申请实施例提供的一种应用程序的界面图;
图4为本申请实施例提供的一种切换视图的方法的流程示意图;
图5为本申请实施例提供的一种滑动开始事件的坐标示意图;
图6为本申请实施例提供的一种滑动结束事件的坐标示意图;
图7为本申请实施例提供的一种滑动切换视图的示意图;
图8为本申请实施例提供的一种滑动切换视图的示意图;
图9为本申请实施例提供的一种滑动切换视图的示意图;
图10为本申请实施例提供的一种滑动切换视图的示意图;
图11为本申请实施例提供的一种滑动切换视图的示意图;
图12为本申请实施例提供的一种应用程序的界面图;
图13为本申请实施例提供的一种应用程序的界面图;
图14为本申请实施例提供的一种应用程序的界面图;
图15为本申请实施例提供的一种切换视图的装置的结构示意图;
图16为本申请实施例提供的一种终端设备的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及有益效果更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
为了方便理解,下面对本发明实施例中涉及的名词进行解释。
ViewPager:Android原生视图切换组件。
RecyclerView:Android原生视图滑动组件,一个用于大量数据展示的组件,flexible(可扩展性)是RecyclerView的特点,RecyclerView能够实现横向滚动ListView、横向滚动GridView、瀑布流控件等的功能。RecyclerView主要包括四部分,分别为:LayoutManager(布局管理器)、Adapter(适配器)、Item Decoration(间隔样式)以及ItemAnimator(动画)。Layout Manager负责RecyclerView的布局,其中包含了Item(项目)View的获取与回收。RecyclerView提供了三种布局管理器,分别为LinerLayoutManager、GridLayoutManager以及StaggeredGridLayoutManager。LinerLayoutManager用于以垂直或者水平列表方式展示Item。GridLayoutManager用于以网格方式展示Item。StaggeredGridLayoutManager用于以瀑布流方式展示Item。Adapter用于为RecyclerView提供数据。Item Decoration(间隔样式)用于添加Item之间的分割线。Item Animator(动画)用于添加、删除、移动、改变Item动画,RecyclerView提供了默认的Item Animator实现类为DefaultItemAnimator。
在具体实践过程中,利用视图切换组件ViewPager和自定义View的方式来实现视图横向滑动,但是ViewPager本身是一个体量很大结构很复杂的Android组件,将ViewPager与自定义View结合涉及的计算逻辑复杂,从而导致切换视图的执行效率低,影响页面的加载效率,有时还会出现页面卡顿的情况,从而影响用户体验。
为此,本发明实施例的视图切换方法和装置采用其他视图切换组件来切换视图,具体过程为:获取滑动组件监听的滑动事件,然后确定滑动事件的滑动方向和滑动距离,在滑动事件的滑动距离大于预设阈值时,控制滑动组件将当前视图切换至与滑动方向对应的下一个视图。
上述滑动组件可以是RecyclerView,相较于ViewPager,其内存管理方式对于加载多张布局较复杂的视觉,也能保持在很低的内存水平。另外RecyclerView采用专门的类控制视图的显示,比ViewPager切换视图的逻辑简单。RecyclerView的滑动逻辑中带有fling(阻尼)效果,fling效果指用户手指在屏幕上快速滑动后离开屏幕,视图继续滑动一段距离,然后慢慢停止滑动的效果。这种fling效果不能保证每次只切换一张视图,故不适用于左右滑动切换视图的场景。因此,本申请实施例中,预先屏蔽RecyclerView原有的滑动逻辑,然后在RecyclerView中添加滑动事件监听。当用户手指在屏幕上滑动时,RecyclerView监听到滑动事件,然后通知切换视图的装置。切换视图的装置获取RecyclerView监听的滑动事件,确定滑动事件的滑动方向和滑动距离。判断滑动事件的滑动距离是否大于预设阈值;若是,则控制RecyclerView将当前视图切换至与滑动方向对应的下一个视图;否则,控制RecyclerView显示当前视图。由于采用RecyclerView监听滑动事件,然后对滑动事件进行分析后,控制RecyclerView切换视图,RecyclerView接收到控制指令后,获取滑动方向对应的下一个视图并切换,相较于ViewPager切换视图来说,RecyclerView可扩展性强,便于增加监听滑动事件的功能,其次切换逻辑简单,能有效提高视图切换的效率,从而提高用户体验。再者,RecyclerView代码体积小,开发方便,维护成本低。
本发明实施例中的切换视图的方法可以应用于各类应用程序切换界面的场景。下面以应用宝为例进行说明,用户点击终端设备中应用宝的图标,终端设备显示应用宝的主界面,具体如图1所示。应用宝的主界面中包括一个滑动展示窗口,用于展示游戏动态。滑动展示窗口中当前展示的界面为“王者荣耀”界面。用户手指在终端设备的屏幕上从左至右滑动,“王者荣耀”界面也向右滑动,“王者荣耀”界面向右滑动的滑动速度与用户手指在屏幕上滑动的速度相同。同时,屏幕左侧滑出下一个应用程序“绝地求生”的界面,其中,“王者荣耀”界面和“绝地求生”界面向右滑动的距离等于用户手指在终端设备屏幕上滑动的距离,具体如图2所示。用户手指在屏幕上滑动一段距离后离开屏幕,此时滑动展示窗口展示的界面可能出现以下两种情况。一种情况是用户手指离开屏幕后,“王者荣耀”界面和“绝地求生”界面自动向左滑动,滑动的距离为用户手指在屏幕上滑动的距离,滑动展示窗口继续展示“王者荣耀”界面,具体如图1所示。另一种情况是用户手指离开屏幕后,“王者荣耀”界面和“绝地求生”界面自动向右滑动,滑动的距离为“王者荣耀”界面的宽度与用户手指在屏幕上滑动的距离的差值,滑动展示窗口展示“绝地求生”界面,具体如图3所示。终端设备是具备网络通信能力的电子设备,该电子设备可以是智能手机、平板电脑或便携式个人计算机等等。
基于图1至图3所示的应用场景图,本发明实施例提供了一种切换视图的方法的流程,该方法的流程可以由切换视图的装置执行,如图4所示,包括以下步骤:
步骤S401,获取滑动组件监听的滑动事件。
具体地,滑动组件可以为RecyclerView。
预先在滑动组件中设置滑动事件监听功能,滑动组件实时监听滑动事件。滑动事件至少包括滑动开始事件和滑动结束事件,滑动组件监听到滑动开始事件时,获取此时手指在屏幕上的横坐标和纵坐标,滑动组件监听到滑动结束事件时,获取此时手指在屏幕上的横坐标和纵坐标,然后将滑动开始事件对应的坐标和滑动结束对应的坐标发送至切换视图的装置。
示例性地,如图5所示,设定滑动组件为RecyclerView,手指接触屏幕,RecyclerView监听到滑动开始事件时,将手指此时在屏幕上的位置确定为原点,即坐标为(0,0)。当手指滑动一段距离后离开屏幕,如图6所示,RecyclerView监听到滑动结束事件时,手指在屏幕上的位置确定为滑动结束事件的坐标,设定坐标为(1,1)。然后RecyclerView将滑动开始事件的坐标(0,0)以及滑动结束事件的坐标(1,1)发送至切换视图的装置。
步骤S402,确定滑动事件的滑动方向和滑动距离。
切换视图的装置根据滑动结束事件的坐标与滑动开始事件的坐标的差值确定滑动方向和滑动距离。
具体地,在左右切换视图时,可以预先设定滑动结束事件的横坐标与滑动开始事件的横坐标的差值大于0时,表示滑动方向为向右滑动,滑动结束事件的横坐标与滑动开始事件的横坐标的差值小于0时,表示滑动方向为向左滑动。将滑动结束事件的横坐标与滑动开始事件的横坐标的差值取绝对值作为左右滑动距离。
在上下切换视图时,可以预先设定滑动结束事件的纵坐标与滑动开始事件的纵坐标的差值大于0时,表示滑动方向为向上滑动,滑动结束事件的纵坐标与滑动开始事件的纵坐标的差值小于0时,表示滑动方向为向下滑动。将滑动结束事件的纵坐标与滑动开始事件的纵坐标的差值取绝对值作为上下滑动距离。
示例性地,设定滑动组件为RecyclerView,在左右切换视图中,切换视图的装置接收到RecyclerView发送的滑动开始事件的坐标(0,0)以及滑动结束事件的坐标(1,1)后,将滑动结束事件的横坐标1减去滑动开始事件的横坐标0得到1,由此可以确定滑动事件的滑动方向为向右滑动,滑动距离为1个距离单位。
步骤S403,在滑动事件的滑动距离大于预设阈值时,控制滑动组件将当前视图切换至与滑动方向对应的下一个视图。
预设阈值根据实际情况进行设定,示例性地,设定滑动组件为RecyclerView,将预设阈值设定为3个距离单位,切换视图的装置确定滑动事件的滑动距离为4个距离单位,大于预设阈值,发送视图切换指令至RecyclerView,RecyclerView在用户手指离开屏幕后,显示与滑动方向对应的下一个视图。由于采用滑动组件监听滑动事件,然后对滑动事件进行分析后,控制滑动组件切换视图,滑动组件接收到控制指令后,获取滑动方向对应的下一个视图并切换,相较于ViewPager切换视图来说,滑动组件可扩展性强,便于增加监听滑动事件的功能,其次切换逻辑简单,能有效提高视图切换的效率,从而提高用户体验。再者,滑动组件代码体积小,开发方便,维护成本低。
可选地,在滑动事件的滑动距离不大于预设阈值时,控制滑动组件显示当前视图。
示例性地,设定滑动组件为RecyclerView,将预设阈值设定为3个距离单位,切换视图的装置确定滑动事件的滑动距离为1个距离单位,不大于预设阈值,发送视图切换指令至RecyclerView。RecyclerView在用户手指离开屏幕后,显示当前视图。
可选地,上述切换视图的方法还包括:控制滑动组件将当前视图和与滑动方向对应的下一个视图向滑动方向滑动第一距离,第一距离为滑动事件的滑动距离。
具体实施中,用户手指接触到屏幕时,滑动组件监听到滑动开始事件,然后将滑动开始事件的坐标发送至切换视图的装置。用户手指在屏幕上沿一定方向滑动时,滑动组件监听滑动过程,并实时将手指所处位置的坐标发送至切换视图的装置。切换视图的装置根据滑动开始事件的坐标以及滑动过程中的坐标确定滑动方向和滑动距离,然后发送控制指令至滑动组件,滑动组件控制当前视图以及与滑动方向对应的下一个视图向滑动方向滑动。
示例性地,如图7所示,设定滑动组件为RecyclerView,在左右切换视图的场景中,用户手指接触到屏幕时,RecyclerView监听到滑动开始事件,将滑动开始事件的坐标(0,0)发送至切换视图的装置,手指在屏幕上沿一定方向滑动,RecyclerView每隔1ms监听手指在屏幕的位置。设定1ms后监听到手指的坐标为(1,1),则将手指当前的坐标发送至切换视图的装置。切换视图的装置根据滑动开始事件的横坐标以及手指当前的横坐标确定滑动方向为向右滑动,且滑动的距离为1个距离单位,则发送控制指令至RecyclerView,RecyclerView控制当前视图向右滑动1个距离单位,同时控制左侧视图向右滑动1个距离单位。由于RecyclerView监听到滑动开始事件后,继续监控手指在屏幕上的滑动过程,随着手指的滑动,RecyclerView控制当前视图以及下一个视图沿手指滑动方向滑动,给用户带来好的触屏体验。
进一步地,在上述步骤S403中,在滑动事件的滑动距离大于预设阈值,时,控制滑动组件将当前视图和滑动方向对应的下一个视图向滑动方向滑动第二距离,第二距离为当前视图的宽度与第一距离的差值。
具体实施中,滑动组件监控到滑动结束事件时,将滑动结束事件的坐标发送至切换视图的装置。切换视图的装置根据滑动结束事件的坐标与滑动开始事件的坐标确定滑动事件的滑动方向以及滑动距离。由于在滑动组件监控到滑动结束事件之前,滑动组件控制当前视图以及与滑动方向对应的下一个视图向滑动方向滑动了第一距离,第一距离为滑动事件的滑动距离,因此,当滑动事件的滑动距离大于预设阈值时,只需控制滑动组件将当前视图和滑动方向对应的下一个视图向滑动方向滑动第二距离,第二距离为当前视图的宽度与第一距离的差值,即可实现将当前视图切换至滑动方向对应的下一个视图。当滑动事件的滑动距离不大于预设阈值时,控制滑动组件显示当前视图。
示例性地,在左右切换视图的场景中,设定滑动组件为RecyclerView,当前视图的宽度为6个距离单位,预设阈值为3个距离单位。用户手指接触到屏幕,RecyclerView监听到滑动开始事件,将滑动开始事件的坐标(0,0)发送至切换视图的装置。RecyclerView继续每隔1ms监听手指坐标并将坐标发送至切换视图的装置。切换视图的装置根据手指坐标以及滑动开始事件的坐标,确定滑动方向和滑动距离,并控制RecyclerView将当前视图和滑动方向对应的下一个视图向滑动方向滑动。手指离开屏幕,RecyclerView监控到滑动结束事件,将滑动结束事件的坐标(4,2)发送至切换视图的装置,此时屏幕显示的视图如图8所示,当前视图和左侧视图均向右滑动的距离为4个距离单位。
切换视图的装置将滑动事件的滑动距离与预设阈值进行比较,得到滑动事件的滑动距离大于预设阈值,然后计算当前视图的宽度与滑动事件的滑动距离的差值,得到当前视图和左侧视图需要再向右滑动2个距离单位,实现从当前视图切换至左侧视图。切换视图的装置发送控制指令至RecyclerView,控制指令中携带的信息为:滑动方向为向右,滑动距离为2个距离单位。RecyclerView将滑动方向和滑动距离传入SmoothScroll函数,SmoothScroll函数控制当前视图和左侧视图再向右滑动2个距离单位,然后显示左侧视图,具体如图9所示。
示例性地,在左右切换视图的场景中,设定滑动组件为RecyclerView,当前视图的宽度为6个距离单位,预设阈值为3个距离单位。用户手指接触到屏幕,RecyclerView监听到滑动开始事件,将滑动开始事件的坐标(0,0)发送至切换视图的装置。RecyclerView继续每隔1ms监听手指坐标并将坐标发送至切换视图的装置。切换视图的装置根据手指坐标以及滑动开始事件的坐标,确定滑动方向和滑动距离,并控制RecyclerView将当前视图和与滑动方向对应的下一个视图向滑动方向滑动。手指离开屏幕,RecyclerView监控到滑动结束事件,将滑动结束事件的坐标(-2,-3)发送至切换视图的装置,此时屏幕显示的视图如图10所示,当前视图和右侧视图向左滑动的距离为2个距离单位。
切换视图的装置将滑动事件的滑动距离与预设阈值进行比较,得到滑动事件的滑动距离不大于预设阈值。切换视图的装置发送控制指令至RecyclerView,控制指令中携带的信息为:滑动方向为向右,滑动距离为2个距离单位。RecyclerView将滑动方向和滑动距离传入SmoothScroll函数,SmoothScroll函数控制当前视图和右侧视图向右滑动2个距离单位,然后显示当前视图,具体如图11所示。
可选地,在步骤S403中,切换视图的装置控制滑动组件从配置文件中读取预设的切换速度信息以及切换动画信息,控制滑动组件根据切换速度信息以及切换动画信息将当前视图切换至滑动方向对应的下一个视图。
具体地,预先在配置文件中配置视图切换的切换速度信息以及切换动画信息,切换速度可以根据实际情况进行设定,切换动画可以是渐变样式、旋转样式、折叠样式、立方体样式等,还可以是用户自定义的切换动画。由于滑动组件可扩展性强,当需要对滑动组件切换视图的速度以及动画进行修改时,可以直接修改配置文件中的切换速度信息以及切换动画信息,相较于ViewPager来说,简化了对视图切换效果的修改,减少了研发人员的工作量。
为了更好的解释本发明实施例,下面结合具体的实施场景描述本发明实施例提供的一种切换视图的方法,设定滑动组件为RecyclerView,目标应用程序为应用宝,应用宝的主界面中包括一个应用展示窗口,用于展示主推的应用程序。滑动展示窗口中当前展示的界面为“微信”下载界面,如图12所示。设定左侧视图为“QQ”下载界面,当前并未显示,“微信”下载界面和“QQ”下载界面的宽度都为6个距离单位。用户手指接触屏幕,RecyclerView监听到滑动开始事件,将滑动开始事件的坐标(0,0)发送至切换视图的装置。用户手指在屏幕上向右滑动,RecyclerView监听手指的滑动过程,并每隔预设时间将手指坐标发送至切换视图的装置。设定当前手指坐标为(4,2),切换视图的装置根据滑动开始事件的坐标以及手指坐标确定滑动方向为向右,滑动距离为4个距离单位。然后发送控制指令至RecyclerView,RecyclerView控制“微信”下载界面以及“QQ”下载界面向右滑动4个距离单位,滑动结束后的界面如图13所示。
手指离开屏幕,RecyclerView监控到滑动结束事件,将滑动结束事件的坐标(4,2)发送至切换视图的装置。切换视图的装置将滑动事件的滑动距离与预设阈值进行比较,得到滑动事件的滑动距离大于预设阈值,然后计算“微信”下载界面与滑动事件的滑动距离的差值,得到“微信”下载界面和“QQ”下载界面需要再向右滑动2个距离单位,实现从“微信”下载界面切换至“QQ”下载界面。切换视图的装置发送控制指令至RecyclerView,控制指令中携带的信息为:滑动方向为向右,滑动距离为2个距离单位。RecyclerView将滑动方向和滑动距离传入SmoothScroll函数,SmoothScroll从配置文件中读取预设的切换速度信息和切换动画信息,然后按照读取的切换速度和切换动画控制“微信”下载界面和“QQ”下载界面向右滑动2个距离单位,然后显示“QQ”下载界面,具体如图14所示。
本申请实施例中,由于采用RecyclerView监听滑动事件,然后对滑动事件进行分析后,控制RecyclerView切换视图,RecyclerView接收到控制指令后,获取滑动方向对应的下一个视图并切换,相较于ViewPager切换视图来说,RecyclerView可扩展性强,便于增加监听滑动事件的功能,其次切换逻辑简单,能有效提高视图切换的效率,从而提高用户体验。再者,RecyclerView代码体积小,开发方便,维护成本低。
基于相同的技术构思,本发明实施例提供了一种切换视图的装置,如图15所示,该装置1500包括:
获取模块1501,用于获取滑动组件监听的滑动事件;
识别模块1502,用于确定所述滑动事件的滑动方向和滑动距离;
处理模块1503,用于在所述滑动事件的滑动距离大于预设阈值时,控制所述滑动组件将当前视图切换至与所述滑动方向对应的下一个视图。
可选地,还包括控制模块1504;
所述控制模块1504用于,控制所述滑动组件将所述当前视图和与所述滑动方向对应的下一个视图向所述滑动方向滑动第一距离,所述第一距离为所述滑动事件的滑动距离。
可选地,所述处理模块1503具体用于:
控制所述滑动组件将所述当前视图和与所述滑动方向对应的下一个视图向所述滑动方向滑动第二距离,所述第二距离为所述当前视图的宽度与所述第一距离的差值。
可选地,所述处理模块1503具体用于:
控制所述滑动组件从配置文件中读取预设的切换速度信息以及切换动画信息;
控制所述滑动组件根据所述切换速度信息以及所述切换动画信息将当前视图切换至与所述滑动方向对应的下一个视图。
可选地,所述滑动事件包括滑动开始事件和滑动结束事件;
所述识别模块1502具体用于:
根据所述滑动结束事件的坐标与所述滑动开始事件的坐标的差值确定所述滑动方向和所述滑动距离。
基于相同的技术构思,本发明实施例提供了一种终端设备,如图16所示,包括至少一个处理器1601,以及与至少一个处理器连接的存储器1602,本发明实施例中不限定处理器1601与存储器1602之间的具体连接介质,图16中处理器1601和存储器1602之间通过总线连接为例。总线可以分为地址总线、数据总线、控制总线等。
在本发明实施例中,存储器1602存储有可被至少一个处理器1601执行的指令,至少一个处理器1601通过执行存储器1602存储的指令,可以执行前述的切换视图的方法中所包括的步骤。
其中,处理器1601是终端设备的控制中心,可以利用各种接口和线路连接终端设备的各个部分,通过运行或执行存储在存储器1602内的指令以及调用存储在存储器1602内的数据,从而切换视图。可选的,处理器1601可包括一个或多个处理单元,处理器1601可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器1601中。在一些实施例中,处理器1601和存储器1602可以在同一芯片上实现,在一些实施例中,它们也可以在独立的芯片上分别实现。
处理器1601可以是通用处理器,例如中央处理器(CPU)、数字信号处理器、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件,可以实现或者执行本发明实施例中公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成,或者用处理器中的硬件及软件模块组合执行完成。
存储器1602作为一种非易失性计算机可读存储介质,可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块。存储器1602可以包括至少一种类型的存储介质,例如可以包括闪存、硬盘、多媒体卡、卡型存储器、随机访问存储器(Random AccessMemory,RAM)、静态随机访问存储器(Static Random Access Memory,SRAM)、可编程只读存储器(Programmable Read Only Memory,PROM)、只读存储器(Read Only Memory,ROM)、带电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,EEPROM)、磁性存储器、磁盘、光盘等等。存储器1602是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。本发明实施例中的存储器1602还可以是电路或者其它任意能够实现存储功能的装置,用于存储程序指令和/或数据。
该终端设备还包括输入单元1603、显示单元1604、射频单元1605、音频电路1606、扬声器1607、麦克风1608、无线保真(Wireless Fidelity,WiFi)模块1609、蓝牙模块1610、电源1611、外部接口1612、耳机插孔1613等部件。
输入单元1603可用于接收用户输入的切换视图的指令。例如,输入单元1603可包括触摸屏16031以及其它输入设备16032。触摸屏16031可收集用户在其上或附近的触摸操作(比如用户使用手指、关节、触笔等任何适合的物体在触摸屏16031上或在触摸屏16031附近的操作),即触摸屏16031可用于检测触摸压力以及触摸输入位置和触摸输入面积,并根据预先设定的程序驱动相应的连接装置。触摸屏16031可以检测用户对触摸屏16031的触控操作,将触控操作转换为触控信号发送给处理器1601,或者理解为可将触控操作的触控信息发送给处理器1601,并能接收处理器1601发来的命令并加以执行。触控信息至少可以包括压力大小信息和压力持续时长信息中的至少一种。触摸屏16031可以提供终端设备和用户之间的输入界面和输出界面。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触摸屏16031。除了触摸屏16031,输入单元1603还可以包括其它输入设备16032。比如,其它输入设备16032可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元1604可用于显示由用户输入的信息或提供给用户的信息。进一步的,触摸屏16031可覆盖显示单元1604,当触摸屏16031检测到在其上或附近的触控操作后,传送给处理器1601以确定的触控操作的压力信息。在本发明实施例中,触摸屏16031与显示单元1604可以集成为一个部件而实现终端设备的输入、输出、显示功能。为便于描述,本发明实施例以触摸屏16031代表触摸屏16031和显示单元1604的功能集合为例进行示意性说明,当然在某些实施例中,触摸屏16031与显示单元1604也可以作为两个独立的部件。
当显示单元1604和触摸板以层的形式彼此叠加以形成触摸屏16031时,显示单元1604可以用作输入装置和输出装置,在作为输出装置时,可以用于显示图像,例如显示目标应用程序的安装界面。显示单元1604可以包括液晶显示器(Liquid Crystal Display,LCD)、薄膜晶体管液晶显示器(Thin Film Transistor Liquid Crystal Display,TFT-LCD)、有机发光二极管(Organic Light Emitting Diode,OLED)显示器、有源矩阵有机发光二极体(Active Matrix Organic Light Emitting Diode,AMOLED)显示器、平面转换(In-Plane Switching,IPS)显示器、柔性显示器、3D显示器等等中的至少一种。这些显示器中的一些可以被构造为透明状以允许用户从外部观看,这可以称为透明显示器,根据特定想要的实施方式,终端设备可以包括两个或更多显示单元。
射频单元1605可用于收发信息或通话过程中信号的接收和发送。通常,射频电路包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low NoiseAmplifier,LNA)、双工器等。此外,射频单元1605还可以通过无线通信与网络设备和其它设备通信。无线通信可以使用任一通信标准或协议,包括但不限于全球移动通讯系统(GlobalSystem of Mobile communication,GSM)、通用分组无线服务(General Packet RadioService,GPRS)、码分多址(Code Division Multiple Access,CDMA)、宽带码分多址(Wideband Code Division Multiple Access,WCDMA)、长期演进(Long Term Evolution,LTE)、电子邮件、短消息服务(Short Messaging Service,SMS)等。
音频电路1606、扬声器1607、麦克风1608可提供用户与终端设备之间的音频接口。音频电路1606可将接收到的音频数据转换后的电信号,传输到扬声器1607,由扬声器1607转换为声音信号输出。另一方面,麦克风1608将收集的声音信号转换为电信号,由音频电路1606接收后转换为音频数据,再将音频数据输出处理器1601处理后,经射频单元1605以发送给比如另一电子设备,或者将音频数据输出至存储器1602以便进一步处理,音频电路也可以包括耳机插孔1613,用于提供音频电路和耳机之间的连接接口。
WiFi属于短距离无线传输技术,终端设备通过WiFi模块1609可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图16示出了WiFi模块1609,但是可以理解的是,其并不属于终端设备的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
蓝牙是一种短距离无线通讯技术。利用蓝牙技术,能够有效地简化掌上电脑、笔记本电脑和手机等移动通信终端设备之间的通信,也能够成功地简化以上这些设备与因特网(Internet)之间的通信,终端设备通过蓝牙模块1610使终端设备与因特网之间的数据传输变得更加迅速高效,为无线通信拓宽道路。蓝牙技术是能够实现语音和数据无线传输的开放性方案。虽然图10示出了WiFi模块1609,但是可以理解的是,其并不属于终端设备的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
终端设备还可以包括电源1611(比如电池),其用于接收外部电力为终端设备内的各个部件供电。优选的,电源1611可以通过电源管理系统与处理器1601逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
终端设备还可以包括外部接口1612,该外部接口1612可以包括标准的Micro USB接口,也可以包括多针连接器,可以用于连接终端设备与其它设备进行通信,也可以用于连接充电器为终端设备充电。
尽管未示出,终端设备还可以包括摄像头、闪光灯等其它可能的功能模块,在此不再赘述。
基于同一发明构思,本发明实施例还提供一种计算机可读介质,其存储有可由终端设备执行的计算机程序,当该计算机指令在终端设备上运行时,使得终端设备执行如前述的切换视图的方法的步骤。
本领域内的技术人员应明白,本发明的实施例可提供为方法、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。

Claims (12)

1.一种切换视图的方法,其特征在于,包括:
获取滑动组件监听的滑动事件;
确定所述滑动事件的滑动方向和滑动距离;
在所述滑动事件的滑动距离大于预设阈值时,控制所述滑动组件将当前视图切换至与所述滑动方向对应的下一个视图。
2.如权利要求1所述的方法,其特征在于,还包括:
控制所述滑动组件将所述当前视图和与所述滑动方向对应的下一个视图向所述滑动方向滑动第一距离,所述第一距离为所述滑动事件的滑动距离。
3.如权利要求2所述的方法,其特征在于,所述控制所述滑动组件将当前视图切换至与所述滑动方向对应的下一个视图,包括:
控制所述滑动组件将所述当前视图和与所述滑动方向对应的下一个视图向所述滑动方向滑动第二距离,所述第二距离为所述当前视图的宽度与所述第一距离的差值。
4.如权利要求1所述的方法,其特征在于,所述控制所述滑动组件将当前视图切换至与所述滑动方向对应的下一个视图,包括:
控制所述滑动组件从配置文件中读取预设的切换速度信息以及切换动画信息;
控制所述滑动组件根据所述切换速度信息以及所述切换动画信息将当前视图切换至与所述滑动方向对应的下一个视图。
5.如权利要求1至4任一所述的方法,其特征在于,所述滑动事件包括滑动开始事件和滑动结束事件;
所述确定所述滑动事件的滑动方向和滑动距离,包括:
根据所述滑动结束事件的坐标与所述滑动开始事件的坐标的差值确定所述滑动方向和所述滑动距离。
6.一种切换视图的装置,其特征在于,包括:
获取模块,用于获取滑动组件监听的滑动事件;
识别模块,用于确定所述滑动事件的滑动方向和滑动距离;
处理模块,用于在所述滑动事件的滑动距离大于预设阈值时,控制所述滑动组件将当前视图切换至与所述滑动方向对应的下一个视图。
7.如权利要求6所述的装置,其特征在于,还包括控制模块;
所述控制模块用于,控制所述滑动组件将所述当前视图和与所述滑动方向对应的下一个视图向所述滑动方向滑动第一距离,所述第一距离为所述滑动事件的滑动距离。
8.如权利要求7所述的装置,其特征在于,所述处理模块具体用于:
控制所述滑动组件将所述当前视图和与所述滑动方向对应的下一个视图向所述滑动方向滑动第二距离,所述第二距离为所述当前视图的宽度与所述第一距离的差值。
9.如权利要求6所述的装置,其特征在于,所述处理模块具体用于:
控制所述滑动组件从配置文件中读取预设的切换速度信息以及切换动画信息;
控制所述滑动组件根据所述切换速度信息以及所述切换动画信息将当前视图切换至与所述滑动方向对应的下一个视图。
10.如权利要求6至9任一所述的装置,其特征在于,所述滑动事件包括滑动开始事件和滑动结束事件;
所述识别模块具体用于:
根据所述滑动结束事件的坐标与所述滑动开始事件的坐标的差值确定所述滑动方向和所述滑动距离。
11.一种终端设备,其特征在于,包括至少一个处理器、以及至少一个存储器,其中,所述存储器存储有计算机程序,当所述程序被所述处理器执行时,使得所述处理器执行权利要求1~5任一权利要求所述方法的步骤。
12.一种计算机可读介质,其特征在于,其存储有可由终端设备执行的计算机程序,当所述程序在终端设备上运行时,使得所述终端设备执行权利要求1~5任一所述方法的步骤。
CN201811308321.2A 2018-11-05 2018-11-05 一种切换视图的方法及装置 Pending CN109492178A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811308321.2A CN109492178A (zh) 2018-11-05 2018-11-05 一种切换视图的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811308321.2A CN109492178A (zh) 2018-11-05 2018-11-05 一种切换视图的方法及装置

Publications (1)

Publication Number Publication Date
CN109492178A true CN109492178A (zh) 2019-03-19

Family

ID=65693792

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811308321.2A Pending CN109492178A (zh) 2018-11-05 2018-11-05 一种切换视图的方法及装置

Country Status (1)

Country Link
CN (1) CN109492178A (zh)

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110333920A (zh) * 2019-05-08 2019-10-15 武汉瓯越网视有限公司 一种更新图标的方法及相关装置
CN110333816A (zh) * 2019-07-03 2019-10-15 腾讯科技(深圳)有限公司 一种轮播处理方法及装置
CN110765398A (zh) * 2019-10-14 2020-02-07 北京齐尔布莱特科技有限公司 一种页面内容的显示方法及移动终端
CN112114723A (zh) * 2020-09-24 2020-12-22 北京字跳网络技术有限公司 页面滑动方法、装置和电子设备
CN112306349A (zh) * 2020-11-05 2021-02-02 智享众联科技有限公司 一种视图页面的处理方法及装置
CN113568688A (zh) * 2020-04-29 2021-10-29 RealMe重庆移动通信有限公司 一种视图切换方法、装置、电子设备和存储介质
CN113760157A (zh) * 2021-04-01 2021-12-07 北京沃东天骏信息技术有限公司 信息展示方法、装置、电子设备以及存储介质
CN114546195A (zh) * 2022-01-14 2022-05-27 宝宝巴士股份有限公司 一种滚动视图嵌套交互效果的方法
CN115016720A (zh) * 2021-03-04 2022-09-06 北京小米移动软件有限公司 移动终端控制方法及装置、移动终端及存储介质
CN115033161A (zh) * 2022-08-09 2022-09-09 中化现代农业有限公司 网页日历显示方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101566918A (zh) * 2008-04-27 2009-10-28 宏达国际电子股份有限公司 电子装置及其使用者界面显示方法
CN103218156A (zh) * 2013-02-28 2013-07-24 广东欧珀移动通信有限公司 实现多Tab页面切换的方法及其触摸式移动终端
CN103809896A (zh) * 2012-11-15 2014-05-21 腾讯科技(深圳)有限公司 一种页面切换方法及装置
DE102014212074A1 (de) * 2014-06-24 2015-12-24 Cdp Bharat Forge Gmbh Vorrichtung zum Unterstützen einer Zungenschiene einer Weiche
CN106775379A (zh) * 2016-11-22 2017-05-31 腾讯音乐娱乐(深圳)有限公司 一种图片折叠交互动画的实现方法和装置
CN107402700A (zh) * 2017-06-21 2017-11-28 北京小度信息科技有限公司 页面显示方法和装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101566918A (zh) * 2008-04-27 2009-10-28 宏达国际电子股份有限公司 电子装置及其使用者界面显示方法
CN103809896A (zh) * 2012-11-15 2014-05-21 腾讯科技(深圳)有限公司 一种页面切换方法及装置
CN103218156A (zh) * 2013-02-28 2013-07-24 广东欧珀移动通信有限公司 实现多Tab页面切换的方法及其触摸式移动终端
DE102014212074A1 (de) * 2014-06-24 2015-12-24 Cdp Bharat Forge Gmbh Vorrichtung zum Unterstützen einer Zungenschiene einer Weiche
CN106775379A (zh) * 2016-11-22 2017-05-31 腾讯音乐娱乐(深圳)有限公司 一种图片折叠交互动画的实现方法和装置
CN107402700A (zh) * 2017-06-21 2017-11-28 北京小度信息科技有限公司 页面显示方法和装置

Cited By (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110333920B (zh) * 2019-05-08 2022-06-17 武汉瓯越网视有限公司 一种更新图标的方法及相关装置
CN110333920A (zh) * 2019-05-08 2019-10-15 武汉瓯越网视有限公司 一种更新图标的方法及相关装置
CN110333816A (zh) * 2019-07-03 2019-10-15 腾讯科技(深圳)有限公司 一种轮播处理方法及装置
CN110333816B (zh) * 2019-07-03 2021-08-24 腾讯科技(深圳)有限公司 一种轮播处理方法及装置
CN110765398A (zh) * 2019-10-14 2020-02-07 北京齐尔布莱特科技有限公司 一种页面内容的显示方法及移动终端
CN113568688A (zh) * 2020-04-29 2021-10-29 RealMe重庆移动通信有限公司 一种视图切换方法、装置、电子设备和存储介质
CN113568688B (zh) * 2020-04-29 2023-06-06 RealMe重庆移动通信有限公司 一种视图切换方法、装置、电子设备和存储介质
CN112114723A (zh) * 2020-09-24 2020-12-22 北京字跳网络技术有限公司 页面滑动方法、装置和电子设备
CN112114723B (zh) * 2020-09-24 2022-03-29 北京字跳网络技术有限公司 页面滑动方法、装置和电子设备
CN112306349A (zh) * 2020-11-05 2021-02-02 智享众联科技有限公司 一种视图页面的处理方法及装置
CN112306349B (zh) * 2020-11-05 2024-09-06 智享众联科技有限公司 一种视图页面的处理方法及装置
CN115016720A (zh) * 2021-03-04 2022-09-06 北京小米移动软件有限公司 移动终端控制方法及装置、移动终端及存储介质
US12088754B2 (en) 2021-03-04 2024-09-10 Beijing Xiaomi Mobile Software Co., Ltd. Method for controlling mobile terminal, and mobile terminal
CN113760157A (zh) * 2021-04-01 2021-12-07 北京沃东天骏信息技术有限公司 信息展示方法、装置、电子设备以及存储介质
CN114546195A (zh) * 2022-01-14 2022-05-27 宝宝巴士股份有限公司 一种滚动视图嵌套交互效果的方法
CN114546195B (zh) * 2022-01-14 2023-04-28 宝宝巴士股份有限公司 一种滚动视图嵌套交互效果的方法
CN115033161A (zh) * 2022-08-09 2022-09-09 中化现代农业有限公司 网页日历显示方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN109492178A (zh) 一种切换视图的方法及装置
US10725646B2 (en) Method and apparatus for switching screen interface and terminal
CN103699292B (zh) 一种进入文本选择模式的方法和装置
CN105681441B (zh) 数据传输方法及装置
CN108027706A (zh) 一种应用界面显示方法以及终端设备
CN105187930A (zh) 基于视频直播的互动方法及装置
WO2019237877A1 (zh) 应用图标排序方法、装置、可读存储介质及智能终端
CN105447124B (zh) 虚拟物品分享方法和装置
CN105224556B (zh) 瀑布流界面显示方法及装置
CN108475156A (zh) 一种用户界面的菜单显示方法及手持终端
WO2018219119A1 (zh) 应用功能的控制方法及相关产品
US20150121295A1 (en) Window displaying method of mobile terminal and mobile terminal
CN109949795A (zh) 一种控制智能设备交互的方法及装置
CN104021129B (zh) 显示组图的方法及终端
CN106204423A (zh) 一种基于增强现实的图片调整方法、装置及终端
CN105094809A (zh) 组合图片布局修改方法、装置以及终端设备
CN104991699B (zh) 一种视频显示控制的方法和装置
CN104869465A (zh) 视频播放控制方法和装置
CN109067981A (zh) 分屏应用切换方法、装置、存储介质和电子设备
CN104881844A (zh) 一种图片组合的方法、装置以及终端设备
CN105739839B (zh) 多媒体菜单项的选择方法及装置
US11882468B2 (en) Traffic/rate counting method and related device
CN104090743B (zh) 用于移动终端的音乐定位方法、装置及移动终端
CN104238931B (zh) 信息输入方法、装置及电子设备
CN105487770A (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