Android ListViewをトップ/ボトムに引っ張り、輪ゴムのように弾力を取り戻してリセット

3386 ワード


『Android ListViewをトップ/ボトムに引っ張り、輪ゴムのように弾力を取り戻してリセット』
Android自体のListViewを上部または下部に引っ張ると、上部/下部のエッジの隙間に「フラッシュ」効果が現れ、ListViewが上部/下部に達し、これ以上動くことができないことを示します.AndroidオリジナルのListViewをトップ/ボトムに引っ張るインタラクティブなデザインです.インタラクティブ設計の選択肢は多い.Android 5.0はListViewのこのインタラクティブなデザインを「揺れるコロナ」に変えた.多くのインタラクティブ設計において、1つのインタラクティブ設計は、ListViewが上部または下部に引っ張られると、ListViewは輪ゴムのようになり、ListViewは減衰効果を示し、ユーザがListViewを解放すると、ListViewは自動的に輪ゴムのように弾力的に上部/下部に復帰する.Androidでは上記のようなインタラクション効果を実現し,ListViewを書き換える方法overScrollBy()が実現できる.次に、一歩一歩実装する例を示します.まず、ZhangPhilListViewがAndroidから継承したListViewを書く必要があります.
package zhangphil.listview;

import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.widget.ListView;

public class ZhangPhilListView extends ListView {

	//         ListView            。
	private static final int MAX_OVERSCROLL_Y = 200;

	private Context mContext;
	private int newMaxOverScrollY;

	public ZhangPhilListView(Context context) {
		super(context);
		this.mContext = context;
		init();
	}

	public ZhangPhilListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		this.mContext = context;
		init();
	}

	/*
	 * public ZhangPhilListView(Context context, AttributeSet attrs, int
	 * defStyle) { super(context, attrs, defStyle); this.mContext = context;
	 * init(); }
	 */

	private void init() {
		DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();
		float density = metrics.density;
		newMaxOverScrollY = (int) (density * MAX_OVERSCROLL_Y);
	}

	//       。
	//   SDK8    @SuppressLint("NewApi")。
	@SuppressLint("NewApi")
	@Override
	protected boolean overScrollBy(int deltaX, int deltaY, int scrollX,
			int scrollY, int scrollRangeX, int scrollRangeY,
			int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {
		return super.overScrollBy(deltaX, deltaY, scrollX, scrollY,
				scrollRangeX, scrollRangeY, maxOverScrollX, newMaxOverScrollY,
				isTouchEvent);
	}
}

そして私のレイアウトファイルactivity_main.xmlではAndroidを使用するListViewのように直接使用されます.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <zhangphil.listview.ZhangPhilListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    
</LinearLayout>

テスト:
package zhangphil.listview;

import android.support.v7.app.ActionBarActivity;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.os.Bundle;

public class MainActivity extends ActionBarActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		ListView lv = (ListView) findViewById(R.id.listView);

		//      。
		String[] data = new String[50];
		for (int i = 0; i < data.length; i++) {
			data[i] = i + "";
		}

		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, android.R.id.text1, data);
		lv.setAdapter(adapter);
	}
}