package siso.haha;import android.content.Intent;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.Button;public class MainActivity extends AppCompatActivity { private Button btnStaggeredGridView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btnStaggeredGridView=(Button)findViewById(R.id.btnStaggeredGridView); btnStaggeredGridView.setOnClickListener(new View.OnClickListener() {  @Override  public void onClick(View v) {  Intent intent = new Intent();  intent.setClass(MainActivity.this,staggeredgridviewActivity.class);  //直接啟動一個Activity  startActivity(intent);  } }); }}

package siso.haha;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.util.Log;import android.view.LayoutInflater;import android.view.Menu;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import java.util.Random;import viewHelper.StaggeredGridView;import viewHelper.StaggeredGridView.LayoutParams;public class staggeredgridviewActivity extends Activity{ private final static String TAG = staggeredgridviewActivity.class.getSimpleName(); private StaggeredGridView mSGV; private SGVAdapter mAdapter; private StaggeredGridView.OnScrollListener mScrollListener = new StaggeredGridView.OnScrollListener() { @Override public void onScrollStateChanged(ViewGroup view, int scrollState) {  Log.d(TAG, "[onScrollStateChanged] scrollState:" + scrollState);  switch (scrollState) {  case SCROLL_STATE_IDLE:   setTitle("SCROLL_STATE_IDLE");   break;  case SCROLL_STATE_FLING:   setTitle("SCROLL_STATE_FLING");   break;  case SCROLL_STATE_TOUCH_SCROLL:   setTitle("SCROLL_STATE_TOUCH_SCROLL");   break;  default:   break;  } } @Override public void onScroll(ViewGroup view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {  Log.d(TAG, "[onScroll] firstVisibleItem:" + firstVisibleItem + " visibleItemCount:"+visibleItemCount + " totalItemCount:" + totalItemCount); } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_staggeredgridview); mAdapter = new SGVAdapter(this); mSGV = (StaggeredGridView) findViewById(R.id.grid); mSGV.setColumnCount(4); mSGV.setAdapter(mAdapter); mSGV.setOnScrollListener(mScrollListener); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. // getMenuInflater().inflate(R.menu.activity_main, menu); return true; } private final class SGVAdapter extends BaseAdapter { LayoutInflater mInflater; public SGVAdapter(Context ctx) {  mInflater = LayoutInflater.from(ctx); } @Override public int getCount() {  return 30; } @Override public Object getItem(int position) {  return null; } @Override public long getItemId(int position) {  return 0; } Random r = new Random(); @Override public View getView(int position, View convertView, ViewGroup parent) {  //LayoutParams相當于一個Layout的信息包，它封裝了Layout的位置、高、寬等信息。假設在屏幕上一塊區域是由一個Layout占領的，如果將一個View添加到一個Layout中，最好告訴Layout用戶期望的布局方式，也就是將一個認可的layoutParams傳遞進去。  /*可以這樣去形容LayoutParams，在象棋的棋盤上，每個棋子都占據一個位置，也就是每個棋子都有一個位置的信息，如這個棋子在4行4列，這里的“4行4列”就是棋子的LayoutParams。  但LayoutParams類也只是簡單的描述了寬高，寬和高都可以設置成三種值：  1，一個確定的值；  2，FILL_PARENT，即填滿（和父容器一樣大小）；  3，WRAP_CONTENT，即包裹住組件就好。*/  final LayoutParams lp;  final View v;  switch (position)  {  case 0:  case 29:   v = mInflater.inflate(R.layout.element_header, parent, false);   lp = new LayoutParams(v.getLayoutParams());   lp.span = mSGV.getColumnCount();   break;  case 8:  case 9:  case 18:  case 19:   v = mInflater.inflate(R.layout.element_item_small, parent, false);   lp = new LayoutParams(v.getLayoutParams());   lp.span = 1;   break;  case 10:  case 20:   v = mInflater.inflate(R.layout.element_item_large, parent, false);   lp = new LayoutParams(v.getLayoutParams());   lp.span = 4;   break;  default:   v = mInflater.inflate(R.layout.element_item, parent, false);   lp = new LayoutParams(v.getLayoutParams());   lp.span = 2;   break;  }  v.setLayoutParams(lp);  return v; } }}

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context="siso.haha.MainActivity"> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="動態GridView" android:id="@+id/btnStaggeredGridView" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button2" android:layout_below="@+id/btnStaggeredGridView" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button3" android:layout_below="@+id/button2" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button4" android:layout_below="@+id/button3" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button5" android:layout_below="@+id/button4" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button6" android:layout_below="@+id/button5" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button7" android:layout_below="@+id/button6" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button8" android:layout_below="@+id/button7" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button9" android:layout_below="@+id/button8" android:layout_centerHorizontal="true" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:text="New Button" android:id="@+id/button10" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" /></RelativeLayout>

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".staggeredgridviewActivity" > <viewHelper.StaggeredGridView  android:id="@+id/grid"  android:layout_width="match_parent"  android:layout_height="match_parent" /> </RelativeLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="56dp" android:background="@drawable/bg_white_box" android:gravity="center_vertical" android:orientation="horizontal" > <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="做一點事..." /> <ProgressBar android:id="@+id/progressBar1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /></LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/bg_white_box" android:orientation="vertical" android:padding="2dp" > <ImageView android:id="@+id/imageView1" android:layout_width="match_parent" android:layout_height="100dp" android:src="@android:color/holo_green_light" /> <TextView android:id="@+id/textView1" android:layout_width="match_parent" android:layout_height="56dp" android:layout_margin="8dp" android:drawableRight="@android:drawable/ic_menu_info_details" android:gravity="center_vertical" android:lines="2" android:text="列表項文本在這里，圖像上面" android:textAppearance="?android:attr/textAppearance" /></LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/bg_white_box" android:orientation="vertical" android:padding="2dp" > <ImageView android:id="@+id/imageView1" android:layout_width="match_parent" android:layout_height="160dp" android:src="@android:color/holo_orange_light" /> <TextView android:id="@+id/textView1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="8dp" android:drawableRight="@android:drawable/ic_menu_info_details" android:gravity="center_vertical" android:lines="2" android:text="列表項文本在這里，圖像上面" android:textAppearance="?android:attr/textAppearance" /></LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/bg_white_box" android:orientation="vertical" android:padding="2dp" > <ImageView android:id="@+id/imageView1" android:layout_width="match_parent" android:layout_height="100dp" android:src="@android:color/holo_red_light" /> <TextView android:id="@+id/textView1" android:layout_width="match_parent" android:layout_height="56dp" android:layout_margin="8dp" android:drawableRight="@android:drawable/ic_menu_info_details" android:gravity="center_vertical" android:lines="2" android:text="列表項文本在這里，圖像上面" android:textAppearance="?android:attr/textAppearance" /></LinearLayout>

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <solid android:color="@android:drawable/screen_background_light" /> <stroke android:width="1dp" android:color="@android:color/holo_blue_dark" /></shape>