11

当我使用图库小部件时，如何让图像在被选中时放大和发光，在未选中时缩小和不发光？

我见过的所有教程都有这种效果，但我看不到它......

我必须将某种动画附加到画廊吗？

4

3 回答 3

15

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

我发现Gallery管理焦点非常糟糕。因此，第一种方法是在ImageView显示上添加焦点更改侦听器，但那里没有运气。焦点在那里是一团糟……就所选图像而言，它不是当前聚焦的视图。我已经向 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"/>

如果您不明白这意味着什么，那么您应该继续阅读本文

这将是我们的“成长”效果，您需要将其保存为：res/anim/grow.xml或任何适合您的名称（但始终在 res/anim 目录中）。

您可以按照此处的资源指南创建Gallery视图。每次对象调用时ImageAdapter构建一个。您可以实施的一种解决方法是在用 a标识 a 的方法中添加一行，这样：ImageViewGallerygetView()getView()Viewposition

...
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/shrink。

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

问候，

新编辑：这是我设置的监听器，我还在方法中添加了以下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) {
    }
}
于 2010-07-07T02:37:39.030 回答
4

您需要使用 ImageSwitcher。The ImageSwitcher has methods for setting the in and out animations (when image is selected and deselected, or selected and replaced).

以下链接有一个很好的教程，介绍如何将它与 Gallery 结合使用。

于 2009-10-14T12:33:44.567 回答
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) {}

    });
于 2012-10-23T13:44:14.460 回答