CN107656694A

CN107656694A - 用户界面的显示控制方法及装置

Info

Publication number: CN107656694A
Application number: CN201711059016.XA
Authority: CN
Inventors: 路晓创
Original assignee: Beijing Xiaomi Mobile Software Co Ltd
Current assignee: Beijing Xiaomi Mobile Software Co Ltd
Priority date: 2017-11-01
Filing date: 2017-11-01
Publication date: 2018-02-02
Anticipated expiration: 2037-11-01
Also published as: CN107656694B

Abstract

本公开是关于一种用户界面的显示控制方法及装置，包括：检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长，根据所述操作时长，对所述UI对应的动画的切换时长进行调整。本公开通过检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长，并根据所述操作时长，对所述UI对应的动画的切换时长进行调整。由此能够在不影响动画效果和保持一个相对统一的标准的前提下，通过对用户操作行为进行分析，能够根据用户的使用习惯来调整UI动画时长来适应每个人的感觉和需求，这样能让UI动画更加灵活，更加人性化。

Description

用户界面的显示控制方法及装置

技术领域

本公开涉及用户界面技术，尤其涉及一种用户界面的显示控制方法及装置。

背景技术

UI(User's Interface，用户界面)，也称人机交互界面。是指用户和某些系统进行交互方法的集合。UI动画的时长本身是人为规定的，UI动画的播放时长是衡量UI界面交互效果好坏的一个重要因素，UI动画的播放时长太长会显得拖沓，时长太短又会让动画生硬走形。相关技术中，UI效果动画的时长都是固定值，然而，不同的人对UI动画播放时长的感受和接纳程度不同，标准的UI动画时长并不能适应每个用户的感觉和需求，降低了用户使用体验。

发明内容

为克服相关技术中存在的问题，本公开提供一种用户界面的显示控制方法及装置。

根据本公开实施例的第一方面，提供一种用户界面的显示控制方法，包括：

检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长；

根据所述操作时长，对所述UI对应的动画的切换时长进行调整。

在一种可能的实现方式中，检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长，包括：

检测所述用户对所述UI的两个连续的滑动触摸操作；

将从第一个滑动触摸操作的手指离开屏幕操作到第二个滑动触摸操作的手指接触屏幕操作之间的时间差，确定为所述用户对应的操作时长。

在一种可能的实现方式中，检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长，还包括：

检测所述用户对所述UI的两个连续的点击触摸操作；

将从第一个点击触摸操作的手指离开屏幕操作到第二个点击触摸操作的手指接触屏幕操作之间的时间差，确定为所述用户对应的操作时长。

在一种可能的实现方式中，根据所述操作时长，对所述UI对应的动画的切换时长进行调整，包括：

比较所述操作时长与所述UI对应的动画的预设切换时长范围；

如果所述操作时长处于所述预设切换时长范围内，则将所述UI对应的动画的切换时长调整为所述操作时长。

在一种可能的实现方式中，如果所述操作时长处于所述预设切换时长范围内，则将所述UI对应的动画的切换时长调整为所述操作时长，还包括：

如果所述操作时长处于所述预设切换时长范围内，且所述操作时长小于所述UI对应的动画的切换时长，则将所述UI对应的动画的切换时长调整为所述操作时长。

在一种可能的实现方式中，根据所述操作时长，对所述UI对应的动画的切换时长进行调整，还包括以下至少一种方式：

如果所述操作时长小于所述预设切换时长范围的最短时长，则将所述UI对应的动画的切换时长调整为所述最短时长；或

如果所述操作时长大于所述预设切换时长范围的最长时长，则将所述UI对应的动画的切换时长调整为所述最长时长。

根据本公开实施例的第二方面，提供一种用户界面的显示控制装置，包括：

检测模块，用于检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长；

调整模块，用于根据所述操作时长，对所述UI对应的动画的切换时长进行调整。

在一种可能的实现方式中，所述检测模块包括：

第一检测子模块，用于检测所述用户对所述UI的两个连续的滑动触摸操作；

第二检测子模块，用于将从第一个滑动触摸操作的手指离开屏幕操作到第二个滑动触摸操作的手指接触屏幕操作之间的时间差，确定为所述用户对应的操作时长。

在一种可能的实现方式中，所述检测模块还包括：

第三检测子模块，用于检测所述用户对所述UI的两个连续的点击触摸操作；

第四检测子模块，用于将从第一个点击触摸操作的手指离开屏幕操作到第二个点击触摸操作的手指接触屏幕操作之间的时间差，确定为所述用户对应的操作时长。

在一种可能的实现方式中，所述调整模块包括：

第一调整子模块，用于比较所述操作时长与所述UI对应的动画的预设切换时长范围；

第二调整子模块，用于如果所述操作时长处于所述预设切换时长范围内，则将所述UI对应的动画的切换时长调整为所述操作时长。

在一种可能的实现方式中，所述第二调整子模块包括：

第三调整子模块，用于如果所述操作时长处于所述预设切换时长范围内，且所述操作时长小于所述UI对应的动画的切换时长，则将所述UI对应的动画的切换时长调整为所述操作时长。

在一种可能的实现方式中，所述调整模块还包括以下至少一种子模块：

第四调整子模块，用于如果所述操作时长小于所述预设切换时长范围的最短时长，则将所述UI对应的动画的切换时长调整为所述最短时长；或

第五调整子模块，用于如果所述操作时长大于所述预设切换时长范围的最长时长，则将所述UI对应的动画的切换时长调整为所述最长时长。

根据本公开的第三方面，提供一种用户界面的显示控制装置，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

执行上述方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述方法。

本公开的实施例提供的技术方案可以包括以下有益效果：本公开通过检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长，并根据所述操作时长，对所述UI对应的动画的切换时长进行调整。由此能够在不影响动画效果和保持一个相对统一的标准的前提下，通过对用户操作行为进行分析，能够根据用户的使用习惯来调整UI动画时长来适应每个人的感觉和需求，这样能让UI动画更加灵活，更加人性化。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种用户界面的显示控制方法的流程图。

图2是根据一示例性实施例的示出的一种用户界面的显示控制方法中步骤S102的流程图。

图3是根据一示例性实施例的示出的一种用户界面的显示控制方法的应用示例的示意图。

图4是根据一示例性实施例示出的一种用户界面的显示控制装置的框图。

图5是根据一示例性实施例的一个示例示出的一种用户界面的显示控制装置的框图。

图6是根据一示例性实施例示出的一种用于用户界面的显示控制的装置800的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种用户界面的显示控制方法的流程图。该方法可以应用于手机、平板电脑台式电脑等终端。如图1所示，所述方法包括：步骤S101和步骤S102。

在步骤S101中，检测用户对用户界面UI的连续的触摸操作，以确定用户对应的操作时长。

在步骤S102中，根据操作时长，对UI对应的动画的切换时长进行调整。

例如，该滑动触摸操作可以包括用户在屏幕的桌面上从当前屏滑动切换到下一屏的操作。该操作对应的代码控制的动画包括两部分。第一部分包括：手拖动当前屏内容滚动。第二部分包括：手指离开当前屏后下一屏内容自动滚动到目标位置。在本实施例中，可以调整的UI对应的动画的切换时长，可以是第二部分对应的时长。

在一种可能的实现方式中，步骤S101包括：检测用户对UI的两个连续的滑动触摸操作。将从第一个滑动触摸操作的手指离开屏幕操作到第二个滑动触摸操作的手指接触屏幕操作之间的时间差，确定为用户对应的操作时长。

此外，终端可以计算两个连续的滑动触摸操作的时间差，并计算这些时间差的的平均值，最后采用该平均值作为用户对应的操作时长。

在一种可能的实现方式中，步骤S101包括：检测用户对UI的两个连续的点击触摸操作。将从第一个点击触摸操作的手指离开屏幕操作到第二个点击触摸操作的手指接触屏幕操作之间的时间差，确定为用户对应的操作时长。

此外，终端可以计算两个连续的点击触摸操作的时间差，并计算这些时间差的的平均值，最后采用该平均值作为用户对应的操作时长。

不同的人对动画时间的感觉不同，本公开通过对用户操作行为进行分析，能够根据用户的使用习惯来自动调整UI对应的动画的切换时长，以适应每个人的感觉和需求，这样能让界面动画更加灵活，更加人性化。

图2是根据一示例性实施例的示出的一种用户界面的显示控制方法中步骤S102的流程图。与上述实施例的不同之处在于，如图2所示，步骤S102可以包括步骤S201和步骤S202。

在步骤S201中，比较操作时长与UI对应的动画的预设切换时长范围。

在步骤S202中，如果操作时长处于预设切换时长范围内，则将UI对应的动画的切换时长调整为操作时长。

例如，如果UI对应的动画的预设切换时长范围为200ms(毫秒)到500ms，检测到用户对应的操作时长为300ms，则将UI对应的动画的切换时长调整为操作时长300ms。如果检测到用户对应的操作时长为600ms或150ms，则可以保持当前设定的UI对应的动画的切换时长不变。

在一种可能的实现方式中，步骤S202还包括：

如果操作时长处于预设切换时长范围内，且操作时长小于UI对应的动画的切换时长，则将UI对应的动画的切换时长调整为操作时长。

接上例，如果检测到用户对应的操作时长为300ms，再比较300ms和当前设定的UI对应的动画的切换时长。如果当前设定的UI对应的动画的切换时长是400ms，可以将UI对应的动画的切换时长调整为操作时长300ms。如果当前设定的UI对应的动画的切换时长是250ms，可以保持当前设定的UI对应的动画的切换时长不变。

在一种可能的实现方式中，根据操作时长，对UI对应的动画的切换时长进行调整，还包括以下至少一种方式：

如果操作时长小于预设切换时长范围的最短时长，则将UI对应的动画的切换时长调整为最短时长。

如果操作时长大于预设切换时长范围的最长时长，则将UI对应的动画的切换时长调整为最长时长。

接上例，预设切换时长范围的最短时长是200ms，如果检测到用户对应的操作时长为150ms，则将UI对应的动画的切换时长调整为200ms。预设切换时长范围的最长时长是500ms，如果检测到用户对应的操作时长为600ms，则将UI对应的动画的切换时长调整为500ms。

此外，参见图3，还可以将UI对应的动画的切换时长默认地设置为标准时长。例如，在终端初始的使用阶段，从检测到用户的手指离开屏幕到一屏内容滚动到目标位置动画停止的标准时长为a。并且，从检测到用户的手指离开屏幕到一屏内容滚动到目标位置动画停止的最短时长为b。经过对用户操作行为进行分析后得到的操作时长为c，操作时长是从用户某一次触摸屏幕后手指离开屏幕到手指放在屏幕上开始进行第二滑动为止。

本公开通过对用户操作行为进行分析，能够根据用户的使用习惯来自动调整UI对应的动画的切换时长，以适应每个人的感觉和需求，这样能让界面动画更加灵活，更加人性化。

图4是根据一示例性实施例示出的一种用户界面的显示控制装置的框图。参照图4，该装置包括检测模块11和调整模块12。

该检测模块11，被配置为检测用户对用户界面UI的连续的触摸操作，以确定用户对应的操作时长。

该调整模块12，被配置为根据操作时长，对UI对应的动画的切换时长进行调整。

不同的人对动画时间的感觉不同，本实施例通过对用户操作行为进行分析，能够根据用户的使用习惯来自动调整UI对应的动画的切换时长，以适应每个人的感觉和需求，这样能让界面动画更加灵活，更加人性化。

图5是根据一示例性实施例的一个示例示出的一种用户界面的显示控制装置的框图。为了便于说明，在图5中仅展示出了与本实施例相关的部分。图5中标号与图4相同的组件具有相同的功能，为了简明起见，省略对这些组件的详细说明。如图4所示，

在一种可能的实现方式中，检测模块11包括：

第一检测子模块111，被配置为检测用户对UI的两个连续的滑动触摸操作。

第二检测子模块112，被配置为将从第一个滑动触摸操作的手指离开屏幕操作到第二个滑动触摸操作的手指接触屏幕操作之间的时间差，确定为用户对应的操作时长。

在一种可能的实现方式中，检测模块11还包括：

第三检测子模块113，被配置为检测用户对UI的两个连续的点击触摸操作。

第四检测子模块114，被配置为将从第一个点击触摸操作的手指离开屏幕操作到第二个点击触摸操作的手指接触屏幕操作之间的时间差，确定为用户对应的操作时长。

在一种可能的实现方式中，调整模块12包括：

第一调整子模块121，被配置为比较操作时长与UI对应的动画的预设切换时长范围。

第二调整子模块122，被配置为如果操作时长处于预设切换时长范围内，则将UI对应的动画的切换时长调整为操作时长。

在一种可能的实现方式中，第二调整子模块122包括：

第三调整子模块1221，被配置为如果操作时长处于预设切换时长范围内，且操作时长小于UI对应的动画的切换时长，则将UI对应的动画的切换时长调整为操作时长。

在一种可能的实现方式中，调整模块12还包括以下至少一种子模块：

第四调整子模块123，被配置为如果操作时长小于预设切换时长范围的最短时长，则将UI对应的动画的切换时长调整为最短时长。或

第五调整子模块124，被配置为如果操作时长大于预设切换时长范围的最长时长，则将UI对应的动画的切换时长调整为最长时长。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图6是根据一示例性实施例示出的一种用于用户界面的显示控制的装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图6，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到装置800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims

1.一种用户界面的显示控制方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长，包括：

检测所述用户对所述UI的两个连续的滑动触摸操作；

3.根据权利要求1所述的方法，其特征在于，检测用户对用户界面UI的连续的触摸操作，以确定所述用户对应的操作时长，还包括：

检测所述用户对所述UI的两个连续的点击触摸操作；

4.根据权利要求1所述的方法，其特征在于，根据所述操作时长，对所述UI对应的动画的切换时长进行调整，包括：

5.根据权利要求4所述的方法，其特征在于，如果所述操作时长处于所述预设切换时长范围内，则将所述UI对应的动画的切换时长调整为所述操作时长，还包括：

6.根据权利要求4或5所述的方法，其特征在于，根据所述操作时长，对所述UI对应的动画的切换时长进行调整，还包括以下至少一种方式：

7.一种用户界面的显示控制装置，其特征在于，包括：

8.根据权利要求7所述的装置，其特征在于，所述检测模块包括：

9.根据权利要求7所述的装置，其特征在于，所述检测模块还包括：

10.根据权利要求7所述的装置，其特征在于，所述调整模块包括：

11.根据权利要求10所述的装置，其特征在于，所述第二调整子模块包括：

12.根据权利要求10或11所述的装置，其特征在于，所述调整模块还包括以下至少一种子模块：

13.一种用户界面的显示控制装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：执行权利要求1至6中任意一项所述方法的步骤。

14.一种非临时性计算机可读存储介质，当所述存储介质中的指令由处理器执行时，使得处理器能够执行根据权利要求1至6中任意一项所述方法的步骤。