[英]Recyclerview inside Cardview
我已經成功創建了Recyclerview和Cardview。 但是現在我需要在Cardview中創建列表數據,我可以在Cardview中使用Recyclerview嗎?
請幫助我,如何實現我在下面制作的新的Recyclerview適配器。
這是Cardview的XML文件,其中包含Recyclerview:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent"
android:padding="3dp">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/cv">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/person_photo"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_marginEnd="16dp"
android:contentDescription="@string/deskripsi"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/person_name"
android:layout_toEndOf="@+id/person_photo"
android:layout_alignParentTop="true"
android:textSize="30sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/person_age"
android:layout_toEndOf="@+id/person_photo"
android:layout_below="@+id/person_name"/>
<android.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/rv"
android:layout_below="@+id/person_photo" />
</RelativeLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
這是我的適配器:
import java.util.List;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.ImageView;
import android.support.v7.widget.CardView;
import io.hidayat.iocardview.Person;
public class RVAdapter extends RecyclerView.Adapter<RVAdapter.PersonViewHolder>{
List<Person> persons;
RVAdapter(List<Person> persons){
this.persons = persons;
}
public static class PersonViewHolder extends RecyclerView.ViewHolder {
CardView cv;
TextView personName;
TextView personAge;
ImageView personPhoto;
PersonViewHolder(View itemView) {
super(itemView);
cv = (CardView)itemView.findViewById(R.id.cv);
personName = (TextView)itemView.findViewById(R.id.person_name);
personAge = (TextView)itemView.findViewById(R.id.person_age);
personPhoto = (ImageView)itemView.findViewById(R.id.person_photo);
}
}
@Override
public int getItemCount() {
return persons.size();
}
@Override
public void onBindViewHolder(PersonViewHolder personViewHolder, int i) {
personViewHolder.personName.setText(persons.get(i).name);
personViewHolder.personAge.setText(persons.get(i).age);
personViewHolder.personPhoto.setImageResource(persons.get(i).photoId);
}
@Override
public PersonViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.card_list, viewGroup, false);
PersonViewHolder pvh = new PersonViewHolder(v);
return pvh;
}
@Override
public void onAttachedToRecyclerView(RecyclerView recyclerView) {
super.onAttachedToRecyclerView(recyclerView);
}
}
然后我在cardview中為Recyclerview創建新的適配器:
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
private ItemData[] itemsData;
public MyAdapter(ItemData[] itemsData) {
this.itemsData = itemsData;
}
// Create new views (invoked by the layout manager)
@Override
public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType){
// create a new view
View itemLayoutView = LayoutInflater.from(parent.getContext())
.inflate(R.layout.item_view, parent, false);
// create ViewHolder
ViewHolder viewHolder = new ViewHolder(itemLayoutView);
return viewHolder;
}
// Replace the contents of a view (invoked by the layout manager)
@Override
public void onBindViewHolder(ViewHolder viewHolder, int position) {
// - get data from your itemsData at this position
// - replace the contents of the view with that itemsData
viewHolder.txtViewTitle.setText(itemsData[position].getTitle());
viewHolder.imgViewIcon.setImageResource(itemsData[position].getImageUrl());
}
// inner class to hold a reference to each item of RecyclerView
public static class ViewHolder extends RecyclerView.ViewHolder {
public TextView txtViewTitle;
public ImageView imgViewIcon;
public ViewHolder(View itemLayoutView) {
super(itemLayoutView);
txtViewTitle = (TextView) itemLayoutView.findViewById(R.id.item_title);
imgViewIcon = (ImageView) itemLayoutView.findViewById(R.id.item_icon);
}
}
// Return the size of your itemsData (invoked by the layout manager)
@Override
public int getItemCount() {
return itemsData.length;
}
}
這是新適配器的xml文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="80dp">
<!-- icon -->
<ImageView
android:id="@+id/item_icon"
android:layout_width="64dp"
android:layout_height="64dp"
android:layout_alignParentStart="true"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginTop="1dp"
android:layout_marginBottom="1dp"
android:contentDescription="@string/deskripsi"
android:src="@drawable/ic_launcher"
/>
<!-- title -->
<TextView
android:id="@+id/item_title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_toEndOf="@+id/item_icon"
android:layout_alignBaseline="@+id/item_icon"
android:textColor="@android:color/darker_gray"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:layout_marginTop="8dp"
android:textSize="22sp" />
</RelativeLayout>
main_activity.java:
package io.hidayat.iocardview;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.Menu;
import android.view.MenuItem;
import io.hidayat.iocardview.Person;
public class MainActivity extends Activity {
private List<Person> persons = initializeData();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
RecyclerView rv = (RecyclerView)findViewById(R.id.rv);
LinearLayoutManager llm = new LinearLayoutManager(this);
rv.setLayoutManager(llm);
RVAdapter adapter = new RVAdapter(persons);
rv.setAdapter(adapter);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
private List<Person> initializeData(){
persons = new ArrayList<Person>();
persons.add(new Person("Emma Wilson", "23 years old", R.drawable.ct_award));
persons.add(new Person("Lavery Maiss", "25 years old", R.drawable.ct_belanja));
persons.add(new Person("Lillie Watts", "35 years old", R.drawable.ct_dipinjam));
persons.add(new Person("Emma Wilson", "23 years old", R.drawable.ct_award));
persons.add(new Person("Lavery Maiss", "25 years old", R.drawable.ct_belanja));
persons.add(new Person("Lillie Watts", "35 years old", R.drawable.ct_dipinjam));
persons.add(new Person("Emma Wilson", "23 years old", R.drawable.ct_award));
persons.add(new Person("Lavery Maiss", "25 years old", R.drawable.ct_belanja));
persons.add(new Person("Lillie Watts", "35 years old", R.drawable.ct_dipinjam));
return persons;
}
}
您不需要Cardview適配器。 因此,刪除MyAdapter。 只需像在普通RecyclerView中一樣使用RVAdapter。 要將Cardview添加到回收者視圖中,只需更改回收者視圖項的布局即可。
這是用於回收站視圖的適配器
public class SpeakersListAdapter extends RecyclerView.Adapter<SpeakersListAdapter.ViewHolder> {
List<Speaker> speakers;
public SpeakersListAdapter(List<Speaker> speakers) {
this.speakers = speakers;
}
@Override
public SpeakersListAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext());
View view = layoutInflater.inflate(R.layout.speakers_item, parent, false);
ViewHolder viewHolder = new ViewHolder(view);
return viewHolder;
}
@Override
public void onBindViewHolder(SpeakersListAdapter.ViewHolder holder, int position) {
Speaker current = speakers.get(position); //Arrayist of speakers
holder.designation.setText(current.getPosition());
holder.name.setText(current.getName());
holder.bio.setText(current.getBio());
}
@Override
public int getItemCount() {
return speakers.size();
}
class ViewHolder extends RecyclerView.ViewHolder {
TextView name;
TextView designation;
TextView bio;
public ViewHolder(View itemView) {
super(itemView);
itemView.setClickable(true);
itemView.setOnClickListener(this);
name = (TextView) itemView.findViewById(R.id.speaker_name);
bio = (TextView) itemView.findViewById(R.id.speaker_bio);
designation = (TextView) itemView.findViewById(R.id.speaker_designation);
}
}
}
這是一個回收站視圖項目的布局,因此我們在此處添加cardView(speakers_item.xml)
<android.support.v7.widget.CardView
android:id="@+id/card_tracks"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="180dp"
android:layout_gravity="center"
android:layout_margin="16dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:id="@+id/main_ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical">
<ImageView
android:id="@+id/speaker_image"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_margin="10dp"
android:adjustViewBounds="true"
android:scaleType="centerCrop"
android:src="@drawable/default_user"/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:padding="10dp">
<TextView
android:id="@+id/speaker_name"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="0.5"
android:gravity="center_vertical"
android:text="placeholder_speaker_name"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000000"
android:textStyle="bold"/>
<TextView
android:id="@+id/speaker_designation"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="0.5"
android:gravity="top"
android:text="placeholder_speaker_designation"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#000000"
android:textStyle="bold"/>
</LinearLayout>
</LinearLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/speaker_bio"
android:layout_width="326dp"
android:layout_height="64dp"
android:layout_margin="10dp"
android:text="placeholder_speaker_bio"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#000000"/>
</RelativeLayout>
</LinearLayout>
</android.support.v7.widget.CardView>
現在,主活動布局具有“回收者視圖”。 (list_speakers.xml)
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.RecyclerView
android:id="@+id/rv_speakers"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:elevation="7dp"
android:scrollbars="vertical">
</android.support.v7.widget.RecyclerView>
</RelativeLayout>
現在,我添加了一個片段,在其中我為這些布局充氣
public class SpeakerFragment extends Fragment {
RecyclerView speakersRecyclerView;
SpeakersListAdapter speakersListAdapter;
DbSingleton dbSingleton = DbSingleton.getInstance();
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.list_speakers, container, false);
speakersRecyclerView = (RecyclerView) view.findViewById(R.id.rv_speakers);
speakersListAdapter = new SpeakersListAdapter(dbSingleton.getSpeakerList());
speakersRecyclerView.setAdapter(speakersListAdapter);
speakersRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));
return view;
}
}
如果您喜歡答案,請投票! 干杯!
在Cardview中使用RecyclerView非常簡單。 在Android中,CardView是另一個主要元素,可以用稱為高程和轉角半徑的陰影來以卡片方式表示信息,在整個平台上看起來都是一致的。將CardView與RecyclerView結合使用時,我們可以輕松設計美觀的UI。 CardView是一個ViewGroup,可以使用布局XML文件將其添加到我們的Activity或Fragment中。
Android Studio中的基本CardView XML代碼:
`<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</android.support.v7.widget.CardView>
添加內部Gradle腳本> build.gradle(模塊:app)和內部依賴項
dependencies {
compile 'com.android.support:cardview-v7:23.0.1'
}
從http://abhiandroid.com/materialdesign/cardview閱讀完整的文章如何在Cardview中使用Recyclerview和一個簡單示例
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.