- 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/
我这里有这个自定义的“底部操作栏”:https://youtu.be/TPi5jtcs2wE ,随着某些类型的网页(例如文章/非文章)出现和消失。我用 animateLayoutTransition
我正在尝试使用 LayoutTransition 动画,但它们不起作用。 我设置 android:animateLayoutChanges="true 在我的 Activity 布局中的父 Linea
我尝试在两种布局之间设置自定义动画。 public class MainActivity extends FragmentActivity { View menu = null; Vi
我正在使用 LayoutTransition 在我的一个布局中执行自动重新排列动画。 我需要将此布局中的给定 subview 排除在动画之外(APPEAR 动画)。我仍然想要任何其他 View 来实现
我想要实现的目标 我的应用程序有一个 Toolbar,其中包含 2 个 AutoCompleteTextView。我想仅当用户在第一个中选择某些内容时才显示第二个,如果第一个被清除则再次隐藏它(我在
我正在 Honeycomb 中试用新的 LayoutTransition 类。我设置了一个动画,在将 View 添加到 ViewGroup 时将其滑动到位。我注意到在 View 首次呈现和 Layou
我处于一种情况,我希望在 Activity 之间的过渡期间没有可见的动画。我目前正在执行以下操作: startActivity( intent ); getActivity().overridePen
当一组在 ExpandableListView 上展开/折叠时,我想应用一个简单的 rotationX 动画。下面的代码在前两次展开时有效,但在两次/三次/五次之后不播放定义的动画。奇怪的是,我第一次
我创建了嵌套的 LinearLayouts,其中包含子按钮和其他 LinearLayouts,wrap_content 和 animateLayoutChanges 设置为 true。 下面的代码 当
我的布局转换忽略了我在 setDuration() 中设置的持续时间。无论我将其设置为什么值,它似乎都在使用默认值。在这里我试过 50s,几毫秒后它就消失了。 Animator disappearin
我想在 ViewGroup 中以“向下滑动”方式添加 View 并以“向上滑动”方式移除 View 。所以我使用了 LayoutTransition.class 但 minSdk 8 不支持它。所以我
所以,标题几乎说明了一切。我有一个 ListView ,其中填充了一个显示来自数据库的数据的自定义游标适配器。我有一个用于将项目添加到列表的动画,效果很好,但我无法让用于从列表中删除项目的动画正常工作
当我在 LinearLayout 中使 View 不可见(未消失)时,我倾向于产生滑出效果。 我期望的动画效果是:- View 会慢慢淡出(alpha) View 将从左向右滑动(translatio
我想在我的布局上进行自定义过渡。我想使用 xml 定义的“Animation”,因为它允许我使用百分比值,而“Animator”似乎只采用像素值。问题是 LayoutTransition 似乎只将“A
我想在添加新 View 时实现向右移动 View 的动画。 我正在使用 LayoutTransition.APPEARING 的 LayoutTransition 动画。我在线性布局的第 0 个位置添
给定一个始终与父底部对齐的 View ,最初高度为 0,我想对其进行动画处理,使其向上滑动到 WRAP_CONTENT 的高度。我正在使用布局转换来实现这一点: viewGroup.layoutTra
我有一个 FrameLayout 容器,我试图让它的变化动画化。我在 View 上调用了 container.setLayoutTransition(layoutTransition),但是当我稍后调
在 Android 中,我目前正在尝试创建一个列表,其项目在单击时改变高度,该项目下方的所有 View 根据高度变化向上或向下设置动画。我成功地将以下代码与 LinearLayout 中的项目“列表”
我在 ViewPager2 中使用 fragment ,我注意到生产中的两个相关 IllegalStateExceptions(我自己无法重现)发生在运行 Android 8 或 9 的小米、 Jad
我是一名优秀的程序员,十分优秀!