Android RecyclerViewでよく使われる使い方のまとめ
26633 ワード
(上のディレクトリをクリックしてジャンプできます)転載は出典を明記してください:http://blog.csdn.net/htwhtw123/article/details/77917403 1.一般的なRecyclerView(およびいくつかの注意事項)2.ドロップダウン後に上端からリフレッシュ3.上から引っ張って下端からリフレッシュ4.尾部首部を追加footerとHead項目Demoをそれぞれgihubに追加して、4つのmoduleはこのブログの4つの場合の例です:クリックジャンプ
1.一般的なRecyclerView(およびいくつかの注意点)
(demoではNormalという名前のmodule)1.まずRecyclerViewを導入する必要があります.次に2つの方法をあげます.いずれかを選択します(方法1つはパッケージの共有方法を導入し、公式パッケージを導入するときにもっとよく使われるように感じます)(1)方法1:ctrl+shift+alt+s->左端クリックRecyclerViewを導入する必要があるmodule->右上端クリックDependencesラベル->最右端プラス記号:「+」->library dependency->検索ボックスrecyclerViewを入力して戻る->ダブルクリックして「com.android.」で始まる->OK(2)方法2:moduleのbuild.gradleのdependencies{}に次の文を追加してAndroid Studio右上に表示されるSync Nowをクリックします.
2.レイアウトファイル、特に何もない
3.リストのサブアイテムのレイアウトは、最外層のコントロールの高さがmatch_parentではなく、サブアイテムに必要な高さであることに注意してください.そうしないと、サブアイテムが画面全体を占めます.ここにはtextViewが置いてあります.実際にはどんなコントロールを置いてもいいです.アダプタの中で、これらのオブジェクトはすべて取得できます.そこでどのように設定してもいいです.ここでandroid:layout_marginTop="4 dp"は、サブアイテム間の4 dpの間隔を実現し、色を設定することでrecyclerViewの区切り線を実現することができる(もちろん、より正規の方法もある).次はitem_Layoutのすべてのコード.
4.RecyclerViewのアダプタは書き換える必要があり、自分のニーズに合わせて修正することができます.ここにはよく使われているものを書き、recyclerViewデータに対して追加、削除、空のアダプタを空にすることができます.次に、ItemAdapterのコードを直接配置します.
5.Activityのコード:RecyclerViewの3部作:recyclerViewオブジェクトの取得、レイアウトマネージャの追加、アダプタの追加.アダプタは書き換えるために、事前にデータを入れたり、後でデータを追加したりすることができます.ここでインポートパッケージはimport android.support.v 7.widget.RecyclerViewです.もう1つインポートしないでください.
2.プルダウン後上端から更新
(demoではPullDownRefreshというmodule)ドロップダウンを上端からリフレッシュするのは簡単です.レイアウトファイルでは、SwipeRefreshLayoutでRecyclerViewをパッケージしてjavaコードにドロップダウンのレスポンスイベントを書けばいいです.次は直接コードを書きます:1.ファイルをレイアウトし、RecyclerViewをSwipeRefreshLayoutに置きます.
2.javaコード:
(demoではPullUpRefreshというmodule)
3.上引き下端から更新
リスナーを設定し、一番下の項目が表示されるまでドラッグすると、より多くの項目がロードされます.Listener EndLessOnScrollListenerコード:
recyclerviewにリスニングイベントを追加すればいいです.ここでは、毎回5つ追加させます.
4.尾部首部を追加footerとHeadをそれぞれ追加
(demoではHeaderAndFooterというmodule)実装方法で、主にアダプタで実装されています.アダプタに書かなければならないメソッドとgetItemViewType()メソッドでは、ヘッダーとfooterの場合が一番前と最後になる可能性があると考えます.
1.temAdapterのコード
アクティビティ内のコード:
1.一般的なRecyclerView(およびいくつかの注意点)
(demoではNormalという名前のmodule)1.まずRecyclerViewを導入する必要があります.次に2つの方法をあげます.いずれかを選択します(方法1つはパッケージの共有方法を導入し、公式パッケージを導入するときにもっとよく使われるように感じます)(1)方法1:ctrl+shift+alt+s->左端クリックRecyclerViewを導入する必要があるmodule->右上端クリックDependencesラベル->最右端プラス記号:「+」->library dependency->検索ボックスrecyclerViewを入力して戻る->ダブルクリックして「com.android.」で始まる->OK(2)方法2:moduleのbuild.gradleのdependencies{}に次の文を追加してAndroid Studio右上に表示されるSync Nowをクリックします.
compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'
2.レイアウトファイル、特に何もない
.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
3.リストのサブアイテムのレイアウトは、最外層のコントロールの高さがmatch_parentではなく、サブアイテムに必要な高さであることに注意してください.そうしないと、サブアイテムが画面全体を占めます.ここにはtextViewが置いてあります.実際にはどんなコントロールを置いてもいいです.アダプタの中で、これらのオブジェクトはすべて取得できます.そこでどのように設定してもいいです.ここでandroid:layout_marginTop="4 dp"は、サブアイテム間の4 dpの間隔を実現し、色を設定することでrecyclerViewの区切り線を実現することができる(もちろん、より正規の方法もある).次はitem_Layoutのすべてのコード.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_marginTop="4dp"
android:background="@android:color/white"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView"
android:textSize="30sp"
android:padding="5dp"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"/>
LinearLayout>
4.RecyclerViewのアダプタは書き換える必要があり、自分のニーズに合わせて修正することができます.ここにはよく使われているものを書き、recyclerViewデータに対して追加、削除、空のアダプタを空にすることができます.次に、ItemAdapterのコードを直接配置します.
public class ItemAdapter extends RecyclerView.Adapter<ItemAdapter.MyViewHolder> {
List list;//
Context context;
public ItemAdapter(List list, Context context) {
this.list = list;
this.context = context;
}
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
MyViewHolder holder = new MyViewHolder(LayoutInflater.from(context).inflate(R.layout.item_layout, parent, false));
return holder;
}
// , TextView, itemView,
//
//holder.itemView ,holder.textView
//position
@Override
public void onBindViewHolder(MyViewHolder holder,final int position) {
// textView list
holder.textView.setText(list.get(position));
//
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(context, " "+position, Toast.LENGTH_SHORT).show();
}
});
}
//
@Override
public int getItemCount() {
return list.size();
}
// ,
public class MyViewHolder extends RecyclerView.ViewHolder {
TextView textView;
public MyViewHolder(View itemView) {
super(itemView);
textView = itemView.findViewById(R.id.textView);
}
}
/* , */
// ,
public boolean addItem(int position, String msg) {
if (position < list.size() && position >= 0) {
list.add(position, msg);
notifyItemInserted(position);
return true;
}
return false;
}
//
public boolean removeItem(int position) {
if (position < list.size() && position >= 0) {
list.remove(position);
notifyItemRemoved(position);
return true;
}
return false;
}
//
public void clearAll() {
list.clear();
notifyDataSetChanged();
}
5.Activityのコード:RecyclerViewの3部作:recyclerViewオブジェクトの取得、レイアウトマネージャの追加、アダプタの追加.アダプタは書き換えるために、事前にデータを入れたり、後でデータを追加したりすることができます.ここでインポートパッケージはimport android.support.v 7.widget.RecyclerViewです.もう1つインポートしないでください.
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView);//
recyclerView.setLayoutManager(new LinearLayoutManager(this));// ,
List list = new ArrayList<>();
for (int i = 0; i < 15; i++) {
list.add("" + i);
}
ItemAdapter itemAdapter=new ItemAdapter(list, this);// ,
recyclerView.setAdapter(itemAdapter);
//itemAdapter.addItem(1,"123");
//itemAdapter.removeItem(15);
//itemAdapter.clearAll();
2.プルダウン後上端から更新
(demoではPullDownRefreshというmodule)ドロップダウンを上端からリフレッシュするのは簡単です.レイアウトファイルでは、SwipeRefreshLayoutでRecyclerViewをパッケージしてjavaコードにドロップダウンのレスポンスイベントを書けばいいです.次は直接コードを書きます:1.ファイルをレイアウトし、RecyclerViewをSwipeRefreshLayoutに置きます.
.support.v4.widget.SwipeRefreshLayout
android:id="@+id/srl"
android:layout_width="match_parent"
android:layout_height="match_parent">
.support.v7.widget.RecyclerView
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
2.javaコード:
//
recyclerView= (RecyclerView) findViewById(R.id.rv);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
//
list=new ArrayList<>();
for (int i = 0; i < 10; i++) {
list.add(" "+i+" ");
}
adapter=new ItemAdapter(list,this);
recyclerView.setAdapter(adapter);
//
swipeRefreshLayout= (SwipeRefreshLayout) findViewById(R.id.srl);
swipeRefreshLayout.setColorSchemeColors(Color.BLUE);//
//
swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
list.add(0," :"+i++);
adapter.notifyDataSetChanged();
swipeRefreshLayout.setRefreshing(false);// true ,
}
});
(demoではPullUpRefreshというmodule)
3.上引き下端から更新
リスナーを設定し、一番下の項目が表示されるまでドラッグすると、より多くの項目がロードされます.Listener EndLessOnScrollListenerコード:
public abstract class EndLessOnScrollListener extends RecyclerView.OnScrollListener {
private static final String TAG = "EndLessOnScrollListener";
LinearLayoutManager linearLayoutManager;
//
private int currentPage=0;
// item
private int totalItemCount=0;
// totalItemCount
private int previousTotal=0;
// item
private int visibleItemCount;
// Item
private int firstVisibleItem;
//
private boolean loading=true;
public EndLessOnScrollListener(LinearLayoutManager linearLayoutManager) {
this.linearLayoutManager = linearLayoutManager;
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
visibleItemCount=recyclerView.getChildCount();
totalItemCount=linearLayoutManager.getItemCount();
firstVisibleItem=linearLayoutManager.findFirstVisibleItemPosition();
// loading , , ,
if(loading){
Log.d(TAG, "firstVisibleItem: " + firstVisibleItem);
Log.d(TAG, "totalItemCount:" + totalItemCount);
Log.d(TAG, "visibleItemCount:" + visibleItemCount);
Log.d(TAG, "currentPage:" + currentPage);
if(totalItemCount>previousTotal){
//
loading=false;
previousTotal=totalItemCount;
}
}
// ,
if(!loading&&totalItemCount-visibleItemCount<=firstVisibleItem){
currentPage++;
onLoadMore(currentPage);
loading=true;
}
}
/**
* , Activity EndLessOnScrollListener
*
* ,
* currentPage
*/
public abstract void onLoadMore(int currentPage);
recyclerviewにリスニングイベントを追加すればいいです.ここでは、毎回5つ追加させます.
recyclerView.addOnScrollListener(new EndLessOnScrollListener(linearLayoutManager) {
@Override
public void onLoadMore(int currentPage) {
for (int i = count; i < 5+count; i++) {
list.add(" "+i);
}
adapter.notifyDataSetChanged();
count+=5;
}
});
4.尾部首部を追加footerとHeadをそれぞれ追加
(demoではHeaderAndFooterというmodule)実装方法で、主にアダプタで実装されています.アダプタに書かなければならないメソッドとgetItemViewType()メソッドでは、ヘッダーとfooterの場合が一番前と最後になる可能性があると考えます.
1.temAdapterのコード
private static final int TYPE_HEADER = 0;
private static final int TYPE_FOOTER = 1;
private static final int TYPE_NORMAL = 2;
public ItemAdapter(List list, Context context) {
this.list = list;
this.context = context;
}
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
if (headerView != null && viewType == TYPE_HEADER) {
return new MyViewHolder(headerView);
}
if (footerView != null && viewType == TYPE_FOOTER) {
return new MyViewHolder(footerView);
}
MyViewHolder holder = new MyViewHolder(LayoutInflater.from(context).
inflate(R.layout.item_layout, parent, false));
return holder;
}
@Override
public void onBindViewHolder(MyViewHolder holder, final int position) {
if (getItemViewType(position) == TYPE_NORMAL) {
holder.tv.setText(list.get(position - 1));
return;
} else if (getItemViewType(position) == TYPE_HEADER) {
return;
} else
return;
}
/**
* , , Header Footer , item , view
*/
@Override
public int getItemViewType(int position) {
if (headerView == null && footerView == null) {
return TYPE_NORMAL;
}
if (position == 0) {
// item Header
return TYPE_HEADER;
}
if (position == getItemCount() - 1) {
// , Footer
return TYPE_FOOTER;
}
return TYPE_NORMAL;
}
@Override
public int getItemCount() {
if (headerView == null && footerView == null) {
return list.size();
} else if (headerView == null && footerView != null) {
return list.size() + 1;
} else if (headerView != null && footerView == null) {
return list.size() + 1;
} else {
return list.size() + 2;
}
}
public View getHeaderView() {
return headerView;
}
public void setHeaderView(View headerView) {
this.headerView=headerView;
notifyItemInserted(0);
}
public View getFooterView() {
return footerView;
}
public void setFooterView(View footerView) {
this.footerView=footerView;
notifyItemInserted(getItemCount()-1);
}
class MyViewHolder extends RecyclerView.ViewHolder {
TextView tv;
public MyViewHolder(View itemView) {
super(itemView);
tv = itemView.findViewById(R.id.tv);
}
}
アクティビティ内のコード:
RecyclerView recyclerView;
ItemAdapter adapter;
Listlist;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
list= new ArrayList<>();
for (int i = 0; i < 10; i++) {
list.add(" "+i+" ");
}
adapter=new ItemAdapter(list,this);
recyclerView= (RecyclerView) findViewById(R.id.rv);
recyclerView.setAdapter(adapter);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
// , setAdapter() , wrap_content
addHeader();
addFooter();
}
private void addHeader(){
View header= LayoutInflater.from(this).inflate(R.layout.header_layout,recyclerView,false);
adapter.setHeaderView(header);
}
private void addFooter(){
View footer= LayoutInflater.from(this).inflate(R.layout.footer_layout,recyclerView,false);
adapter.setFooterView(footer);
}