Android:Gallery View中的动画?

时间:2009-10-13 18:03:29

标签: android image android-animation gallery

当我使用图库小部件时,如何让图像显示向上扩展&选择焕发缩小& 取消选择取消发光

我见过的所有教程都有这种效果,但我无法看到它......

是否有某种动画我必须附加到图库

3 个答案:

答案 0 :(得分:15)

希望这有帮助。我设法使用Gallery小部件“模拟”缩小/增长解决方案。由于他们删除了getScale(),事情变得有点复杂。我认为这根本不是最好的解决方案,但至少我可以忍受它。

我发现Gallery管理焦点非常糟糕。因此,第一种方法是在显示的ImageView上添加焦点更改侦听器,但没有运气。焦点是那里的MESS ......就所选择的图像而言,它不是当前聚焦的视图。我已经向android-developers邮件列表发送了一封邮件,内容是关于API doc的一些错误(关于focusSearch()方法和一些焦点内容)。

以下是我对此问题的解决方案:

构建动画资源以“增长”图像:

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
       android:fromXScale="1.0"
       android:toXScale="1.10"
       android:fromYScale="1.0"
       android:toYScale="1.10"
       android:duration="300"
       android:pivotX="50%"
       android:pivotY="50%"
       android:interpolator="@android:anim/accelerate_decelerate_interpolator"
       android:fillAfter="false"/>

如果你没有明白这意味着那么你应该继续阅读this

这将是我们的'成长'效果,您需要将其保存在:res/anim/grow.xml或其任何名称(但始终在res / anim目录中)。

您可以按照here中的资源指南创建Gallery视图。每次ImageAdapter对象调用ImageView时,Gallery都会构建getView()。您可以实施的一种解决方法是在getView()方法中添加一行,用View标识position,这样:

...
i.setId(position);
...

将该行添加到getView()对象的ImageAdpater方法中,然后您可以明确地在侦听器中标识该视图,例如:

g.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    public void  onItemSelected  (AdapterView<?>  parent, View  v, int position, long id) {
        Animation grow = AnimationUtils.loadAnimation(YourActivity.this, R.anim.grow);

        View sideView = parent.findViewById(position - 1);
        if (sideView != null)
           ((ImageView)sideView).setLayoutParams(new Gallery.LayoutParams(150, 100));

        sideView = parent.findViewById(position + 1);
        if (sideView != null)
           ((ImageView)sideView).setLayoutParams(new Gallery.LayoutParams(150, 100));

        v.startAnimation(grow);
        v.setLayoutParams(new Gallery.LayoutParams(170, 150));
    }

    public void  onNothingSelected  (AdapterView<?>  parent) {
        System.out.println("NOTHING SELECTED");

    }
    });

注意:您可能会注意到我手头已经选择了动画和布局参数中的所有值。这是因为我不打算为你清理代码。而且,这只是这个小部件或android视图系统的BAD焦点问题的解决方法。如果焦点是正确的,那么,你需要做的就是设置一个焦点变化监听器,当焦点变焦/未聚焦时,它会使gros /收缩。

我希望这可以帮助您找到解决问题的方法,

此致

新编辑:这是我设置的监听器,我还在i.clearAnimation()方法中添加了行getView()

private class SelectListener implements AdapterView.OnItemSelectedListener {
     private Animation grow;
     private int last;

     public SelectListener() {
        grow = AnimationUtils.loadAnimation(RouteGallery.this, R.anim.grow);
        last = 0;
     }

     public void  onItemSelected  (AdapterView<?>  parent, View  v, int position, long id) {
        View sideView = parent.findViewById(last);
        if (sideView != null && last != position)
           sideView.clearAnimation();

        v.startAnimation(grow);
        last = position;
     }

    public void  onNothingSelected  (AdapterView<?>  parent) {
    }
}

答案 1 :(得分:4)

您需要使用ImageSwitcher。 ImageSwitcher具有设置输入和输出动画的方法(选择和取消选择图像,或选择和替换图像时)。

following link有一个很好的教程,介绍如何将它与图库结合使用。

答案 2 :(得分:2)

我实现了类似这样的动画:

final Animation shrink = AnimationUtils.loadAnimation(activity, R.anim.shrink);
shrink.setFillAfter(true);

gallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
        @Override
        public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {

            // This iterates through the views which are currently displayed on screen.
            for (int k=0; k<gallery.getChildCount(); k++){
                // Do whatever else you want, here.
                // This is how you get a particular element of a view
                ImageView background = (ImageView) gallery.getChildAt(k).findViewById(R.id.menu_item_background);

                //clear animation
                gallery.getChildAt(k).clearAnimation();

            }

            // Scale the selected one
            view.startAnimation(shrink);

        }

        @Override
        public void onNothingSelected(AdapterView<?> adapterView) {}

    });