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を書く必要があります.
そして私のレイアウトファイルactivity_main.xmlではAndroidを使用するListViewのように直接使用されます.
テスト:
『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);
}
}