标签: fadeout

我正在制作幻灯片,我遇到了一些麻烦.

我在xml中创建了2个动画,用于淡入和淡出:

fadein.xml

    <?xml version="1.0" encoding="UTF-8"?>
       <set xmlns:android="http://schemas.android.com/apk/res/android">
         <alpha android:fromAlpha="0.0" android:toAlpha="1.0" 
          android:interpolator="@android:anim/accelerate_interpolator" 
          android:duration="2000"/>
     </set>

fadeout.xml

    <?xml version="1.0" encoding="UTF-8"?>
       <set xmlns:android="http://schemas.android.com/apk/res/android">
         <alpha android:fromAlpha="1.0" android:toAlpha="0.0" 
          android:interpolator="@android:anim/accelerate_interpolator" 
          android:duration="2000"/>
     </set>

我正在做的是使用淡入淡出效果从ImageView更改图像,因此当前显示的图像将淡出,另一个将淡入.考虑到我已经设置了图像,我可以淡出此图像而不用问题,这个:

    Animation fadeInAnimation = AnimationUtils.loadAnimation(this, R.anim.your_fade_in_anim);
    imageView.startAnimation(fadeoutAnim);

但是,我设置下一个要显示的图像:

    imageView.setImageBitmap(secondImage);

它只是出现在imageView中,当我设置动画时它会隐藏图像,淡入它...有没有办法解决它,我的意思是,当我做imageView.setImageBitmap(secondImage); 命令,图像不会立即显示,只有当淡入动画执行时？

通过使用以下css将其类更改为.elementToFadeInAndOut,我可以创建一个不透明度为零的元素:

.elementToFadeInAndOut {
    opacity: 1;
    transition: opacity 2s linear;
}

有没有办法通过编辑同一个类的css,使元素淡入后淡出？

非常感谢您的宝贵时间.

我希望在淡出后立即删除一个DOM元素.到目前为止我做了什么

$(element).click(function()
{
    $(this).fadeOut(500, function() { $().remove(this); });
});

但是现在我总是在Firebug中遇到这个错误:http://dl.getdropbox.com/u/5912/Jing/2009-02-04_1109.png

我想这是因为调用回调时fadeOut函数并没有真正完成.并且我不能$.remove()在fadeOut调用之后放置该部分,否则它会立即被删除.

所以你知道我能做得更好吗？

在iOS 7上,启动图像淡出而不是在加载应用程序时立即消失.

是否有任何设置可以阻止此启动图像淡出动画？我需要它立即消失,就像在iOS 6及更早版本中一样.

编辑答案:

是的,可以将启动图像作为UIImageView添加到顶部窗口,并在启动渐变淡化动画后隐藏它.但这会导致0.4秒的延迟,我正试图避免.

我需要div在重新加载页面后的一段时间内隐藏(如"Gmail中发送的邮件成功").

我怎样才能做到这一点？

我想做一个非常简单的alpha动画,但我找不到有效的方法.

我们的想法是在视图上执行此动画:

1. alpha从0到1的1秒
2. 将alpha保持在1为5秒
3. alpha从1到0的1秒
4. 将alpha保持在0持续5秒.
5. 从1开始.

我试图用AnimationSet实现它:

AnimationSet animationSet = new AnimationSet(true);

Animation animation1 = new AnimationUtils.loadAnimation(this, android.R.anim.fade_in);
animation1.setDuration(1000);

Animation animation2 = new AnimationUtils.loadAnimation(this, android.R.anim.fade_out);
animation2.setDuration(1000);
animation2.setStartOffset(5000);

Animation animation3 = new AlphaAnimation(0.0f, 0.0f);
animation3.setDuration(4000)
animation3.setStartOffset(6000);

animationSet.add(animation1);
animationSet.add(animation2);
animationSet.add(animation3);

等等..

但它接下来第三个动画与所有的alpha动画混乱,我认为这导致Android管理这种类型的动画的方式内​​部不连贯.

任何的想法？

谢谢.

这个主题有很多,但我找不到适用于我的情况的实例.

将图片淡出然后淡入另一张图片.相反,我遇到了一个问题,第一个淡出并立即(在动画完成之前)下一个淡入.

我曾经读过这个,并且不记得到底是什么伎俩......

http://jsfiddle.net/danielredwood/gBw9j/

谢谢你的帮助!

我试图在一段文本的底部获得一个很好的淡出效果作为"更多阅读"指标.

我一直在关注这个和其他教程,我的代码目前如下:

HTML

<section>
    <p>malesuada fames ac turpis egestas...leo.</p>                                                                  
    <p>malesuada fames ac turpis egestas...leo.</p>
    <div class="fadeout"></div>
</section>
<p>Stuff after</p>

CSS

.fadeout {
    position: relative; 
    bottom: 4em;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
} 

的jsfiddle

问题是,即使我将透明div放在文本主体上,4em的空间仍然存在于'Other Stuff'之间.

有任何想法吗？

如果正在删除某个项目,那么我想将其淡出并将其他元素向上滑动以填充空白区域.现在,当我使用fadeOut()该项目时,最后没有高度导致其他项目跳起来(而不是很好地向上滑动).

我怎么能slideUp()和元素紧随其后fadeOut()？

我在我的iPhone游戏中正在开发一个通知系统,想要在屏幕上弹出一个图像并在2秒后自动褪色.

1. 用户单击调用方法"popupImage"的按钮
2. 屏幕上的图像出现在指定的位置,不需要淡入
3. 在屏幕上显示2秒钟后,图像会自动淡出.

有没有办法做到这一点？提前谢谢.