說到下拉刷新,相信大家都不陌生,現在基本上每個項目都會用到。我們公司的項目一直都是使用SwipeRefreshLayout,官方的Material Design風格,好用少Bug。現在下拉刷新大概有下面幾種實現方式:一種是直接包在ListView或者RecyclerView的頭部,有的則是像SwipeRefreshLayout一樣,包在視圖的最外層,個人建議使用包在最外層的做法,可拓展性比較強。下面用包在最外層的方法實現京東和天貓的下拉刷新。
1.使用框架Android-Ultra-Pull-To-Refresh
https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh
大家有興趣的可以去看一下這個下拉刷新框架,可拓展性非常強,兼容各種View的下拉刷新事件。
2.京東下拉刷新
先看看京東的下拉刷新動畫:
從上圖可以看出,就是一個動畫,當然截圖有點卡,首先,我們解壓手機京東的app,得到上面的圖片:
先看看頭部刷新的布局怎么實現:
jd_refresh_header_view.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content"> <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@+id/layout_tx"> <ImageView android:id="@+id/iv_man" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/a2a" /> <ImageView android:id="@+id/iv_goods" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|center" android:src="@drawable/a29" /> </FrameLayout> <LinearLayout android:id="@+id/layout_tx" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:layout_marginLeft="5dp" android:gravity="center_vertical" android:orientation="vertical" android:padding="5dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="讓購物更便捷" android:textSize="14sp" /> <TextView android:id="@+id/tv_remain" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:text="松開刷新" android:textSize="12sp" /> </LinearLayout> </RelativeLayout>
網站標題:Android仿京東、天貓下拉刷新效果-創新互聯
網址分享:http://vcdvsql.cn/article34/dchcpe.html
成都網站建設公司_創新互聯,為您提供虛擬主機、商城網站、自適應網站、搜索引擎優化、標簽優化、網站內鏈
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯