Android UI开发第二十二篇——android 瀑布流图片实现

最新推荐文章于 2024-09-18 12:27:37 发布

xyzlmn

最新推荐文章于 2024-09-18 12:27:37 发布

阅读量143

点赞数

文章标签：移动开发 ui

自pinterest使用了瀑布流展示图片后，有很多应用开始使用瀑布流的方式，像蘑菇街，美丽说。这里的瀑布流实现使用了开源代码。

layout：

<?xml version="1.0" encoding="utf-8"?>
<com.dodowaterfall.LazyScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
 android:id="@+id/waterfall_scroll"
 android:scrollbars="vertical"
  >


  <LinearLayout
    android:id="@+id/waterfall_container"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/white"
    >
  </LinearLayout>


</com.dodowaterfall.LazyScrollView>

整个瀑布流用的是ScrollView的子类LazyScrollView。这个LazyScrollView中设置了一个监听器接口，用来监听ScrollView执行的不同阶段。接口如下：

public interface OnScrollListener {
		void onBottom();

		void onTop();

		void onScroll();

		void onAutoScroll(int l, int t, int oldl, int oldt);
	}

对于每一幅图，都用一个ImageView的子类FlowView来表示。为了不阻塞UI线程，图片加载和图片更新都分别用不同的线程来做。这两个线程都在FlowView中。FlowView提供了加载和更新的接口给Activity调用。瀑布流实例的主Activity是MainActivity，常量都保存在Constants类中，方便维护。

瀑布流最重要的是图片的内存回收机制，防止发生内存溢出的情况（OOM）。