【问题标题】:Android Gallery widget "jitter" / "jumping" / acting weirdAndroid Gallery 小部件“抖动”/“跳跃”/表现怪异
【发布时间】:2012-01-20 20:08:35
【问题描述】:

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

我正在为Gallery 小部件使用自定义Adapter,并在此Adapter 中为Gallery 中的每个项目添加自定义布局。您可以在下面查看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

工作中 - 在手机上(Samsung 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 - 市场上有一个免费版本,您可以自己尝试查看问题。当您滑动水平滚动视图并且即将显示下一个图像时会发生这种情况。免费版目前仅适用于平板电脑。

【问题讨论】:

  • 您是否尝试在调试模式下将平板电脑连接到开发机器?这可能会在 logcat 中提供一些线索。
  • 是的,在 Logcat 中绝对没有。我花了好几个小时试图解决这个问题。
  • 我会说这就是所谓的“捕捉到”功能不跳跃。还没有读过你的代码,只是看了视频。 ...如果您明确设置大小,则不会在 xml 中声明最小和最大
  • 不,“对齐”发生在您松开手指时,而不是在您滚动时。
  • 从谷歌开发者那里读到一句话,当视图大小发生变化时,就会发生快照。因此,当新视图出现在屏幕上而旧视图消失时,快照就发生了。为什么不尝试检查 convertView 是否为 null 并重新使用它?

标签: android android-widget gallery android-3.0-honeycomb android-4.0-ice-cream-sandwich


【解决方案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

【讨论】:

  • 我只是想知道为什么它没有发生在电话上?它正在运行 ICS,而平板电脑在 Honeycomb 上 - 不确定这是否会有所不同。
【解决方案2】:

我不确定,但由于调用 getView() 时会发生这种跳转,我认为这与 Gallery 没有正确回收视图有关。但是,如果是这种情况,我不知道为什么它在手机上比在平板电脑上运行得更好,但我怀疑这与手机的处理器速度稍快,或者图像在图库中使用可能会在平板电脑上占用更多 RAM,因为它们可以在屏幕上更大。

如果您在平板电脑上滚动时观看您的猫日志,垃圾收集器是否会在暂停时运行?如果是这样,那就是导致暂停效果的原因,我认为如果是这样,那么很可能是由于每次调用 getView() 时都会使新对象膨胀。

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

【讨论】:

  • 谢谢,我会试一试。不过,与处理器速度或图像大小没有任何关系。它们的速度基本相同,图像大小相同。
  • 可能是 ICS 修复?我可以使用 ICS 平板电脑,我可以在星期一在那里对其进行测试。如果微不足道的 mp4 视频文件只是属于视频文件但不像好莱坞类型的电影的小型 mp4 文件,它们是否会出现在画廊中?今天下午我真的试过了,但我没有在任何设备上播放电影,而且我似乎无法让设备上的 mp4 显示出来。
  • 您需要先设置文件源,并且默认情况下启用了过滤
【解决方案3】:

我最终决定使用 Devsmart 的 HorizontalListView 而不是 Gallery 小部件。它并不完全相同,与Gallery 小部件相比,它缺少一些功能,但它非常流畅,能够重复使用Views,并且在滚动项目时不会“跳转”。此外,它不像 Gallery 小部件那样居中对齐,这是我一段时间以来一直想要的另一件事。

Horizo​​ntalListView 小部件可从此处获得:https://github.com/dinocore1/DevsmartLib-Android

【讨论】:

  • 这个滚动元素的另一个加一
【解决方案4】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-09
    • 2012-10-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多