标签: transition

我已经成功地改变了活动之间的转换overridePendingTransition().

不幸的是,当我在一个TabActivity并在每个标签内使用活动时.当标签内容中的那些活动之一,启动另一个活动时,overridePendingTransition()似乎不起作用.

我基本上有一个TabActivity,里面有一个活动ListView.我正在做的是当点击该项目时,我启动项目详细信息的活动.

这个新活动的过渡动画没有被覆盖 overridePendingTransition()

我基本上这样做:

private Activity owner;
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    Intent programActivity = new Intent().setClass(view.getContext(), ProgramActivity.class);
    Program program = (Program) parent.getItemAtPosition(position);
    programActivity.putExtra("programID", program.getId());
    owner.startActivity(programActivity);
    owner.overridePendingTransition(R.anim.fade_in, R.anim.fade_out);
}

因此,我相信在我试图覆盖它们之后会覆盖挂起的转换.

我应该做那个不同的地方吗？我在做其他一些愚蠢的错误吗？

谢谢 !

我不能让这个锚转换工作!请告诉我你的想法.

这是CSS

a.transition {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

这是HTML

<h1 id="intro">Let's Build Something... </h1>
<h1 id="intro2"><a class="transition" href="#create">Together</a>.</h1>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<p><a name="create" class="transition">My name is Geoff Phillips, and I'm an innovator. What can I create for you?<a/></p>

亲爱的Stackoverflow读者,

我一直在为我在Tympanus看过的东西打破我的头脑,我无法弄清楚如何正确地做这样的事情.

在这个链接:http://tympanus.net/Tutorials/FullscreenBookBlock/ 你可以看到菜单是完全隐藏的,只有当你点击一个图标时才能看到.它有一个可爱的过渡,它基本上粗略地总结了我想要完成的事情.

与上面示例的唯一区别是我不想完全隐藏这个全高度元素,我想用悬停完成上述效果,而不必单击按钮.因此,在一个理想的世界中,你会看到一个垂直条,当你将鼠标悬停在那个条上时(或者如果你在平板电脑上,用手指点击它),它会"打开"并向你显示完整的内容.开了div.

现在,我可以在html5和css3中做出相当的一点,但上面解释的我想要完成的效果给了我严重的麻烦,呵呵.有没有人碰巧知道我可能错过的教程,这确实是这样的事情？

ps:我试图拆开Tympanus的html/css,但由于页面折叠效果也在其中实现,我似乎无法弄明白,因此我希望有人在这里帮助我:)

我有一个div有一些内容,然后在悬停我试图FadeIn另一个跨越它同时fadding出容器div.悬停后容器div的问题转到opacity 0然后返回到我设置的值.感觉就像眨眼一样.我需要顺利.
这是我的代码:

Live JSFiddle:http://jsfiddle.net/alok108/Y7hgs/28/

HTML

<div class="campaign-box">
    <a href="#"class="like-box"> 
        <div class="box">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            <span>34234983-80</span>
        </div>    
        <span> </span>
    </a>
</div>

jQuery的

$(function () {
    $(".campaign-box span:last").hide();
    $(".campaign-box").hover(function () { 
        $(".box").css("opacity", 0.5);
        $(".campaign-box span:last").fadeIn("fast");           
    }, function () {        
        $(".box").css("opacity", 1); 
        $(".campaign-box span:last").fadeOut("slow");
    });
});

CSS

.campaign-box {
    display: block;
    height: 100px;
    width: 200px;
    border: solid black;
}
.box {
    display:block;
    height:100%; …

此转换适用于Chrome和IE11,但不适用于Firefox v26 Win7.

MDN规范称它仍处于工作草案中.

CSS-TRICKS说它没有任何关于不在Firefox中工作的注释,它是可动画的.

这个小提琴演示了这种行为.

有任何想法吗？

.trans {   
    -moz-transition: all 1s;
    transition: all 1s    
}

.spaced {    
    letter-spacing: 10px    
}

$("#btn").on('click', function() {
    $("h1").toggleClass("spaced");
});

<h1 class="trans">Animate my letter spacing</h1>
<input type="button" value="animate" id="btn">   

我试图在输入后删除地理围栏,以阻止它重新触发输入转换.从类似的问题我得到这条线,效果很好

LocationServices.GeofencingApi.removeGeofences(mGoogleApiClient,getGeofencePendingIntent()).setResultCallback(this);

但是它会删除所有地理围栏,而不仅仅是已触发的地理围栏.

为了选择要删除的正确ID,我需要做什么？

我需要解决这个问题,但它应该是可靠的font-awesome图标.

请帮我.在图标上悬停时轻松创建字体真棒图标过渡效果

我正试图过渡background-size和background-color.

• Chrome:background-size无效转换
• Firefox:两者都运行良好

我也创造了一个小提琴.

.highlight {
  display: block;
  position: relative;
  /*min-height: 800px;*/
  min-height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
  /*padding-top: 200px;*/
  padding-top: 80px;
  /*background-size: cover;*/
}
.highlight:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .25);
  content: "";
}
.highlight {
  position: relative;
  height: 200px;
  cursor: pointer;
  background-size: auto 110%;
  background-position: center center;
  -moz-transition: background-size 3s ease;
  -webkit-transition: background-size 3s ease;
  transition: background-size …

我有一些带有悬停效果的图像,例如它们会改变身体的bgcolor.我希望在颜色之间进行过渡,但我太愚蠢了.我正在尝试使用它,但它仍然没有显示过渡.

-webkit-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;

我正在将动画从一个UIView切换到另一个UIView，该动画位于第一个UIView的后面并被隐藏。码：

UIView.transition(from: mediumFirstView, to: mediumSecondView, 
                  duration: 0.5, options: [.transitionFlipFromRight, 
                                           .showHideTransitionViews]) { _ in
    self.mediumFirstView.isUserInteractionEnabled = false
    self.mediumSecondView.isUserInteractionEnabled = true
}

或这个：

UIView.transition(with: mediumLimitedView, duration: 0.5, 
                  options: [.transitionFlipFromRight, 
                            .showHideTransitionViews], 
                  animations: {
    self.mediumFirstView.alpha = 0
    self.mediumSecondView.alpha = 1
}) { _ in
    self.mediumFirstView.isUserInteractionEnabled = false
    self.mediumSecondView.isUserInteractionEnabled = true
}

两者的问题在于，仅在完全翻转动画后，First UIView才会隐藏，而不是预期的一半。难道我做错了什么？

视图层次结构：