We all want to make lists that can refresh the items in the list with that fancy swipe up on the screen, to have some spinner animated, and to do some stuff after the list is refreshed. We can accomplish it by implementing the Swipe Refresh layout in to our project.
NOTE: We are going to use ButterKnife library for binding views:
|
1 2 |
<span class="pln">implementation </span><span class="str">'com.jakewharton:butterknife:</span><span class="version">9.0.0-rc1</span><span class="str">'</span><span class="pln"> annotationProcessor </span><span class="str">'com.jakewharton:butterknife-compiler:</span><span class="version">9.0.0-rc1</span><span class="str">'</span> |
First we need to add the dependency for the Swipe Refresh and RecyclerView (optional) in to our app gradle.build:
|
1 2 3 4 5 |
// SwipeRefresh implementation 'com.android.support:support-v4:28.0.0' // RecyclerView implementation 'com.android.support:recyclerview-v7:28.0.0' |
Then in our activity_main.xml we add the layout:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swiperefresh" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/recyclerview" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical" /> </android.support.v4.widget.SwipeRefreshLayout> </RelativeLayout> |
Then i our MainActivity we implement the functionality of the Swipe Refresh feature:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
public class MainActivity extends AppCompatActivity { @BindView(R.id.swiperefresh) SwipeRefreshLayout swipeRefresh; @BindView(R.id.recyclerview) RecyclerView recyclerView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(this); setupUi(); } private void setupUi() { // spinner color swipeRefresh.setColorSchemeColors(getResources().getColor(R.color.colorAccent)); // spinner color directly from color resources (R.color.your_color_here) swipeRefresh.setColorSchemeResources(R.color.colorPrimaryDark); // setting the size of the swipeRefresh spinner element (LARGE=0 and DEFAULT=1) swipeRefresh.setSize(SwipeRefreshLayout.LARGE); swipeRefresh.setOnRefreshListener( new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { doYourUpdate(); } } ); } private void doYourUpdate() { // TODO implement a refresh Toast.makeText(MainActivity.this, "Refreshed", Toast.LENGTH_SHORT).show(); swipeRefresh.setRefreshing(false); // Disables the refresh icon } } |
After binding the views with Butterknife library, we then set the color for the swipRefresh layout (two ways described in the code above), and we add listener to hear when swipe down from top action is performed on the display. In the overriden onRefresh() method we add our logic what to do when we refresh the list (refresh the items).
With setRefreshing(boolean) we show and hide the spinner animation. Default is shown.
With setSize(int) we set only two sizes of the Swipe Refresh, DEFAULT and LARGE.
This are the basic thing that this Swipe Refresh layout can do. For more information you should check official google documentaion:
Google SwipeRefreshLayout Documentation
Neat blog! Is your theme custom made or did you download it from somewhere? A theme like yours with a few simple adjustements would really make my blog jump out. Please let me know where you got your design. Bless you|