标签: transition

用于IntelliJ Idea用户的Eclipse

我有一个同事希望从InteilliJ Idea切换到Eclipse,并担心不知道Eclipse的命令集.

我想知道 - 有没有人可以链接到键盘映射,可以将Eclipse命令设置为至少匹配Idea?

你做过这个开关吗?我们应该注意哪些"陷阱",提示或信息?

谢谢!

eclipse transition intellij-idea switch-statement

12
推荐指数
3
解决办法
6298
查看次数

如何在第一次迭代(而不是第二次)上反转CSS3动画

我已经设置了这样的CSS3动画:

@-webkit-keyframes slidein {
    from { -webkit-transform: translateX(100%); }
    to   { -webkit-transform: translateX(0); }
}
Run Code Online (Sandbox Code Playgroud)

如何在类定义上反转此动画?

例如:

.slideinTransition {
    -webkit-animation-name: slidein;
    -webkit-animation-direction: alternate;
}
Run Code Online (Sandbox Code Playgroud)

这将在第二次迭代时反转动画,我想在第一次迭代时直接反转它.

javascript animation transition css3

12
推荐指数
2
解决办法
1万
查看次数

在JavaScript过渡期间获取当前CSS属性值

我希望能够在完全执行之前在转换过程中读取CSS属性的值.那可能吗?因此,如果在从0%到100%的过渡期间,我要检查一半,我能看到50%吗?

javascript css transition css3

12
推荐指数
2
解决办法
4415
查看次数

overridePendingTransition过快地显示第二个活动

我有2个活动,我想在两个活动之间创建一个动画过渡,这样两个活动的视图都会向上滑动,就像第二个活动向上推动第一个活动一样.在我使用的第一个活动中:

Intent iSecondActivity = new Intent(FirstActivity.this,SecondActivity.class);
FirstActivity.this.startActivity(iSecondActivity);
FirstActivity.this.overridePendingTransition(R.anim.slide, R.anim.slide2);
Run Code Online (Sandbox Code Playgroud)

我的slide.xml看起来像:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <translate
        android:interpolator="@android:anim/decelerate_interpolator"
        android:fromYDelta="0"
        android:toYDelta="-100%p"
        android:duration="2000"
    />
</set>
Run Code Online (Sandbox Code Playgroud)

我的slide2.xml看起来像:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <translate
         android:interpolator="@android:anim/decelerate_interpolator"
         android:fromYDelta="100%p"
         android:toYDelta="0"
         android:duration="2000"
    />
</set>
Run Code Online (Sandbox Code Playgroud)

然而,问题在于,当调用"startActivity"时,第二个活动的视图已经在转换刚开始滑动时呈现.我想看到第一个活动的视图向上滑动......但我看到第二个活动的视图(在第一个活动的视图上呈现)向上滑动.

第二个问题是我看到替换视图是第一个活动的视图.我希望替换视图成为向上推动的第二个活动视图.

这很难解释,所以如果我能更详细地解释一下,请告诉我.对于任何混淆道歉,并感谢您阅读此内容.

PS我正在使用textviews ...我想这会渲染太快?我也在使用摩托罗拉Razr,而不是它应该重要.

animation android transition android-animation android-layout

12
推荐指数
2
解决办法
2万
查看次数

在Jelly Bean上使用overridePendingTransition时,屏幕会随机闪烁

这个问题有时只发生在Jelly Bean 4.1和4.2上(在Galaxy Nexus和Nexus 4上测试过).这是我的使用方法overridePendingTransition

启动新活动时:

Intent intent = new Intent(ActivityA.this, ActivityB.class);
startActivity(intent);
overridePendingTransition(R.anim.transition_right_to_left,
                    R.anim.transition_right_to_left_out);
Run Code Online (Sandbox Code Playgroud)

完成活动后返回上一个活动

finish();
overridePendingTransition(R.anim.transition_left_to_right, R.anim.transition_left_to_right_out);
Run Code Online (Sandbox Code Playgroud)

transition_left_to_right

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromXDelta="-100%p"
android:toXDelta="0" 
android:duration="@integer/transition_duration"/>
Run Code Online (Sandbox Code Playgroud)

transition_left_to_right_out

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromXDelta="0"
android:toXDelta="100%p" 
android:duration="@integer/transition_duration"/>
Run Code Online (Sandbox Code Playgroud)

transition_right_to_left

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="100%p"
android:toXDelta="0" 
android:duration="@integer/transition_duration"/>
Run Code Online (Sandbox Code Playgroud)

transition_right_to_left_out

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="0"
android:toXDelta="-100%p" 
android:duration="@integer/transition_duration"/>
Run Code Online (Sandbox Code Playgroud)

这就是屏​​幕闪烁的方式:http://youtu.be/TUKRz2yVF6Q(仅从01:00开始)

请告诉我你是否知道我的代码有什么问题以及为什么设备屏幕有时会闪烁?谢谢.

编辑:尝试在Jelly Bean上使用ActivityOptions但它没有帮助

animation android transition

12
推荐指数
1
解决办法
3235
查看次数

Android活动中的LibGDX

我正在使用Android UI和大部分交互活动开发Android的小应用程序,但是一个关键方面需要使用LibGDX(使用3D模型和物理).我希望能够点击我的应用程序中的一个按钮(我的"激活"类),这将打开初始化并运行所有LibGDX代码的"AndroidApplication"类(我的"Bobble"类).

我的问题是我无法使用"Intent"来启动AndroidApplication类(据我所知,只有一个Activity).我相信人们过去不得不解决这个问题,所以任何帮助都会很棒.

到目前为止,这是我的代码:

public class Activate extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        try
        {
        setContentView(R.layout.activate_screen);

        Button b_Run = (Button) findViewById(id.bActiveRun);

        b_Run.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Intent to_Bobble = new Intent(v.getContext(), Bobble.class);
            startActivity(to_Bobble);
        }
    });
    }
    catch (Exception e) 
    {
        Log.e("Activate", "Error in activity", e);

        Toast.makeText(getApplicationContext(), 
                        e.getClass().getName() + " " + e.getMessage(), 
                        Toast.LENGTH_LONG).show();
    }
}
Run Code Online (Sandbox Code Playgroud)

}

public class Bobble extends AndroidApplication {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        LifeCycle loop = …
Run Code Online (Sandbox Code Playgroud)

android transition android-intent libgdx

11
推荐指数
1
解决办法
3974
查看次数

更新d3强制布局中的现有节点

我使用d3创建了一个力布局,效果很好.我的初始数据是从json文件加载的,并且使用与此d3.js示例类似的技术绘制图表:

在此输入图像描述

现在图表在屏幕上,我需要通过Web套接字从我收到的数据中动态添加,更新和删除节点.我添加和删除方法工作,但我找不到更新现有节点属性的正确方法.

从我所进行的阅读中我收集正确的技术是更改数据源,然后使用enter()方法更新图表.

要更新节点,我正在执行以下操作:

function updateNode(id, word, size, trend, parent_id){    
  var updateNode = nodes.filter(function(d, i) { return d.id == id ? this : null; });
  if(updateNode[0]){   
    updateNode.size = Number(size);
    updateNode.trend = trend;
    nodes[updateNode.index] = updateNode;      
    update();
  }
}
Run Code Online (Sandbox Code Playgroud)

然后,更新功能使用以下命令更新节点:

function update(){
  node = vis.selectAll('.node')
  .data(nodes, function(d) {
    return d.id;
  })

  createNewNodes(node.enter());
  node.exit().remove();
  force.start();
}

function createNewNodes(selection){    
  var slct = selection.append('g')
  .attr('class', 'node')
  .call(force.drag);

  slct.append('circle')
    .transition()
    .duration(500)
    .attr('r', function(d) {
      if(d.size){
        return Math.sqrt(sizeScale(d.size)*40);
      }
   })
}
Run Code Online (Sandbox Code Playgroud)

我采取了正确的方法吗?当我尝试这个代码时,我尝试在圆上设置radius属性时获得的节点是节点数组中的最后一个节点.即包含分层节点数据而不是单个节点对象的那个.

任何指针都会非常感激,我花了太多时间在这:)

javascript transition d3.js force-layout

11
推荐指数
1
解决办法
4626
查看次数

在两个UIButton图像之间淡入淡出

我想在两个UIButton图像之间淡入淡出,以便在UITableView中设置收藏夹.

目前转换没有效果 - 它只是在点击/触摸时直接更改图像:

trans_img = [UIImage imageNamed:@"fav_on.png"];

NSArray *subviews = [owningCell subviews];
UIButton *favbutton = [subviews objectAtIndex:2];

favbutton.imageView.animationImages =
[NSArray arrayWithObjects:trans_img,
 nil];

[favbutton.imageView startAnimating];
Run Code Online (Sandbox Code Playgroud)

我发现的一切都是UIViews之间的过渡:(

如果图像fav_off平滑地变成fav_on而另一种方式像fadein/fadeout那样圆形会很好.

transition uibutton fadein ios

11
推荐指数
4
解决办法
9330
查看次数

如何在Angular中为*ngFor设置动画?

我需要在ngFor列表填充和显示时为其设置动画.每个元素都应该有一个转换,让我们说这样的话.

我怎样才能做到这一点?

transition angular angular-animations

11
推荐指数
2
解决办法
2万
查看次数

自定义bootstrap 4中的折叠转换

Bootstrap 4使用该类.collapsing在打开/关闭它时为.collapse-element的宽度/高度设置动画.不幸的是,通过将宽度/高度作为内联样式添加到元素并在过渡的开始和结束时添加和删除类来实现实际更改.因此,很难自定义转换(例如,更改时序或淡入/淡出而不是宽度转换).

到目前为止我尝试过的:

  • 将css属性添加transition:none.collapsing类中:这确实有助于消除转换,但打开/关闭仍然会延迟转换时间,因为在实际更改发生之前,类仍会添加几毫秒.
  • 将自定义css关键帧添加到.collapsing类中:由于使用相同的类进行打开和关闭,因此会显示相同的动画.

有没有办法改变过渡,例如淡入/淡出(不透明度的变化),还是我必须构建bootstrap.js的自定义版本?

transition twitter-bootstrap twitter-bootstrap-4-beta

11
推荐指数
3
解决办法
6277
查看次数