- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
当我在 LinearLayout
中使 View
不可见(未消失)时,我倾向于产生滑出效果。
我期望的动画效果是:-
我尝试通过LayoutTransition
+ ObjectAnimator
实现这样的效果,引用官方API demo LayoutAnimationsHideShow.java
但是,对于我的情况,只有 alpha 效果有效。我无法使 translationX 效果起作用。
这是我在视频中的结果:http://youtu.be/iU9ArUFvgbY
完整的代码示例如下。
public class LayoutAnimationsHideShow extends Activity {
private int numButtons = 1;
ViewGroup container = null;
private LayoutTransition mTransitioner;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.layout_animations_hideshow);
container = new LinearLayout(this);
container.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT));
// Add a slew of buttons to the container. We won't add any more buttons at runtime, but
// will just show/hide the buttons we've already created
for (int i = 0; i < 4; ++i) {
Button newButton = new Button(this);
newButton.setText(String.valueOf(i));
container.addView(newButton);
newButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
v.setVisibility(View.INVISIBLE);
}
});
}
resetTransition();
ViewGroup parent = (ViewGroup) findViewById(R.id.parent);
parent.addView(container);
Button addButton = (Button) findViewById(R.id.addNewButton);
addButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
for (int i = 0; i < container.getChildCount(); ++i) {
View view = (View) container.getChildAt(i);
view.setVisibility(View.VISIBLE);
}
}
});
setupCustomAnimations();
long duration = 500;
mTransitioner.setDuration(duration);
}
private void resetTransition() {
mTransitioner = new LayoutTransition();
container.setLayoutTransition(mTransitioner);
}
private void setupCustomAnimations() {
mTransitioner.setAnimator(LayoutTransition.APPEARING, null);
mTransitioner.setAnimator(LayoutTransition.CHANGE_APPEARING, null);
mTransitioner.setAnimator(LayoutTransition.CHANGE_DISAPPEARING, null);
final WindowManager wm = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE);
int width = wm.getDefaultDisplay().getWidth();
// Removing
ObjectAnimator animOut = ObjectAnimator.
ofFloat(null, "translationX", 0f, (float)width).
ofFloat(null, "alpha", 1f, 0f).
setDuration(mTransitioner.getDuration(LayoutTransition.DISAPPEARING));
mTransitioner.setAnimator(LayoutTransition.DISAPPEARING, animOut);
animOut.addListener(new AnimatorListenerAdapter() {
public void onAnimationEnd(Animator anim) {
View view = (View) ((ObjectAnimator) anim).getTarget();
view.setAlpha(0f);
}
});
}
}
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/parent"
>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Show Buttons"
android:id="@+id/addNewButton"
/>
</LinearLayout>
</LinearLayout>
我在想,是不是我哪里做错了,导致从左向右滑动动画效果不起作用?
最佳答案
很确定您需要使用 ObjectAnimator.of( PropertyValuesHolder ) 来并行设置多个属性的动画。对 ofFloat(null, "alpha", 1f, 0f) 的第二次调用只是覆盖第一个实例,因此永远不会设置翻译。
例如:
public static ValueAnimator ofFloat(float... values) {
ValueAnimator anim = new ValueAnimator();
anim.setFloatValues(values);
return anim;
}
可以找到有关如何处理动画的好视频 here .
关于android - 滑出效果 (translationX) 不适用于 LayoutTransition + ObjectAnimator,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28544421/
我的布局中有一个按钮。我正在使用带有 translationX 动画的 ObjectAnimator 为该按钮的位置设置动画。 ObjectAnimator btnAnimator = ObjectA
当我在 LinearLayout 中使 View 不可见(未消失)时,我倾向于产生滑出效果。 我期望的动画效果是:- View 会慢慢淡出(alpha) View 将从左向右滑动(translatio
我有一个从一定百分比填充到另一个百分比 (0% - 50%) 的条。我想将它平滑地动画化到一个新的范围 (25% - 55%)。这意味着栏的宽度和位置都需要更改。我在同时顺利完成这两项操作时遇到了一些
我是安卓动画的初学者。我在 RelativeLayout 中几乎没有 View ,我希望更改 View 位置。我有哪些选择,它们有何不同? 我试过以下方法: view.animate() .trans
我想使用 Quick 测试以下方法: func initial(states: UIView...) { for view in states { view.transform
目前我正在制作一个带有 textureview 的相机播放器来渲染我的相机。因为预览可以有任何维度,所以我创建了一些自定义代码来在调用 OnSurfaceTextureUpdated 时更改纹理 Vi
我正在尝试使用 ObjectAnimator.ofFloat(...) 将 View 移动到屏幕的右上角但是,我没有得到预期的结果。我使用 ViewTreeListener 等预先获取 View 的坐
我是一名优秀的程序员,十分优秀!