8

我写了一个能够在两个视图之间切换的小活动。现在我正在尝试添加一些动画（淡入/淡出效果）。谁能解释我如何做到这一点？

我自己尝试这样做有点错误（如果我很快单击按钮，我的应用程序就会冻结）。我使用下面列出的代码：

public class WelcomeActivity extends Activity {
private boolean isLogin = false;
private String KEY_IS_LOGIN = "KEY_IS_LOGIN";
private Animation anim_fadein;
private RelativeLayout welcome, login;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    welcome = (RelativeLayout)getLayoutInflater().inflate(R.layout.activity_welcome_menu, null);
    login = (RelativeLayout)getLayoutInflater().inflate(R.layout.activity_welcome_login, null);
    anim_fadein = AnimationUtils.loadAnimation(this, R.anim.anim_fadein);
    if (savedInstanceState != null)
        isLogin = savedInstanceState.getBoolean(KEY_IS_LOGIN, false);
    if (isLogin)
        setContentView(login);
    else
        setContentView(welcome);
}

@Override
public void onBackPressed() {
    if (isLogin) {
        setContentView(welcome);
        welcome.startAnimation(anim_fadein);
        isLogin = false;
    } else {
        super.onBackPressed();
    }
}

@Override
public void onSaveInstanceState(Bundle outState) {
    outState.putBoolean(KEY_IS_LOGIN, isLogin);
    super.onSaveInstanceState(outState);
}

public void onButton1Click(View v) {
    setContentView(login);
    login.startAnimation(anim_fadein);
}

public void onButtonLoginClick(View v) {
    Intent i = new Intent(getApplicationContext(), MainActivity.class);
    startActivity(i);
}

public void onButtonBackClick(View v) {
    setContentView(welcome);
    welcome.startAnimation(anim_fadein);
}

动画 XML 文件：

<?xml version="1.0" encoding="utf-8"?>
<alpha
xmlns:android="http://schemas.android.com/apk/res/android"
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="800" />

提前致谢！

4

2 回答 2

6

我过去这样做的方法是使用ViewFlipper类并利用包提供的内置动画功能。

这是有关如何执行此操作的示例；以我的经验，过渡非常顺利：

XML 文件

<LinearLayout
    //Ommitted...
    <ViewFlipper
        android:id="@+id/[your_id_here]"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
            <RelativeLayout
                <!--Your first layout XML here...-->
            </RelativeLayout>
            <RelativeLayout
                <!--Your second layout XML here...-->
            </RelativeLayout>
    </ViewFlipper>
</LinearLayout>

请注意，您不必使用相对布局，我只是为了清楚起见而使用它们。

实现动画

ViewFlipper在您的活动中获取对 的引用：

ViewFlipper v = (ViewFlipper) findViewById(R.id.[your_id]);

根据需要设置动画：

v.setInAnimation(AnimationUtils.loadAnimation([your_activity_name].this, R.anim.[your_in_animation here]));
v.setOutAnimation(AnimationUtils.loadAnimation([your_activity_name].this, R.anim.[your_out_animation here]));

请注意，您可以在位于以下目录的 Android 类文件中找到一些非常好的预构建动画：

[android-sdks]/samples/android-[VERSION_NUMBER_HERE]/ApiDemos/res/anim

如果可以的话，我强烈推荐使用这些——它会为你节省很多时间。

现在，如果您希望在视图之间切换，请使用以下命令：

v.showNext();
v.showPrevious();

您可能需要稍微更改动画文件以确保动画正确过渡（即制作淡入淡出的左右动画）。

希望这可以帮助！

于 2012-11-05T17:44:36.013 回答
2

我认为这个问题有两个主要解决方案

  • 第一个是按照建议使用ViewFlipper。
  • 另一种是使用此处描述的解决方案。

我更喜欢第二个，因为它在您的视图层次结构中不需要额外的 View 对象，第二个您可以在整个视图树中拥有 2 个视图。不仅在一个由 ViewFlipper 的位置定义的地方。

于 2013-04-10T08:06:37.747 回答