LoadMoreListView
まぁ要はListViewの末尾に達したら新しいデータをロードする等の仕組みを提供する機能的なやつ。Android PullToRefreshにはそういう機能があったけど、何回かふれているけどActionBar PullToRefreshを使うべきという形になっているので、それっぽい機能をどうするかって所なんですが
調べた所によると、LoadMoreListViewっていうのを利用する事で出来るっぽい。という事で使ってみた
構造
├── app │ ├── build.gradle │ └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ │ └── sample │ │ └── test │ │ ├── MainActivity.java │ │ └── MainListFragment.java │ └── res │ ├── drawable-hdpi │ ├── drawable-ldpi │ ├── drawable-mdpi │ ├── drawable-xhdpi │ ├── layout │ │ ├── activity_main.xml │ │ ├── list_fragment_layout.xml │ └── values │ └── strings.xml ├── build.gradle ├── library │ └── pulltorefresh-and-loadmore ├── local.properties └── settings.gradle
pulltorefresh-and-loadmoreなやつは内容を省略してますが、要はgradle-android-toolkitベースなプロジェクトで利用する。恐らくはEclipseなプロジェクトだとライブラリプロジェクトをインポートすりゃ良さそうな気がする
まぁ見て分かるようにListFragmentがあるんだけれども、pulltorefresh-and-loadmoreのListView実装を使う必要があるのでレイアウトを定義しなきゃならん。activity_mainなレイアウトはただ
res/layout/list_fragment_layout.xml
<?xml version="1.0" ?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<com.costum.android.widget.LoadMoreListView
android:id="@+id/android:list"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
android:id/emptyは省略してますが(ry android.R.id.listで参照できるやつをLoadMoreListViewを使うようにするだけ
MainListFragment.java
package sample.test;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import com.actionbarsherlock.app.SherlockListFragment;
import com.costum.android.widget.LoadMoreListView;
public class MainListFragment extends SherlockListFragment {
private static final String TAG = MainListFragment.class.getName();
private ArrayAdapter<String> mAdapter;
private Handler mHandler;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mAdapter = new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_1);
addData();
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle bundle) {
return inflater.inflate(R.layout.list_fragment_layout, container, false);
}
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
setListAdapter(mAdapter);
mHandler = new Handler();
final LoadMoreListView listView = (LoadMoreListView)getListView();
listView.setOnLoadMoreListener(
new LoadMoreListView.OnLoadMoreListener() {
@Override
public void onLoadMore() {
mHandler.postDelayed(
new Runnable() {
@Override
public void run() {
addData();
listView.onLoadMoreComplete();
}
},
3000
);
}
}
);
}
private void addData() {
// データをロードする処理
}
}
っていう感じで、ListViewのデータ終端に達したらLoadMoreListView.OnLoadMoreListener#onLoadMoreが発生するのでそこでデータをロードする処理を実装すりゃ良いってだけ
でお馴染み動作動画用意しました
{% youtube Zl-hlqMvdig %}
追記
LoadMoreListViewが生成するフッターなProgressなレイアウトを修正したりしたいのであれば、res/layout/load_more_footer.xmlを作って修正なりすれば良い模様。ちなみにデフォルトでは以下のようになっている模様
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/load_more_footer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@color/black" >
<View
android:id="@+id/top_line"
android:layout_width="fill_parent"
android:layout_height="0.5dp"
android:layout_alignParentTop="true"
android:background="@color/dark_slate_gray"
android:visibility="visible" />
<!--
<TextView
android:id="@+id/load_more_lab_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center_horizontal"
android:padding="3dp"
android:text="@string/load_more_post"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="@color/dark_slate_gray" />
-->
<ProgressBar
android:id="@+id/load_more_progressBar"
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_centerInParent="true"
android:indeterminate="true"
android:indeterminateDrawable="@drawable/costum_progress_bar"
android:padding="3dp"
android:visibility="gone" />
</RelativeLayout>
あと実装では
mFooterView = (RelativeLayout) mInflater.inflate(R.layout.load_more_footer, this, false);
/*
* mLabLoadMore = (TextView) mFooterView
* .findViewById(R.id.load_more_lab_view);
*/
mProgressBarLoadMore = (ProgressBar) mFooterView.findViewById(R.id.load_more_progressBar);
addFooterView(mFooterView);
っていうようになっているのでProgressじゃなくてテキストを出したいとかはここを修正すりゃいいのではと