[セットトップ]Android SwipeRefresh Layoutドロップのリフレッシュとアップロード+スライド削除
26945 ワード
SwipeRefresh Layout–Google公式が提示したプルダウンリフレッシュコントロールは、様々なAPPに広く使われています.ずっと1つをいじりたいのですが、ボトムアップの更新もサポートできますし、アップロードもできます.同時にQQのようなスライド削除効果も実現できます.インターネットで多くの資料を探しましたが、最後に次のような効果がありました.
参考資料:SwipeRefresh Layoutのアップロードとドロップダウンリフレッシュ:
http://blog.csdn.net/u012036813/article/details/38959507
Listviewのスライド削除:
http://blog.csdn.net/lmj623565791/article/details/22961279
Androidイベント伝達メカニズム:
http://blog.csdn.net/yanzi1225627/article/details/22592831
次に具体的な実現過程を見てみます.
1.インターフェースのレイアウト:
SwipeRefresh Layoutのアップローディングは2つの方法があります.一つはスライドモニターを実現し、最後の部分をスライドさせるとより多くの機能をロードすることができます.一つは、イベント伝達機構を通じてアクションを傍受し、より多くの機能をロードすることを実現することである.最初のロード原理を見てください.
カスタムSwipe Refresh Layout:
次は第二のローディング原理です.
次はMainActivityの関連コードです.
ここのスライド削除の参考は鴻洋のこのブログです.コードのコメント、解説はすべて詳細です.
http://blog.csdn.net/lmj623565791/article/details/22961279
スライド削除itemの原理は、チューニングによってitemのpositionを取得し、削除操作を実行して、アダプターを更新すればいいです.難点はアップロードとドロップダウンリフレッシュ操作とlistview横滑り削除操作の衝突を解決することです.
http://blog.csdn.net/yanzi1225627/article/details/22592831
最後にスクリーンショットをする時はカードを比較します.効果はいいです.
コードはすでに私のgithubにアップロードされました.ダウンロード住所を添付します.https://github.com/18722527635/SwipeRefreshLayout/tree/master
参考資料:SwipeRefresh Layoutのアップロードとドロップダウンリフレッシュ:
http://blog.csdn.net/u012036813/article/details/38959507
Listviewのスライド削除:
http://blog.csdn.net/lmj623565791/article/details/22961279
Androidイベント伝達メカニズム:
http://blog.csdn.net/yanzi1225627/article/details/22592831
次に具体的な実現過程を見てみます.
1.インターフェースのレイアウト:
<com.example.swiperefreshlayoutdemo.RefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/swipe_container"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<com.example.swiperefreshlayoutdemo.QQListView
android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</com.example.swiperefreshlayoutdemo.QQListView>
</com.example.swiperefreshlayoutdemo.RefreshLayout>
アップロードとスライド削除を実現するためには、カスタムRefresh LayoutとListviewが使われます.2.コードの実現:SwipeRefresh Layoutのアップローディングは2つの方法があります.一つはスライドモニターを実現し、最後の部分をスライドさせるとより多くの機能をロードすることができます.一つは、イベント伝達機構を通じてアクションを傍受し、より多くの機能をロードすることを実現することである.最初のロード原理を見てください.
カスタムSwipe Refresh Layout:
// SwipeRefreshLayout, .
public class RefreshLayout extends SwipeRefreshLayout implements OnScrollListener {
// listview
private ListView mListView;
// ,
private OnLoadListener mOnLoadListener;
// ListView footer
private View mListViewFooter;
// ( )
private boolean isLoading = false;
public RefreshLayout(Context context) {
this(context, null);
}
public RefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
//
mListViewFooter = LayoutInflater.from(context).inflate(
R.layout.listview_footer, null, false);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
super.onLayout(changed, left, top, right, bottom);
// ListView
if (mListView == null) {
getListView();
}
}
// ListView
private void getListView() {
int childs = getChildCount();
if (childs > 0) {
View childView = getChildAt(0);
if (childView instanceof ListView) {
mListView = (ListView) childView;
// ListView
mListView.setOnScrollListener(this);
}
}
}
// ,
public void setLoading(boolean loading) {
isLoading = loading;
if (isLoading) {
mListView.addFooterView(mListViewFooter);
} else {
mListView.removeFooterView(mListViewFooter);
}
}
//
public void setOnLoadListener(OnLoadListener loadListener) {
mOnLoadListener = loadListener;
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
// ,
if (mListView.getLastVisiblePosition() == mListView.getAdapter()
.getCount() - 1 && isLoading == false) {
//
setLoading(true);
//
mOnLoadListener.onLoad();
}
}
//
public interface OnLoadListener {
public void onLoad();
}
}
注釈ははっきり書いてあります.スライドモニターを実現して、listviewを初期化して、ロードタスクインターフェースと方法を書いてください.スライド傍受方法には、いくつかのパラメータがあります.first Visible Itemは、現在の画面に表示されている最初のlistItemがlistViewの中にある位置を表しています.(下付きは0から)visible Item Countは、現在の画面で見ることができるListItem(一部表示されているListItemも計算されます.)トータルトートItem Countは、ListViewのListItemの総数を表しています.リストView.get LastVisible Positionは、現時点でスクリーンの最後のListItem(最後にListItemを完全に表示すると計算されます.)は、ListView全体の位置(下付きは0から開始します)から、最初は底面にスライドしたかどうかを判断します.ロード状態を判断していません.一番下にデータをロードするとずっとロードされます.後に判断を加えて、デフォルトではデータをロードしません.isLoading==falseは、一番下にスライドしてデータをロードする場合、trueに設定します.ロードが完了したらfalseに設定し、ロードが完了します.次は第二のローディング原理です.
public class RefreshLayout extends SwipeRefreshLayout {
// listview
private ListView mListView;
// ,
private OnLoadListener mOnLoadListener;
// ListView footer
private View mListViewFooter;
// ( )
private boolean isLoading = false;
// y
private int mYDown;
// y
private int mLastY;
//
private int mTouchSlop;
public RefreshLayout(Context context) {
this(context, null);
}
public RefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
mListViewFooter = LayoutInflater.from(context).inflate(
R.layout.listview_footer, null, false);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
super.onLayout(changed, left, top, right, bottom);
// ListView
if (mListView == null) {
getListView();
}
}
// ListView
private void getListView() {
int childs = getChildCount();
if (childs > 0) {
View childView = getChildAt(0);
if (childView instanceof ListView) {
mListView = (ListView) childView;
}
}
}
public boolean dispatchTouchEvent(MotionEvent event) {
final int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
//
mYDown = (int) event.getRawY();
break;
case MotionEvent.ACTION_MOVE:
//
mLastY = (int) event.getRawY();
break;
case MotionEvent.ACTION_UP:
//
if ((mYDown - mLastY) >= mTouchSlop && isLoading == false) {
//
setLoading(true);
//
mOnLoadListener.onLoad();
}
break;
default:
break;
}
return super.dispatchTouchEvent(event);
}
//
public void setLoading(boolean loading) {
isLoading = loading;
if (isLoading) {
mListView.addFooterView(mListViewFooter);
} else {
mListView.removeFooterView(mListViewFooter);
}
}
//
public void setOnLoadListener(OnLoadListener loadListener) {
mOnLoadListener = loadListener;
}
//
public interface OnLoadListener {
public void onLoad();
}
}
初期化データは同じで、異なるのは2つのY座標を記録して、一つは押して、一つは上げて、最後の部分をスライドする時の上引き動作を判断します.get ScredTouch Slopは、スライド時の手の動きがこの距離よりも大きいことを示してからコントロールを移動します.この距離より小さいと移動コントロールが起動されません.例えば、viewpagerはこの距離でユーザがページをめくるかどうかを判断します.そしてイベント伝達機構を通して、viewの三つの動作を手に入れます.MotionEvent.ACTIION_DOWNがViewを押すと、すべてのイベントの始まりです.MOVEスライドイベントMotionEvent.ACTION_UPはダウンタウンに対応しています.スライドの距離が要求距離以上であり、ローディング状態がfalseである場合、設定状態を開始し、データをロードします.原理は上と同じです.次はMainActivityの関連コードです.
public class MainActivity extends Activity implements OnRefreshListener, OnLoadListener {
private RefreshLayout swipeLayout;
private QQListView listView;
private MyAdapter adapter;
private List<Integer> list = new ArrayList<Integer>();
private int y = 11;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
setData();
setListener();
}
private void initView() {
swipeLayout = (RefreshLayout) findViewById(R.id.swipe_container);
swipeLayout.setOnRefreshListener(this);
swipeLayout.setColorScheme(android.R.color.holo_blue_bright,
android.R.color.holo_green_light,
android.R.color.holo_orange_light,
android.R.color.holo_red_light);
}
private void setData() {
list = new ArrayList<>();
for (int i = 3; i < 12; i++) {
list.add(i);
}
listView = (QQListView) findViewById(R.id.list);
adapter = new MyAdapter(this, list);
listView.setAdapter(adapter);
listView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1,
int position, long arg3) {
Toast.makeText(getApplicationContext(),
" " + String.valueOf(position + 1) + " ",
Toast.LENGTH_SHORT).show();
}
});
listView.setDelButtonClickListener(new DelButtonClickListener() {
@Override
public void clickHappend(int position) {
list.remove(position);
refresh();
}
});
}
private void setListener() {
swipeLayout.setOnRefreshListener(this);
swipeLayout.setOnLoadListener(this);
}
@Override
public void onRefresh() {
swipeLayout.postDelayed(new Runnable() {
@Override
public void run() {
//
list.clear();
y = 12;
for (int i = 0; i < 13; i++) {
list.add(i);
}
refresh();
//
swipeLayout.setRefreshing(false);
}
}, 1000);
}
@Override
public void onLoad() {
swipeLayout.postDelayed(new Runnable() {
@Override
public void run() {
//
y++;
list.add(y);
refresh();
//
swipeLayout.setLoading(false);
}
}, 1000);
}
private void refresh() {
adapter.setList(list);
adapter.notifyDataSetChanged();
}
}
自分の持っているプルダウンリフレッシュインターフェースの方法と自分で定義したアップロード方法を実現して、それぞれの方法で業務操作を行います.ここでシミュレーションしたのは簡単な数字更新です.ここに来て、SwipeRefresh Layoutのプルダウンとアップロードが完了しました.最後はSwipeRefresh Layoutのスライド削除です.ここのスライド削除の参考は鴻洋のこのブログです.コードのコメント、解説はすべて詳細です.
http://blog.csdn.net/lmj623565791/article/details/22961279
スライド削除itemの原理は、チューニングによってitemのpositionを取得し、削除操作を実行して、アダプターを更新すればいいです.難点はアップロードとドロップダウンリフレッシュ操作とlistview横滑り削除操作の衝突を解決することです.
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
//
int action = ev.getAction();
int x = (int) ev.getX();
int y = (int) ev.getY();
switch (action) {
case MotionEvent.ACTION_DOWN:
xDown = x;
yDown = y;
/** * popupWindow , , ListView touch */
if (mPopupWindow.isShowing()) {
dismissPopWindow();
return false;
}
// item
mCurrentViewPos = pointToPosition(xDown, yDown);
View view = getChildAt(mCurrentViewPos - getFirstVisiblePosition());
mCurrentView = view;
break;
case MotionEvent.ACTION_MOVE:
xMove = x;
yMove = y;
int dx = xMove - xDown;
int dy = yMove - yDown;
/** * */
if (xMove < xDown && Math.abs(dx) > touchSlop
&& Math.abs(dy) < touchSlop) {
// Log.e(TAG, "touchslop = " + touchSlop + " , dx = " + dx +
// " , dy = " + dy);
isSliding = true;
}
break;
}
return super.dispatchTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
int action = ev.getAction();
/** * */
if (isSliding) {
switch (action) {
case MotionEvent.ACTION_MOVE:
int[] location = new int[2];
// item x y
mCurrentView.getLocationOnScreen(location);
// popupWindow
mPopupWindow
.setAnimationStyle(R.style.popwindow_delete_btn_anim_style);
mPopupWindow.update();
mPopupWindow.showAtLocation(mCurrentView, Gravity.LEFT
| Gravity.TOP, location[0] + mCurrentView.getWidth(),
location[1] + mCurrentView.getHeight() / 2
- mPopupWindowHeight / 2);
//
mDelBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (mListener != null) {
mListener.clickHappend(mCurrentViewPos);
mPopupWindow.dismiss();
}
}
});
// Log.e(TAG, "mPopupWindow.getHeight()=" + mPopupWindowHeight);
break;
case MotionEvent.ACTION_UP:
isSliding = false;
}
// itemClick ,
return true;
}
return super.onTouchEvent(ev);
}
dispatch TouchEventイベント伝達機構により、現在ユーザーのスライドに応答するかどうかを設定し、その後オントタッチイベントで応答するかを判断し、応答するとpopWindowがアニメーションとして表示されます.もちろんスクリーン上にPoppWindowが存在すると、スクリーンListViewのスクロールとItemのクリック、および右から左にスライドする時のスクリーンItemのclickイベントが遮断されます.その中でdispatch TouchEventについては、ここで原理的に詳しく話しています.http://blog.csdn.net/yanzi1225627/article/details/22592831
最後にスクリーンショットをする時はカードを比較します.効果はいいです.
コードはすでに私のgithubにアップロードされました.ダウンロード住所を添付します.https://github.com/18722527635/SwipeRefreshLayout/tree/master