Android仿最美应用详情页动画效果

2024-08-22 18:18

本文主要是介绍Android仿最美应用详情页动画效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

效果图

这里写图片描述

效果分解

将视图划分为内容视图和标题视图(貌似也不合适,因为没有标题,只是放置了一些图标)

内容视图

这里写图片描述

标题视图:覆盖在内容视图上方

这里写图片描述

动画的临界点:标题视图的收藏按钮(下载按钮)的底部与内容视图的收藏按钮(下载按钮)的顶部刚好重叠

临界点视图:红色的粗线条

这里写图片描述

1 向上滚动

1.1 内容视图的收藏按钮和下载按钮平缓移动到标题视图的收藏按钮和下载按钮对应的位置

1.2 收藏文字和下载文字消失

2 向下滚动

2.1 标题视图的收藏按钮和下载按钮平缓移动到内容视图的收藏按钮和下载按钮对应的位置

2.2 收藏文字和下载文字通过缩放动画渐显

实现思路分析

1 向上滚动(刚好到底临界点)

1.1 文字通过setVisibility(View.INVISIBLE);设置不可见

1.2 内容视图的收藏按钮和下载按钮通过setVisibility(View.INVISIBLE);设置不可见

1.3 标题视图的收藏按钮和下载按钮通过setVisibility(View.VISIBLE);设置可见(默认不可见)

1.4 动画

1.4.1 让标题视图的收藏按钮执行位移动画,动画路径:内容视图的收藏按钮—>标题视图的收藏按钮

1.4.2 让标题视图的下载按钮执行位移动画,动画路径:内容视图的下载按钮—>标题视图的下载按钮

2 向下滚动(刚好到底临界点)

2.1 文字通过setVisibility(View.VISIBLE);设置可见

2.2 内容视图的收藏按钮和下载按钮通过setVisibility(View.VISIBLE);设置可见

2.3 标题视图的收藏按钮和下载按钮通过setVisibility(View.INVISIBLE);设置不可见

2.4 动画

2.4.1 让内容视图的收藏按钮执行位移动画,动画路径:标题视图的收藏按钮位置—>内容视图的收藏按钮位置

2.4.2 让内容视图的下载按钮执行位移动画,动画路径:标题视图的下载按钮位置—>内容视图的下载按钮位置

2.4.3 文字的缩放动画的执行

当然,为了动画的一致,使用AnimatorSet执行动画

这篇关于Android仿最美应用详情页动画效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1097027

相关文章

将Python应用部署到生产环境的小技巧分享

《将Python应用部署到生产环境的小技巧分享》文章主要讲述了在将Python应用程序部署到生产环境之前,需要进行的准备工作和最佳实践,包括心态调整、代码审查、测试覆盖率提升、配置文件优化、日志记录完... 目录部署前夜:从开发到生产的心理准备与检查清单环境搭建:打造稳固的应用运行平台自动化流水线:让部署像

Linux中Curl参数详解实践应用

《Linux中Curl参数详解实践应用》在现代网络开发和运维工作中,curl命令是一个不可或缺的工具,它是一个利用URL语法在命令行下工作的文件传输工具,支持多种协议,如HTTP、HTTPS、FTP等... 目录引言一、基础请求参数1. -X 或 --request2. -d 或 --data3. -H 或

在Ubuntu上部署SpringBoot应用的操作步骤

《在Ubuntu上部署SpringBoot应用的操作步骤》随着云计算和容器化技术的普及,Linux服务器已成为部署Web应用程序的主流平台之一,Java作为一种跨平台的编程语言,具有广泛的应用场景,本... 目录一、部署准备二、安装 Java 环境1. 安装 JDK2. 验证 Java 安装三、安装 mys

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置:简单、快速、无障碍二、基本功能:从彩色文本到动态交互1. 显示基本内容2. 创建链

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象(DAO)和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类(Entity)3.创建数据访问对象(DAO

java中VO PO DTO POJO BO DO对象的应用场景及使用方式

《java中VOPODTOPOJOBODO对象的应用场景及使用方式》文章介绍了Java开发中常用的几种对象类型及其应用场景,包括VO、PO、DTO、POJO、BO和DO等,并通过示例说明了它... 目录Java中VO PO DTO POJO BO DO对象的应用VO (View Object) - 视图对象