Question

我在我的一个应用程序中遇到了Gallery小部件的一个相当奇怪的问题，我认为是时候我问别人了，因为它困扰了我很长一段时间。

我正在为Adapter窗口小部件使用自定义Gallery，并为此Gallery中的Adapter中的每个项目自定义布局。您可以在下面看到Adapter和布局的代码。 Gallery窗口小部件目前不会重复使用Views，因此我没有使用任何ViewHolder技巧等。

问题

问题在于，当我在平板电脑屏幕上运行时，我在Gallery小部件中遇到“跳跃”，但它在手机上完美运行。我正在为这两种类型的设备使用不同的布局，我知道它们被正确使用 - 我已经对它进行了相当彻底的测试。

我尝试了什么

更改Gallery项目布局宽度/高度 - 无变化。但如果我设置背景颜色，它就会出现。
尝试删除Gallery间距，但这会使Gallery项目相互重叠
确保Adapter正常工作且正在加载正确的布局
确保我没有更改代码中的任何Adapter设置
清洁项目

问题的视频示例

这两个设备使用完全相同的应用程序包，代码库相同，只是布局不同，如下所示。

不工作 - 在平板电脑上（Acer Iconia A500 - 10英寸，1280 x 800，mdpi）：http://www.youtube.com/watch?v=vN2d61_Ojsc

工作 - 在手机上（三星Galaxy Nexus - 4.7英寸，720 x 1280，xhdpi）：http://www.youtube.com/watch?v=j8s-JfwWofo

代码 - 图库适配器

public class ImageAdapter extends BaseAdapter {

        LayoutInflater inflater;

        public ImageAdapter() {
            inflater = (LayoutInflater) Main.this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        }

        public int getCount() {
            return coverFileNames.size();
        }

        public Object getItem(int position) {
            return position;
        }

        public long getItemId(int position) {
            return position;
        }

        public View getView(int position, View convertView, ViewGroup parent) {

            convertView = (ImageView) inflater.inflate(R.layout.main_large_img, null);

            ((ImageView) convertView).setImageBitmap(coverFileNames.get(position));

            return convertView;
        }

    }

代码 - 主要布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:alwaysDrawnWithCache="true"
    android:animationCache="true"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/txtMainTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingBottom="0sp"
        android:paddingLeft="30sp"
        android:paddingTop="20sp"
        android:shadowColor="#000000"
        android:shadowDx="1.0"
        android:shadowDy="1.0"
        android:shadowRadius="1.0"
        android:text="@string/mainMyMoviesTitle"
        android:textAppearance="?android:attr/textAppearanceLarge" >
    </TextView>

    <TextView
        android:id="@+id/txtNumberofMovies"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="30sp"
        android:shadowColor="#000000"
        android:shadowDx="1.0"
        android:shadowDy="1.0"
        android:shadowRadius="1.0"
        android:text="@string/mainNumberofMovies"
        android:textAppearance="?android:attr/textAppearanceSmall" >
    </TextView>

    <Gallery
        android:id="@+id/gallery1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="10dp"
        android:spacing="20dp"
        android:unselectedAlpha="1.0" >
    </Gallery>

</LinearLayout>

代码 - 图库项目布局（平板电脑，layout-xlarge-land-mdpi）

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainLargeImg"
    android:layout_width="374dp"
    android:layout_height="600dp"
    android:layout_marginLeft="0dp"
    android:layout_marginRight="0dp"
    android:maxHeight="600dp"
    android:maxWidth="374dp"
    android:minHeight="600dp"
    android:minWidth="374dp"
    android:scaleType="fitXY"
    android:src="@drawable/noposterxl" />

代码 - 图库项目布局（电话，layout-normal-port-xhdpi）

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainLargeImg"
    android:layout_width="188dp"
    android:layout_height="300dp"
    android:layout_marginLeft="0dp"
    android:layout_marginRight="0dp"
    android:maxHeight="300dp"
    android:maxWidth="188dp"
    android:src="@drawable/noposterxl" />

PS。有问题的应用程序是Mizuu - 市场上有免费版本，您可以尝试自己查看问题。当您滑动水平滚动视图并且即将显示下一个图像时，会发生这种情况。免费版本目前仅限平板电脑。

Answer 1

发现这听起来像你的问题：

http://www.unwesen.de/2011/04/17/android-jittery-scrolling-gallery/

修复方法是覆盖这两种方法。我不太确定这是正确的方法：

private long mLastScrollEvent;

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b)
{
  long now = SystemClock.uptimeMillis();
  if (Math.abs(now - mLastScrollEvent) > 250) {
    super.onLayout(changed, l, t, r, b);
  }
}

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
    float distanceY)
{
  mLastScrollEvent = SystemClock.uptimeMillis();
  return super.onScroll(e1, e2, distanceX, distanceY);
}

它有一个hacky修复，假设你可以试一试。

还提交了一份错误报告：

http://code.google.com/p/android/issues/detail?id=16171

Answer 2

我不确定，但是因为在调用getView（）时发生了这种跳转，我认为这与Gallery不能正确回收视图这一事实有关。然而，如果是这种情况，我不知道为什么它在手机上比平板电脑更好用，但我怀疑这与手机的处理器速度稍快或图像是否有关的事实有关。在画廊中使用可能会占用更多的RAM，因为它们可以在屏幕上变大。

如果您在平板电脑上滚动时观察猫咪日志，那么当暂停发生时垃圾收集器是否会运行？如果这是造成暂停效果的原因，我认为如果是这样的话，可能是因为每次调用getView（）时新的Object都会膨胀。

有人修复了导致Gallery无法回收并以“EcoGallery”名称发布它的错误，将它包含在您的项目中有点麻烦，因为您必须手动包含一些java文件和其他一些资源。但是如果你实现并在平板电脑上进行测试，我认为它可能有助于缓解你的问题。

Answer 3

我最终决定使用Devsmart的HorizontalListView代替Gallery小部件。与Gallery小部件相比，它不完全相同，但缺少一些功能，但它非常流畅，能够重复使用Views和没有＆＃34;跳跃＆＃34;滚动项目时。此外，它不像Gallery小部件那样居中对齐，这是我一段时间以来想要的另一件事。

可从此处获取HorizontalListView小部件：https://github.com/dinocore1/DevsmartLib-Android

Answer 4

我刚刚发现这是 Android 3.x中的一个错误，并且已经在Android 4.0中修复了 - 这解释了为什么它适用于Galaxy Nexus以及为什么它不会在Honeycomb上使用我的Acer Iconia A500。我已升级到Transformer Prime，它也能完美运行。

现在的问题是，Android 3.x上的用户会遇到这个错误并因此而责备我，这不是我的错...

Android画廊小部件“抖动”/“跳跃”/表演很奇怪

4 个答案: