CN108762879A - 一种点赞效果的实现方法 - Google Patents
一种点赞效果的实现方法 Download PDFInfo
- Publication number
- CN108762879A CN108762879A CN201810591508.1A CN201810591508A CN108762879A CN 108762879 A CN108762879 A CN 108762879A CN 201810591508 A CN201810591508 A CN 201810591508A CN 108762879 A CN108762879 A CN 108762879A
- Authority
- CN
- China
- Prior art keywords
- picture
- thumbs
- effect
- thumbing
- implementation method
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明涉及一种点赞效果的实现方法，包括如下步骤：预置若干点赞的手势图片作为点赞图片，其中一张根据用户设定设置为默认第一张点赞图片，当用户点击【点赞】按钮或icon启动点赞功能时，首先获取并呈现第一张点赞图片，当点击【点赞】按钮或icon大于等于两次时，则随机从预置若干点赞图片中获取两张以上并依次呈现各点赞图片，每次随机获取的点赞图片顺序不重复，各点赞图片至少显示一次后完成本次点赞动画效果，等待下一次点击【点赞】按钮或icon。本发明，丰富点赞效果，动画顺畅，功能丰富，可扩展性好，提升用户体验，用户可以进行更多的自定义设置。
Description
技术领域
本发明涉及点赞功能交互动画技术领域，具体说是一种点赞效果的实现方法。
背景技术
现有的App为了提高用户间的互动兴趣及热情，都提供点赞功能用于快捷的评价其他用户发布的信息。点赞功能的目的是刺激用户产生更多高质量的内容。
从用户的角度出发，对于点赞这一操作，通常希望表达的含义是，我喜欢。所以一般来说，很多App的点赞图标都是一个爱心形状的图标，因为我对此内容或者观点很赞同，所以只是为了表达自己的观点，算是支持。再后来，这个红色的爱心感觉太单调，很多人做成了大拇指上扬的图标，表达的意思是佩服，惊讶或者感动等。
点赞大多是陌生人间的行为，更多的是针对陌生人社交类应用，点赞这一操作还可以由评论功能来替代，因为评论可以有表情，针对这种场景，评论完全可以涵盖点赞这一功能。
点赞功能的实现逻辑通常如下：
1.内容详情加载时，判断用户是否已点赞；
2.点击按钮时，若已点赞，则发起取消点赞指令，否则发起点赞指令；
3.接口将用户id、内容id传到后端；
4.后端接受信息，更新对应内容的点赞数、点赞用户id，并在用户信息表中插入点赞内容id（文章id）和时间（若需要）；
5.数据库执行后端发出的更新指令；
6.后端通过接口将处理结果返回给前端；
7.前端接收信息，并将结果按既定样式展示出来。
大部分App都使用“点击【点赞】按钮或icon”这种方式来触发点赞功能。部分App为了维持设计的简洁性，会将按钮默认隐藏起来。
发明内容
针对现有技术中存在的缺陷，本发明的目的在于提供一种点赞效果的实现方法，丰富点赞效果，动画顺畅，功能丰富，可扩展性好，提升用户体验，用户可以进行更多的自定义设置。
为达到以上目的，本发明采取的技术方案是：
一种点赞效果的实现方法，其特征在于，包括如下步骤：
预置若干点赞的手势图片作为点赞图片，其中一张根据用户设定设置为默认第一张点赞图片，
当用户点击【点赞】按钮或icon启动点赞功能时，首先获取并呈现第一张点赞图片，
当点击【点赞】按钮或icon大于等于两次时，则随机从预置若干点赞图片中获取两张以上并依次呈现各点赞图片，
每次随机获取的点赞图片顺序不重复，
各点赞图片至少显示一次后完成本次点赞动画效果，等待下一次点击【点赞】按钮或icon。
在上述技术方案的基础上，用户通过设定文件夹指定一组点赞的手势图片以替换预置若干点赞的手势图片。
在上述技术方案的基础上，用户通过设定指定某一张点赞图片为过渡图片，在其余各点赞图片呈现时，均出现该过渡图片以呈现过渡效果。
在上述技术方案的基础上，点赞的手势图片预存于App本地，或从远端服务器下载后转存于App本地。
在上述技术方案的基础上，各点赞图片呈现在当前视图中相同的位置，
或：各点赞图片呈现在当前视图中不同但相邻的位置，
或：各点赞图片呈现在当前视图中不同且间隔一定距离的位置。
在上述技术方案的基础上，所述间隔一定距离为用户设定值或算法预设间隔值。
在上述技术方案的基础上，各点赞图片出现后，向当前视图上部移动，并渐渐消失，形成渐隐动画效果。
在上述技术方案的基础上，各点赞图片出现后，向当前视图上部移动的高度相同或不同，当不同时，具体高度通过算法随机生成。
在上述技术方案的基础上，渐渐消失的时间长度为用户设定值。
在上述技术方案的基础上，各点赞图片出现后，向当前视图上部移动时，根据用户设定叠加图像移动效果，
所述图像移动效果包括：
图片滚动上移，图片在上移时360度翻滚，每张图片视为一张独立的卡片，360度翻滚沿x轴或y轴或z轴进行，
图片折叠上移，图片在上移时对折后再展开。
本发明所述的点赞效果的实现方法，丰富点赞效果，动画顺畅，功能丰富，可扩展性好，提升用户体验，用户可以进行更多的自定义设置。
附图说明
本发明有如下附图：
图1本发明的流程图。
具体实施方式
以下结合附图对本发明作进一步详细说明。
如图1所示，本发明所述的点赞效果的实现方法，包括如下步骤：
预置若干点赞的手势图片作为点赞图片，其中一张根据用户设定设置为默认第一张点赞图片，
当用户点击【点赞】按钮或icon启动点赞功能时，首先获取并呈现第一张点赞图片，
当点击【点赞】按钮或icon大于等于两次时（指出现连续点击的情况时），则随机从预置若干点赞图片中获取两张以上并依次呈现各点赞图片，
每次随机获取的点赞图片顺序不重复，
各点赞图片至少显示一次后完成本次点赞动画效果，等待下一次点击【点赞】按钮或icon。
在上述技术方案的基础上，预置点赞的手势图片不少于3张。
在上述技术方案的基础上，用户通过设定文件夹指定一组点赞的手势图片以替换预置若干点赞的手势图片。
在上述技术方案的基础上，用户通过设定指定某一张点赞图片为过渡图片，在其余各点赞图片呈现时，均出现该过渡图片以呈现过渡效果。
在上述技术方案的基础上，点赞的手势图片预存于App本地，或从远端服务器下载后转存于App本地。
在上述技术方案的基础上，各点赞图片呈现在当前视图中相同的位置，
或：各点赞图片呈现在当前视图中不同但相邻的位置，
或：各点赞图片呈现在当前视图中不同且间隔一定距离的位置。
在上述技术方案的基础上，所述间隔一定距离为用户设定值或算法预设间隔值。
在上述技术方案的基础上，各点赞图片出现后，向当前视图上部移动，并渐渐消失，形成渐隐动画效果。
在上述技术方案的基础上，各点赞图片出现后，向当前视图上部移动的高度相同或不同，当不同时，具体高度通过算法随机生成。
在上述技术方案的基础上，渐渐消失的时间长度为用户设定值。
在上述技术方案的基础上，各点赞图片出现后，向当前视图上部移动时，根据用户设定叠加图像移动效果，
所述图像移动效果包括：
图片滚动上移，图片在上移时360度翻滚，每张图片视为一张独立的卡片，360度翻滚沿x轴或y轴或z轴进行，
图片折叠上移，图片在上移时对折后再展开。
在上述技术方案的基础上，所述手势图片包括以下各类手势图片中的至少一类或全部：
图案为内容的手势图片，
文字为内容的手势图片，
表情为内容的手势图片，
GIF动画为内容的手势动图，
含音效播放信息内容的手势图片。
在上述技术方案的基础上，含音效播放信息内容的手势图片中，所述音效播放信息通过隐写术算法存储于图片中，
或：
含音效播放信息内容的手势图片中，所述音效播放信息通过配置文件形成图片与音效播放信息的关联关系。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (10)
1.一种点赞效果的实现方法，其特征在于，包括如下步骤：
预置若干点赞的手势图片作为点赞图片，其中一张根据用户设定设置为默认第一张点赞图片，
当用户点击【点赞】按钮或icon启动点赞功能时，首先获取并呈现第一张点赞图片，
当点击【点赞】按钮或icon大于等于两次时，则随机从预置若干点赞图片中获取两张以上并依次呈现各点赞图片，
每次随机获取的点赞图片顺序不重复，
各点赞图片至少显示一次后完成本次点赞动画效果，等待下一次点击【点赞】按钮或icon。
2.如权利要求1所述的点赞效果的实现方法，其特征在于：用户通过设定文件夹指定一组点赞的手势图片以替换预置若干点赞的手势图片。
3.如权利要求1所述的点赞效果的实现方法，其特征在于：用户通过设定指定某一张点赞图片为过渡图片，在其余各点赞图片呈现时，均出现该过渡图片以呈现过渡效果。
4.如权利要求1所述的点赞效果的实现方法，其特征在于：点赞的手势图片预存于App本地，或从远端服务器下载后转存于App本地。
5.如权利要求1所述的点赞效果的实现方法，其特征在于：各点赞图片呈现在当前视图中相同的位置，
或：各点赞图片呈现在当前视图中不同但相邻的位置，
或：各点赞图片呈现在当前视图中不同且间隔一定距离的位置。
6.如权利要求5所述的点赞效果的实现方法，其特征在于：所述间隔一定距离为用户设定值或算法预设间隔值。
7.如权利要求1所述的点赞效果的实现方法，其特征在于：各点赞图片出现后，向当前视图上部移动，并渐渐消失，形成渐隐动画效果。
8.如权利要求7所述的点赞效果的实现方法，其特征在于：各点赞图片出现后，向当前视图上部移动的高度相同或不同，当不同时，具体高度通过算法随机生成。
9.如权利要求7所述的点赞效果的实现方法，其特征在于：渐渐消失的时间长度为用户设定值。
10.如权利要求1所述的点赞效果的实现方法，其特征在于：各点赞图片出现后，向当前视图上部移动时，根据用户设定叠加图像移动效果，
所述图像移动效果包括：
图片滚动上移，图片在上移时360度翻滚，每张图片视为一张独立的卡片，360度翻滚沿x轴或y轴或z轴进行，
图片折叠上移，图片在上移时对折后再展开。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810591508.1A CN108762879A (zh) | 2018-06-10 | 2018-06-10 | 一种点赞效果的实现方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810591508.1A CN108762879A (zh) | 2018-06-10 | 2018-06-10 | 一种点赞效果的实现方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108762879A true CN108762879A (zh) | 2018-11-06 |
Family
ID=63999677
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810591508.1A Pending CN108762879A (zh) | 2018-06-10 | 2018-06-10 | 一种点赞效果的实现方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108762879A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110515520A (zh) * | 2019-08-27 | 2019-11-29 | 北京字节跳动网络技术有限公司 | 一种正反馈方法、装置及存储介质 |
| CN112667120A (zh) * | 2021-01-22 | 2021-04-16 | 百果园技术(新加坡)有限公司 | 互动图标的显示方法、装置及电子设备 |
| CN113778365A (zh) * | 2021-09-29 | 2021-12-10 | 腾讯科技（深圳）有限公司 | 元素显示方法、元素选择方法、装置、设备及存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106060676A (zh) * | 2016-05-17 | 2016-10-26 | 腾讯科技（深圳）有限公司 | 基于直播的在线互动方法和装置 |
| CN106250046A (zh) * | 2016-08-10 | 2016-12-21 | 北京金山安全软件有限公司 | 点赞处理方法、装置和终端设备 |
| CN108076389A (zh) * | 2016-11-10 | 2018-05-25 | 阿里巴巴集团控股有限公司 | 用户评论信息处理方法及装置 |
| CN108122272A (zh) * | 2017-12-22 | 2018-06-05 | 北京酷我科技有限公司 | 一种心形点赞效果的绘制方法 |
-
2018
- 2018-06-10 CN CN201810591508.1A patent/CN108762879A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106060676A (zh) * | 2016-05-17 | 2016-10-26 | 腾讯科技（深圳）有限公司 | 基于直播的在线互动方法和装置 |
| CN106250046A (zh) * | 2016-08-10 | 2016-12-21 | 北京金山安全软件有限公司 | 点赞处理方法、装置和终端设备 |
| CN108076389A (zh) * | 2016-11-10 | 2018-05-25 | 阿里巴巴集团控股有限公司 | 用户评论信息处理方法及装置 |
| CN108122272A (zh) * | 2017-12-22 | 2018-06-05 | 北京酷我科技有限公司 | 一种心形点赞效果的绘制方法 |
Non-Patent Citations (1)
| Title |
|---|
| MRR: ""Android高级UI特效仿直播点赞动画效果https://www.jb51.net/article/137480.htm"", 《脚本之家》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110515520A (zh) * | 2019-08-27 | 2019-11-29 | 北京字节跳动网络技术有限公司 | 一种正反馈方法、装置及存储介质 |
| CN112667120A (zh) * | 2021-01-22 | 2021-04-16 | 百果园技术(新加坡)有限公司 | 互动图标的显示方法、装置及电子设备 |
| CN113778365A (zh) * | 2021-09-29 | 2021-12-10 | 腾讯科技（深圳）有限公司 | 元素显示方法、元素选择方法、装置、设备及存储介质 |
| CN113778365B (zh) * | 2021-09-29 | 2023-05-26 | 腾讯科技（深圳）有限公司 | 元素显示方法、元素选择方法、装置、设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10169897B1 (en) | Systems and methods for character composition | |
| CN102281206B (zh) | 一种即时通信客户端及其实现方法 | |
| CN108762879A (zh) | 一种点赞效果的实现方法 | |
| DE202015006141U1 (de) | Elektronische Touch-Kommunikation | |
| CN109885367B (zh) | 互动聊天实现方法、装置、终端和存储介质 | |
| CN102270081B (zh) | 一种调整列表元素大小的方法及装置 | |
| CN110377193A (zh) | 在图形消息传送用户界面中应用确认选项 | |
| CN110460799A (zh) | 创意相机 | |
| CN110457095A (zh) | 多参与者实时通信用户界面 | |
| CN113535047A (zh) | 头像与多个应用程序的集成 | |
| US20110029889A1 (en) | Selective and on-demand representation in a virtual world | |
| CN105797380B (zh) | 移动终端游戏中实现群组成员间信息交互的方法和系统 | |
| WO2002101943A2 (en) | Interactive communication between a plurality of users | |
| CN102455898A (zh) | 视频聊天卡通表情辅助娱乐系统 | |
| CN105451090B (zh) | 图像处理方法和图像处理装置 | |
| Riche et al. | Hard-to-use interfaces considered beneficial (some of the time) | |
| CN104410561A (zh) | 一种聊天表情发送方法及装置 | |
| CN103389870B (zh) | 一种触摸屏的解锁方法及装置 | |
| CN108776985A (zh) | 一种语音处理方法、装置、设备及可读存储介质 | |
| CN111803960B (zh) | 用于启动预设流程的方法及设备 | |
| US8631334B2 (en) | Virtual world presentation composition and management | |
| WO2020042442A1 (zh) | 表情包生成方法及装置 | |
| CN106528167B (zh) | 一种消息处理方法和装置 | |
| CN111897614B (zh) | 头像与多个应用程序的集成 | |
| KR101809601B1 (ko) | 애니메이션 제작 장치 및 방법 |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20181106 |
|
| RJ01 | Rejection of invention patent application after publication |