android图片缩放动画,Android动画共享元素(例列表图片放大到详情图片动画)

一、什么是共享元素

简单来说共享元素就是两个Activity中都拥有此元素，在第二个Activity中进行强调而展示一些的动画效果。例如圆按钮的漂移动画。图片的放大动画。

二、为什么使用共享元素

主要是因为在Android5.0以后google推出了 Material Design的设计风格，在Adnroid 5.0之后的api中也添加了很多关于这个风格的主题以及控件，也更推崇两个控件之间的自然的转场动画。使页面更加自然，炫丽。

三、效果展示

四、使用方法

1.在第一个Activity中的控件添加如下属性：

android:transitionName="button"

android:id="@+id/s2"

android:layout_width="match_parent"

android:layout_height="150dp"

android:background="#00ff00"

android:transitionName="image" />

2.在第二个Activity中同样添加这个属性：

注意：这个名字必须一致。

3.使用intnet跳转即可

startActivity(intent,

ActivityOptions.makeSceneTransitionAnimation(

MainActivity.this,

"image").toBundle());

这里的image参数就是在android:transitionName配置的。这样我们便实现此功能。其实很简单。

这个属性应该还支持其他的一些控件，比如按钮button等，具体的效果应该也还有其他的效果，可以自行查阅官方api。

android图片缩放动画,Android动画共享元素(例列表图片放大到详情图片动画)相关推荐

android 转场动画共享元素,关于android:四步通过Glide实现共享元素无缝转场效果...
读完这篇文章, 你就会晓得应用Glide等图片加载库实现共享元素转场成果,以及如何解决各种可能加载状态.通过共享转场动画,能够晋升利用交互体验,让用户应用起来更愉悦. 共享元素转场成果是Materia ...
android图片缩放模式,Android使用缩放动画放大你的图片
注:本篇文章是对官方开发文档的翻译,加上自己的理解和分析. 地址:https://developer.android.com/training/animation/zoom 本篇文章所实现的功能: 触 ...
Android：安卓学习笔记之共享元素的简单理解和使用
Android 共享元素的简单理解和使用 1 .基本概念 2.基本使用 1.Activity to Activity跳转实现 1.1.使用步骤 1.2.案例说明 2.Fragment to Fragm ...
android旋转缩放布局,Android学习笔记（一）：双指缩放及旋转计算
请尊重原创,转载请注明来源. Android中,很多时候会用到手势判断,判断用户当前的手势是移动,还是双指缩放/旋转,关于Android中的手势和gesturedetector,已经有很多人进行过研究 ...
Android开发实战---一个汽车销售APP，有汽车列表页、汽车详情页、贷款计算页3个界面。
Android开发实战设计并实现一个汽车销售APP,要求至少有汽车列表页.汽车详情页.贷款计算页3个界面. 已开源:https://github.com/yan123666/wlf 实现结果: 1.计 ...
android 图片缩放算法,Android大图加载，缩放，滑动浏览--SubsamplingScaleImageView 源码分析大图加载...
**************这个开源项目有点大的,也不知道几篇能写完,先根据功能点分析解读********************* 1.写在前面图片浏览的坑不少,大图加载导致内存溢出的情况相信每个 ...
android 拖动缩放窗口大小,Android小应用----图片的拖动、缩放
public class MainActivity extends Activity { private ImageView operImage; private PointF point = new ...
html图片缩放全部显示不全,100% width CSS 在缩小/放大窗口时候内容被截断或显示不全...
故障现象: 当我们在写代码的时候如果,页面头部(#header )样式定义使用了100%宽度,那么当我们把浏览器窗口缩小的时候就会发现有部分内容被截断或显示不全: 原因分析: 当窗口缩小时,浏览器默认 ...
cesium加载entity图片缩放_教你使用最简单粗暴的js方法实现图片最小边展示
实现图片的最小边展示,我们可以直接用background-size:cover;来解决,但是,background是毕竟不是img,如果想宽度固定,高度自适应还是比较难的,而直接用img,那么只能使用 ...

android图片缩放动画,Android动画共享元素(例列表图片放大到详情图片动画)

android图片缩放动画,Android动画共享元素(例列表图片放大到详情图片动画)相关推荐

最新文章

热门文章