WO2018218938A1 - 直播界面透明度的调整方法、存储介质、电子设备及系统 - Google Patents

直播界面透明度的调整方法、存储介质、电子设备及系统 Download PDF

Info

Publication number
WO2018218938A1
WO2018218938A1 PCT/CN2017/117363 CN2017117363W WO2018218938A1 WO 2018218938 A1 WO2018218938 A1 WO 2018218938A1 CN 2017117363 W CN2017117363 W CN 2017117363W WO 2018218938 A1 WO2018218938 A1 WO 2018218938A1
Authority
WO
WIPO (PCT)
Prior art keywords
transparency
interface
live
title bar
live broadcast
Prior art date
Application number
PCT/CN2017/117363
Other languages
English (en)
French (fr)
Inventor
张磊
陈少杰
张文明
Original Assignee
武汉斗鱼网络科技有限公司
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 武汉斗鱼网络科技有限公司 filed Critical 武汉斗鱼网络科技有限公司
Publication of WO2018218938A1 publication Critical patent/WO2018218938A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04804—Transparency, e.g. transparent or translucent windows

Definitions

  • the invention relates to the field of parameter setting of a live broadcast interface, and particularly relates to a method for adjusting the transparency of a live broadcast interface, a storage medium, an electronic device and a system.
  • the existing live interface needs to implement adaptive adjustment of transparency: when the user controls the mobile terminal's live interface to move downward by the gesture (ie, the finger slides up), the title bar of the live interface changes from transparent to opaque, and the live interface moves upward. (ie, the finger slides down), the title bar is changed from opaque to transparent; the title bar of the live interface is not fixed at the head of the entire live interface, but at the top of the live interface displayed, ie the title bar will follow the live interface. Slide to move, but always at the top of the live interface that appears after swiping.
  • the transparency adjustment method of the conventional live broadcast interface is generally: an animation that defines transparency changes on the live interface; when the client monitors that the interface moves downward, the animation of the title bar display (ie, from transparent to opaque) is turned on, when the client When the interface is moved up, the animation of the title bar hidden (ie from opaque to transparent) is turned on.
  • the live interface When the live interface moves up and down quickly, it may cause two animation effects to be displayed and hidden at the same time, which will appear in the process of fast up and down movement, one animation effect has not been completed, and another animation effect has already started, which will result in An anomalous situation in which the animation effect overlaps, thereby reducing the quality of the live interface.
  • the technical problem solved by the present invention is: how to avoid abnormality of the live broadcast interface when the live broadcast interface adaptively adjusts the transparency of the title bar during the moving process.
  • the invention adjusts the transparency of the title bar, the quality of the live interface can be ensured, and the user experience is significantly improved, which is very suitable for promotion.
  • the method for adjusting the transparency of the live interface includes the following steps:
  • S1 the mobile terminal sets the title bar of the live interface to be invisible, and goes to S2;
  • the mapping formula of the range of values of the transparency T and the X in S3 is the formula (1) or the quadratic function formula (2);
  • the storage medium provided by the present invention stores a computer program on the storage medium, and the computer program is implemented by the processor to implement the method for adjusting the transparency of the live interface.
  • the electronic device comprises a memory and a processor.
  • the memory stores a computer program running on the processor, and the processor adjusts the transparency of the live interface when the computer program executes the computer program.
  • the system for adjusting the transparency of the live interface comprises a title bar setting module, a title bar parameter obtaining module, a transparency mapping module and a transparency adjusting module, which are arranged on the mobile terminal;
  • the title bar setting module is used for: the mobile terminal sets the title bar of the live broadcast interface to be invisible, and goes to the title bar parameter acquisition module;
  • the title bar parameter obtaining module is configured to: obtain a height H of the title bar, and send a transparency mapping signal to the transparency mapping module;
  • X is a live interface.
  • X1 is the offset value of the live interface after the last move relative to the head of the live interface
  • X2 is the live interface.
  • the distance moved, and the transparency adjustment signal is sent to the transparency adjustment module;
  • the transparency adjustment module is configured to: after receiving the transparency adjustment signal, when the mobile terminal monitors that the live interface moves, obtain T according to the mapping relationship in the X and transparency mapping module, and adjust the transparency of the title bar according to T.
  • the present invention maps the offset of the corresponding title bar by the offset value of the mobile live interface relative to the top of the live interface when the live interface moves; thereby making the title bar transparent.
  • the change is adaptively changed with the movement of the live interface, and there is no situation in which the animation overlaps when the plurality of animations are parallel in the prior art. Therefore, the present invention can ensure the live broadcast when the transparency of the title bar is adjusted during the movement of the live interface.
  • the quality of the interface significantly enhances the user experience and is ideal for promotion.
  • the present invention sets the title bar of the live broadcast interface to be invisible, so that when the title bar needs to be gradually displayed subsequently, only the transparency of the title bar needs to be adjusted; if the title bar is set to be visible, the subsequent need to gradually When hiding the title bar, you need to add a transparent layer to cover the title bar; set the title bar of the live interface to invisible, which can simplify the subsequent operation process and improve work efficiency.
  • the present invention provides a mapping relationship between two types of transparency and the value range of the mobile interface offset value, and each mapping relationship can ensure that the calculation is performed during the movement of the live interface. Adapt to adjust the transparency of the title bar.
  • FIG. 1 is a flowchart of a method for adjusting transparency of a live interface according to an embodiment of the present invention
  • FIG. 2 is a block diagram showing the connection of an electronic device in an embodiment of the present invention.
  • the method for adjusting the transparency of the live interface in the embodiment of the present invention includes the following steps:
  • S1 The mobile terminal sets the title bar of the live interface to be invisible, and the purpose is: when the title bar needs to be gradually displayed, only the transparency of the title bar needs to be adjusted; if the title bar is set to be visible, the subsequent need to gradually hide the title bar , you need to add a transparent layer to cover the title bar.
  • the title bar of the live broadcast interface is set to be invisible, which simplifies the subsequent operation process and improves work efficiency. Go to S2.
  • S2 Get the height H of the title bar.
  • the specific process is: according to the ID of the title bar, obtain the column information of the title bar, call the height acquisition function to obtain the height H in the column information, and go to S3.
  • T T0 ⁇ T1
  • T0 represents transparency of 0% (ie, opaque)
  • T1 represents transparency of 100% (ie, completely transparent)
  • the transparency variation range T in this embodiment is selected by Android development.
  • the relationship between the transparency T and the value range of X is formed.
  • X is the offset value X of the live broadcast interface (the title bar in the mobile phone) relative to the top of the live broadcast interface when the live interface moves (ie, the title bar after moving)
  • the calculation formula of the distance between the heads of the live interface: X X1-X2, X1 is the offset value of the live interface after moving once relative to the head of the live interface, and X2 is the distance of the live interface of the live interface. S4. .
  • the acquisition mode of X2 in S3 is: create screen coordinate system, the screen coordinate system includes coordinate axis origin, X axis (horizon axis) and Y axis (vertical axis), the origin of the coordinate axis is at the top of the live interface (ie, upper left), coordinates
  • the direction of the axis origin to the right is the positive direction of the X axis
  • the direction of the origin of the coordinate axis is the positive direction of the Y axis
  • determining X2 according to the origin of the coordinate axis and the Y axis it can be concluded that when the live interface moves up, X2 is Negative, when the live interface moves down, X2 is a positive number.
  • mapping formula in S3 is (1) or (2) below:
  • T (X ⁇ 1.0F) / H
  • 1.0F represents a single-precision floating-point number
  • the purpose of X ⁇ 1.0F is to ensure that the obtained T is a non-integer, and thus can correspond to a specific transparency.
  • the embodiment of the present invention maps the offset of the live broadcast interface relative to the top of the live broadcast interface to obtain the corresponding transparency when the live broadcast interface is moved;
  • the synchronous adaptive change there is no situation in which the animation overlaps when the plurality of animations are parallel in the prior art. Therefore, when the transparency is adjusted during the movement of the live interface, the quality of the live interface can be ensured, and the user is significantly improved. Experience is very suitable for promotion.
  • the embodiment of the invention further provides a storage medium, where the computer program is stored on the storage medium, and the method for adjusting the transparency of the live interface is implemented when the computer program is executed by the processor.
  • the storage medium includes a U disk, a mobile hard disk, a ROM (Read-Only Memory), a RAM (Random Access Memory), a disk or an optical disk, and the like. The medium of the code.
  • an embodiment of the present invention further provides an electronic device, including a memory and a processor, where the computer stores a computer program running on the processor, and the method for adjusting the transparency of the live interface is implemented when the processor executes the computer program. .
  • the system for adjusting the transparency of the live broadcast interface includes a title bar setting module, a title bar parameter obtaining module, a transparency mapping module, and a transparency adjusting module, which are disposed on the mobile terminal.
  • the title bar setting module is used for: the mobile terminal sets the title bar of the live interface to be invisible, and goes to the title bar parameter acquisition module.
  • the title bar parameter obtaining module is configured to: obtain the height H of the title bar: obtain the column information of the title bar according to the ID of the title bar, call the height acquisition function to obtain the height H in the column information, and send the transparency mapping signal to the transparency mapping module.
  • T T0 ⁇ T1
  • T0 represents transparency of 0%
  • T1 represents transparency of 100%
  • X is a live interface.
  • mapping formula of the above range of values of transparency T and X is as follows (1) or (2):
  • T (X ⁇ 1.0F) / H
  • 1.0F represents a single-precision floating-point number
  • the purpose of X ⁇ 1.0F is to ensure that the obtained T is a non-integer, and thus can correspond to a specific transparency.
  • the above X2 acquisition method is: creating a screen coordinate system, the screen coordinate system includes the coordinate axis origin, the X axis and the Y axis, the origin of the coordinate axis is located at the top of the live broadcast interface, and the direction of the origin of the coordinate axis to the right is the positive direction of the X axis, and the coordinates
  • the downward direction of the axis origin is the positive direction of the Y axis;
  • X2 is determined according to the origin of the coordinate axis and the Y axis; when the live interface moves up, X2 is a negative number, and when the live interface moves downward, X2 is a positive number.
  • the transparency adjustment module is configured to: after receiving the transparency adjustment signal, when the mobile terminal monitors that the live interface moves, obtain T according to the mapping relationship in the X and transparency mapping module, and adjust the transparency of the title bar according to T.

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)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
  • Image Generation (AREA)

Abstract

本发明公开了一种直播界面透明度的调整方法、存储介质、电子设备及系统，涉及直播界面的参数设置领域。该方法的步骤为：移动终端将直播界面的标题栏设置为不可见，获取标题栏的高度H；将透明度T与X的取值范围形成映射关系；X为直播界面发生移动时，移动后的直播界面相对于直播界面顶部的偏移值，X＝X1-X2，X1为直播界面上一次移动后相对于直播界面头部的偏移值，X2为直播界面本次移动的距离；当移动终端监测到直播界面发生移动时，根据X和映射关系得到T，根据T来调整标题栏的透明度。本发明在直播界面的移动过程中自适应调整标题栏的透明度时，能够保证直播界面的质量，显著提升了用户体验，非常适于推广。

Description

直播界面透明度的调整方法、存储介质、电子设备及系统 技术领域
本发明涉及直播界面的参数设置领域，具体涉及一种直播界面透明度的调整方法、存储介质、电子设备及系统。
背景技术
随着直播行业的迅速发展，人们的直播界面的要求越来越高。现有的直播界面需要实现透明度的自适应调整：即用户通过手势控制移动终端的直播界面向下移动时(即手指向上滑)，直播界面的标题栏由透明变换为不透明，直播界面向上移动时(即手指向下滑)，标题栏由不透明变换为透明；直播界面的标题栏并不是固定位于整个直播界面的头部，而是位于显示的直播界面的顶部，即标题栏会随着直播界面的滑动而移动，但始终位于滑动后显示的直播界面顶部。
常规实现直播界面的透明度调整方法一般为：在直播界面上定义透明度变化的动画；当客户端监测到界面向下移动时，开启标题栏显示(即由透明到不透明)的动画效果，当客户端监测到界面向上移动时，开启标题栏隐藏(即由不透明到透明)的动画效果。
但是，上述透明度调整方法存在以下缺陷：
当直播界面快速上下移动时，可能同时使得显示和隐藏2个动画效果并发，进而会出现在快速上下移动的过程中，1个动画效果尚未完成，另1个动画效果已经开始，此时会导致动画效果出现重叠的异常情况，进而降低直播界面的质量。
发明内容
针对现有技术中存在的缺陷，本发明解决的技术问题为：直播界面在移动过程中自适应调整标题栏的透明度时，如何避免直播界面出现异常。本发明调整标题栏的透明度时，能够保证直播界面的质量，显著提升了用户体验，非常适于推广。
为达到以上目的，本发明提供的直播界面透明度的调整方法，包括以下步骤：
S1：移动终端将直播界面的标题栏设置为不可见，转到S2；
S2：获取标题栏的高度H，转到S3；
S3：将透明度T与X的取值范围形成映射关系，T＝T0～T1，T0代表透明度为0％，T1代表透明度为100％；X为直播界面发生移动时，移动后的直播界面相对于直播界面顶部的偏移值，X＝X1-X2，X1为直播界面上一次移动后相对于直播界面头部的偏移值，X2为直播界面本次移动的距离，转到S4；
S4：当移动终端监测到直播界面发生移动时，根据X和S3中所述映射关系得到T，根据T来调整标题栏的透明度。
在上述技术方案的基础上，S3中所述透明度T与X的取值范围的映射公式为公式(1)、或者二次函数公式(2)；公式(1)为：T＝(X·1.0F)/H，F表示单精度的浮点数；二次函数公式(2)为：T＝a·X 2+b·X，其中a和b为常数。
本发明提供的存储介质，该存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述直播界面透明度的调整方法。
本发明提供的电子设备，包括存储器和处理器，存储器上储存有在处理器上运行的计算机程序，处理器执行计算机程序时实现上述直播界面透明度的调整方法。
本发明提供的直播界面透明度的调整系统，包括设置于移动终端 上的标题栏设置模块、标题栏参数获取模块、透明度映射模块和透明度调整模块；
标题栏设置模块用于：移动终端将直播界面的标题栏设置为不可见，转到标题栏参数获取模块；
标题栏参数获取模块用于：获取标题栏的高度H，向透明度映射模块发送透明度映射信号；
透明度映射模块用于：收到透明度映射信号后，将透明度T与X的取值范围形成映射关系，T＝T0～T1，T0代表透明度为0％，T1代表透明度为100％；X为直播界面发生移动时，移动后的直播界面相对于直播界面顶部的偏移值，X＝X1-X2，X1为直播界面上一次移动后相对于直播界面头部的偏移值，X2为直播界面本次移动的距离，向透明度调整模块发送透明度调整信号；
透明度调整模块用于：收到透明度调整信号后，当移动终端监测到直播界面发生移动时，根据X和透明度映射模块中的映射关系得到T，根据T来调整标题栏的透明度。
与现有技术相比，本发明的优点在于：
(1)参见本发明S2至S4可知，本发明在直播界面移动时，通过移动化的直播界面相对于直播界面顶部的偏移值，来映射得到对应的标题栏透明度；进而使得标题栏透明度的变化随着直播界面的移动而同步自适应变化，不会出现现有技术多个动画并行时动画重叠的情形，因此，本发明在直播界面移动的过程中调整标题栏的透明度时，能够保证直播界面的质量，显著提升了用户体验，非常适于推广。
进一步，参见本发明S1可知，本发明将直播界面的标题栏设置为不可见，进而使得后续需要逐渐显示标题栏时，只需要调整标题栏的透明度；若将标题栏设置为可见，后续需要逐渐隐藏标题栏时，则 需要添加透明图层来覆盖标题栏；即将直播界面的标题栏设置为不可见，能够简化后续操作过程，提高工作效率。
(2)参见本发明S3可知，本发明给出了2种透明度与直播界面移动偏移值的取值范围的映射关系，每种映射关系均能够保证在直播界面的移动过程中，计算并自适应调整标题栏的透明度。
附图说明
图1为本发明实施例中直播界面透明度的调整方法的流程图；
图2为本发明实施例中电子设备的连接框图。
具体实施方式
以下结合附图及实施例对本发明作进一步详细说明。
参见图1所示，本发明实施例中的直播界面透明度的调整方法，包括以下步骤：
S1：移动终端将直播界面的标题栏设置为不可见，其目的为：后续需要逐渐显示标题栏时，只需要调整标题栏的透明度；若将标题栏设置为可见，后续需要逐渐隐藏标题栏时，则需要添加透明图层来覆盖标题栏。即将直播界面的标题栏设置为不可见，能够简化后续操作过程，提高工作效率，转到S2。
S2：获取标题栏的高度H，具体流程为：根据标题栏的ID，获取标题栏的栏目信息，调用高度获取函数获取栏目信息中的高度H，转到S3。
S3：定义透明度T的变化范围，T＝T0～T1，T0代表透明度为0％(即不透明)，T1代表透明度为100％(即完全透明)，本实施例中的透明度变化范围T选取Android开发过程中的透明度变化范围，即T0＝0，T1＝1。将透明度T与X的取值范围形成映射关系，X为直 播界面发生移动时，移动后的直播界面(中的标题栏)相对于直播界面顶部的偏移值X(即移动后的标题栏与直播界面头部之间的距离)的计算公式：X＝X1-X2，X1为直播界面上一次移动后相对于直播界面头部的偏移值，X2为直播界面本次移动的距离，转到S4。。
S3中X2的获取方式为：创建屏幕坐标系，屏幕坐标系包括坐标轴原点、X轴(横轴)和Y轴(纵轴)，坐标轴原点位于直播界面的顶部(即左上方)，坐标轴原点向右的方向为X轴的正方向，坐标轴原点向下的方向为Y轴的正方向；根据坐标轴原点和Y轴确定X2，可以得出，当直播界面向上移动时，X2为负数，当直播界面向下移动时，X2为正数。
S3中的映射公式为以下(1)或(2)：
(1)T＝(X·1.0F)/H，1.0F表示单精度浮点数，X·1.0F的目的在于保证得到的T是非整数，进而可以对应具体的透明度。
(2)建立二次函数方程式：T＝a·X 2+b·X，其中a和b为常数。
S4：当移动终端通过手势监听类监测到直播界面发生移动时，根据X和S3中的映射关系得到T，根据T来调整标题栏的透明度。例如T＝0.1时，将标题栏的透明度调整为10％，T＝0.3时，将标题栏的透明度调整为30％等。
参见S2至S4可知，本发明实施例在直播界面移动时，通过移动化的直播界面相对于直播界面顶部的偏移值，来映射得到对应的透明度；进而使得透明度的变化随着直播界面的移动而同步自适应变化，不会出现现有技术多个动画并行时动画重叠的情形，因此，本发明实施例在直播界面移动的过程中调整透明度时，能够保证直播界面的质量，显著提升了用户体验，非常适于推广。
本发明实施例还提供一种存储介质，存储介质上存储有计算机程序，计算机程序被处理器执行时实现上述直播界面透明度的调整方法。需要说明的是，所述存储介质包括U盘、移动硬盘、ROM(Read-Only Memory，只读存储器)、RAM(Random Access Memory，随机存取存储器)、磁碟或者光盘等各种可以存储程序代码的介质。
参见图2所示，本发明实施例还提供一种电子设备，包括存储器和处理器，存储器上储存有在处理器上运行的计算机程序，处理器执行计算机程序时实现上述直播界面透明度的调整方法。
本发明实施例提供的直播界面透明度的调整系统，包括设置于移动终端上的标题栏设置模块、标题栏参数获取模块、透明度映射模块和透明度调整模块。
标题栏设置模块用于：移动终端将直播界面的标题栏设置为不可见，转到标题栏参数获取模块。
标题栏参数获取模块用于：获取标题栏的高度H：根据标题栏的ID，获取标题栏的栏目信息，调用高度获取函数获取栏目信息中的高度H，向透明度映射模块发送透明度映射信号。
透明度映射模块用于：收到透明度映射信号后，将透明度T与X的取值范围形成映射关系，T＝T0～T1，T0代表透明度为0％，T1代表透明度为100％；X为直播界面发生移动时，移动后的直播界面相对于直播界面顶部的偏移值，X＝X1-X2，X1为直播界面上一次移动后相对于直播界面头部的偏移值，X2为直播界面本次移动的距离，向透明度调整模块发送透明度调整信号。
上述透明度T与X的取值范围的映射公式以下(1)或(2)：
(1)T＝(X·1.0F)/H，1.0F表示单精度浮点数，X·1.0F的目的在于保证得到的T是非整数，进而可以对应具体的透明度。
(2)建立二次函数方程式：T＝a·X 2+b·X，其中a和b为常数。
上述X2的获取方式为：创建屏幕坐标系，屏幕坐标系包括坐标轴原点、X轴和Y轴，坐标轴原点位于直播界面的顶部，坐标轴原点向右的方向为X轴的正方向，坐标轴原点向下的方向为Y轴的正方向；根据坐标轴原点和Y轴确定X2；当直播界面向上移动时，X2为负数，当直播界面向下移动时，X2为正数。
透明度调整模块用于：收到透明度调整信号后，当移动终端监测到直播界面发生移动时，根据X和透明度映射模块中的映射关系得到T，根据T来调整标题栏的透明度。
需要说明的是：本发明实施例提供的系统在进行模块间通信时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将系统的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。
进一步，本发明不局限于上述实施方式，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (10)

  1. 一种直播界面透明度的调整方法，其特征在于，该方法包括以下步骤：
    S1：移动终端将直播界面的标题栏设置为不可见，转到S2；
    S2：获取标题栏的高度H，转到S3；
    S3：将透明度T与X的取值范围形成映射关系，T＝T0～T1，T0代表透明度为0％，T1代表透明度为100％；X为直播界面发生移动时，移动后的直播界面相对于直播界面顶部的偏移值，X＝X1-X2，X1为直播界面上一次移动后相对于直播界面头部的偏移值，X2为直播界面本次移动的距离，转到S4；
    S4：当移动终端监测到直播界面发生移动时，根据X和S3中所述映射关系得到T，根据T来调整标题栏的透明度。
  2. 如权利要求1所述的直播界面透明度的调整方法，其特征在于：S3中所述透明度T与X的取值范围的映射公式为公式(1)、或者二次函数公式(2)；公式(1)为：T＝(X·1.0F)/H，其中1.0F表示单精度浮点数；二次函数公式(2)为：T＝a·X 2+b·X，其中a和b为常数。
  3. 如权利要求1或2所述的直播界面透明度的调整方法，其特征在于：S3中所述X2的获取方式为：创建屏幕坐标系，屏幕坐标系包括坐标轴原点和Y轴，坐标轴原点位于直播界面的顶部，坐标轴原点向下的方向为Y轴的正方向；根据坐标轴原点和Y轴确定X2；当直播界面向上移动时，X2为负数，当直播界面向下移动时，X2为正数。
  4. 一种存储介质，该存储介质上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现权利要求1至3任一项所述 的方法。
  5. 一种电子设备，包括存储器和处理器，存储器上储存有在处理器上运行的计算机程序，其特征在于：处理器执行计算机程序时实现权利要求1至3任一项所述的方法。
  6. 一种直播界面透明度的调整系统，其特征在于：该系统包括设置于移动终端上的标题栏设置模块、标题栏参数获取模块、透明度映射模块和透明度调整模块；
    标题栏设置模块用于：移动终端将直播界面的标题栏设置为不可见，转到标题栏参数获取模块；
    标题栏参数获取模块用于：获取标题栏的高度H，向透明度映射模块发送透明度映射信号；
    透明度映射模块用于：收到透明度映射信号后，将透明度T与X的取值范围形成映射关系，T＝T0～T1，T0代表透明度为0％，T1代表透明度为100％；X为直播界面发生移动时，移动后的直播界面相对于直播界面顶部的偏移值，X＝X1-X2，X1为直播界面上一次移动后相对于直播界面头部的偏移值，X2为直播界面本次移动的距离，向透明度调整模块发送透明度调整信号；
    透明度调整模块用于：收到透明度调整信号后，当移动终端监测到直播界面发生移动时，根据X和透明度映射模块中的映射关系得到T，根据T来调整标题栏的透明度。
  7. 如权利要求6所述的直播界面透明度的调整系统，其特征在于：所述透明度映射模块中透明度T与X的取值范围的映射公式为：T＝(X·1.0F)/H，其中1.0F表示单精度浮点数。
  8. 如权利要求6所述的直播界面透明度的调整系统，其特征在于：所述透明度映射模块中透明度T与X的取值范围的映射公式为 二次函数方程式：T＝a·X 2+b·X，其中a和b为常数。
  9. 如权利要求6所述的直播界面透明度的调整系统，其特征在于：所述透明度映射模块中X2的获取方式为：创建屏幕坐标系，屏幕坐标系包括坐标轴原点和Y轴，坐标轴原点位于直播界面的顶部，坐标轴原点向下的方向为Y轴的正方向；根据坐标轴原点和Y轴确定X2；当直播界面向上移动时，X2为负数，当直播界面向下移动时，X2为正数。
  10. 如权利要求6至9任一项所述的直播界面透明度的调整系统，其特征在于，所述标题栏参数获取模块的流程包括：根据标题栏的ID，获取标题栏的栏目信息，调用高度获取函数获取栏目信息中的高度H。
PCT/CN2017/117363 2017-06-02 2017-12-20 直播界面透明度的调整方法、存储介质、电子设备及系统 WO2018218938A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710409826.7 2017-06-02
CN201710409826.7A CN107247536B (zh) 2017-06-02 2017-06-02 直播界面透明度的调整方法、存储介质、电子设备及系统

Publications (1)

Publication Number Publication Date
WO2018218938A1 true WO2018218938A1 (zh) 2018-12-06

Family

ID=60018439

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/117363 WO2018218938A1 (zh) 2017-06-02 2017-12-20 直播界面透明度的调整方法、存储介质、电子设备及系统

Country Status (2)

Country Link
CN (1) CN107247536B (zh)
WO (1) WO2018218938A1 (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107247536B (zh) * 2017-06-02 2019-11-12 武汉斗鱼网络科技有限公司 直播界面透明度的调整方法、存储介质、电子设备及系统
CN108052360A (zh) * 2017-10-19 2018-05-18 福建中金在线信息科技有限公司 标题栏背景的变化方法、装置及电子设备
CN108021323A (zh) * 2018-01-02 2018-05-11 武汉斗鱼网络科技有限公司 界面操作处理方法、装置、电子设备及存储介质
CN108810602B (zh) * 2018-03-30 2020-09-04 武汉斗鱼网络科技有限公司 一种用于显示直播间信息的方法、装置及计算机设备
CN111724222A (zh) * 2019-03-19 2020-09-29 阿里巴巴集团控股有限公司 一种直播中信息处理方法、装置及电子设备
CN109947521B (zh) * 2019-03-28 2022-12-27 北京小米移动软件有限公司 界面切换方法、装置以及存储介质
CN111078011A (zh) * 2019-12-11 2020-04-28 网易（杭州）网络有限公司 手势控制方法、装置、计算机可读存储介质及电子设备
CN113448474A (zh) * 2021-06-30 2021-09-28 广州博冠信息科技有限公司 直播间的互动界面展示方法、装置、介质及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140165003A1 (en) * 2012-12-12 2014-06-12 Appsense Limited Touch screen display
CN105353947A (zh) * 2015-10-26 2016-02-24 努比亚技术有限公司 一种移动终端及控制应用显示内容的方法
CN105930024A (zh) * 2016-04-06 2016-09-07 广州阿里巴巴文学信息技术有限公司 交互界面显示方法、装置及用户终端
CN106020590A (zh) * 2016-05-09 2016-10-12 腾讯科技（深圳）有限公司 视图显示方法及装置
CN107247536A (zh) * 2017-06-02 2017-10-13 武汉斗鱼网络科技有限公司 直播界面透明度的调整方法、存储介质、电子设备及系统

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9374521B1 (en) * 2015-02-27 2016-06-21 Google Inc. Systems and methods for capturing images from a lock screen
CN106648399B (zh) * 2015-11-02 2020-10-16 阿里巴巴（中国）有限公司 一种界面显示处理方法、装置及设备
CN106055191A (zh) * 2016-04-19 2016-10-26 乐视控股（北京）有限公司 终端设备及其界面显示方法
CN106648305A (zh) * 2016-10-26 2017-05-10 天脉聚源(北京)传媒科技有限公司 一种状态栏处理方法及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140165003A1 (en) * 2012-12-12 2014-06-12 Appsense Limited Touch screen display
CN105353947A (zh) * 2015-10-26 2016-02-24 努比亚技术有限公司 一种移动终端及控制应用显示内容的方法
CN105930024A (zh) * 2016-04-06 2016-09-07 广州阿里巴巴文学信息技术有限公司 交互界面显示方法、装置及用户终端
CN106020590A (zh) * 2016-05-09 2016-10-12 腾讯科技（深圳）有限公司 视图显示方法及装置
CN107247536A (zh) * 2017-06-02 2017-10-13 武汉斗鱼网络科技有限公司 直播界面透明度的调整方法、存储介质、电子设备及系统

Also Published As

Publication number Publication date
CN107247536A (zh) 2017-10-13
CN107247536B (zh) 2019-11-12

Similar Documents

Publication Publication Date Title
WO2018218938A1 (zh) 直播界面透明度的调整方法、存储介质、电子设备及系统
CN105378653B (zh) 将应用窗口智能插入到受管理的显示器区段中
US11302286B2 (en) Picture obtaining method and apparatus and picture processing method and apparatus
KR102140850B1 (ko) 사진을 이용한 운영체제 색상 세팅
US10885876B2 (en) Method and device for adjusting brightness, display device and storage medium
TWI550559B (zh) 影像分割裝置與影像處理方法
CN108628656A (zh) Ios设备上界面适配方法、装置、计算机设备及存储介质
US10127700B2 (en) Generation of display overlay parameters utilizing touch inputs
CN103577104B (zh) 一种虚拟键盘的显示方法、控制装置及触摸设备
CN105608716A (zh) 一种信息处理方法及电子设备
CN104661011A (zh) 立体图像显示方法及手持终端
CN103744598B (zh) 一种信息处理的方法和设备
CN103257735A (zh) 手写输入的笔划呈现方法与电子装置
CN103064691A (zh) 制作电子设备桌面图标的方法和装置
CN106504205A (zh) 一种图像去雾方法及终端
CN105808035A (zh) 图标显示方法及装置
US9811301B2 (en) Terminal and apparatus and method for reducing display lag
CN107704128A (zh) 数据处理方法和装置、存储介质及处理器
CN109345995B (zh) 一种r角补偿方法及存储设备
WO2017097142A1 (zh) 界面操作的处理方法、装置和智能终端
CN107015726A (zh) 一种动态信息展示方法及装置
CN106325745A (zh) 一种截图方法及装置
CN111782123B (zh) 一种屏幕显示方法及显示设备
US20130321470A1 (en) Apparatus and method for viewing an image that is larger than an area of a display device
CN111125281B (zh) 地图自适应调整方法及系统、计算机设备、介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17912321

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 17912321

Country of ref document: EP

Kind code of ref document: A1