RecyclerView

ray

String n[]={"水瓶座","雙魚座","白羊座","金牛座","雙子座","巨蟹座","獅子座","處女座","天秤座","天蠍座","射手座","魔羯座"};

String date[]={"1月21日 - 2月18日","2月19日 - 3月20日","3月21日 - 4月19日","4月21日 - 5月21日","5月22日 - 6月21日","6月22日 - 7月22日","7月23日 - 8月22日","8月23日 - 9月22日","9月23日 - 10月23日","10月24日 - 11月21日","11月22日 - 12月20日","12月21日 - 1月20日"};

int imgId[]={R.drawable.p0,R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,R.drawable.p5,R.drawable.p6,R.drawable.p7,R.drawable.p8,R.drawable.p9,R.drawable.p10,R.drawable.p11};

ray

build.gradle(app):
implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support:recyclerview-v7:28.0.0'
implementation 'com.android.support:cardview-v7:28.0.0'

Activity_main.xml:

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
   
4.     xmlns:tools="http://schemas.android.com/tools"
   
5.     android:layout_width="match_parent"
   
6.     android:layout_height="match_parent"
   
7.     android:orientation="vertical"
   
8.     tools:context=".MainActivity">
   
9. 
   
10.     <android.support.v7.widget.RecyclerView
    
11.         android:layout_width="match_parent"
    
12.         android:layout_height="match_parent"
    
13.         android:id="@+id/recycleView"
    
14.         android:layout_gravity="center_horizontal" />
    
15. 
    
16. </LinearLayout>

複製代碼

row_item.xml:

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="158dp"
   
5.     android:paddingBottom="10dp"
   
6.     android:paddingLeft="10dp"
   
7.     android:paddingRight="10dp"
   
8.     android:paddingTop="10dp">
   
9. 
   
10.     <android.support.v7.widget.CardView
    
11.         xmlns:android="http://schemas.android.com/apk/res/android"
    
12.         xmlns:app="http://schemas.android.com/apk/res-auto"
    
13.         android:id="@+id/cardView"
    
14.         android:layout_width="match_parent"
    
15.         android:layout_height="128dp"
    
16.         android:gravity="center_vertical"
    
17.         app:cardBackgroundColor="#a0d0ff"
    
18.         app:cardCornerRadius="12dp"
    
19.         app:cardElevation="5dp">
    
20. 
    
21.         <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
22.             android:layout_width="match_parent"
    
23.             android:layout_height="128dp">
    
24. 
    
25.             <ImageView
    
26.                 android:id="@+id/itemImage"
    
27.                 android:layout_width="108dp"
    
28.                 android:layout_height="108dp"
    
29.                 android:layout_marginLeft="10dp"
    
30.                 android:layout_marginTop="10dp" />
    
31. 
    
32.             <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
33.                 android:layout_width="256dp"
    
34.                 android:layout_height="128dp"
    
35.                 android:orientation="vertical">
    
36. 
    
37.                 <TextView
    
38.                     android:id="@+id/itemText1"
    
39.                     android:layout_width="match_parent"
    
40.                     android:layout_height="64dp"
    
41.                     android:layout_marginLeft="20dp"
    
42.                     android:layout_marginTop="20dp"
    
43.                     android:textSize="30sp" />
    
44. 
    
45.                 <TextView
    
46.                     android:id="@+id/itemText2"
    
47.                     android:layout_width="match_parent"
    
48.                     android:layout_height="64dp"
    
49.                     android:layout_marginLeft="20dp" />
    
50.             </LinearLayout>
    
51. 
    
52.         </LinearLayout>
    
53. 
    
54.     </android.support.v7.widget.CardView>
    
55. 
    
56. </LinearLayout>

複製代碼

MainActivity.java:

1. package ray.ap.recyclerviewtest;
   
2. 
   
3. import android.os.Bundle;
   
4. import android.support.v7.app.AppCompatActivity;
   
5. import android.support.v7.widget.LinearLayoutManager;
   
6. import android.support.v7.widget.RecyclerView;
   
7. 
   
8. import java.util.ArrayList;
   
9. 
   
10. public class MainActivity extends AppCompatActivity {
    
11. 
    
12.     String n[]={"水瓶座","雙魚座","白羊座","金牛座","雙子座","巨蟹座","獅子座","處女座","天秤座","天蠍座","射手座","魔羯座"};
    
13.     String date[]={"1月21日 - 2月18日","2月19日 - 3月20日","3月21日 - 4月19日","4月21日 - 5月21日","5月22日 - 6月21日","6月22日 - 7月22日","7月23日 - 8月22日","8月23日 - 9月22日","9月23日 - 10月23日","10月24日 - 11月21日","11月22日 - 12月20日","12月21日 - 1月20日"};
    
14.     int imgId[]={R.drawable.p0,R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,R.drawable.p5,R.drawable.p6,R.drawable.p7,R.drawable.p8,R.drawable.p9,R.drawable.p10,R.drawable.p11};
    
15. 
    
16.     RecyclerView mRecyclerView;
    
17.     ArrayList<Card> mDataSet = new ArrayList<Card>();
    
18. 
    
19.     @Override
    
20.     protected void onCreate(Bundle savedInstanceState) {
    
21.         super.onCreate(savedInstanceState);
    
22.         setContentView(R.layout.activity_main);
    
23.         mRecyclerView = (RecyclerView)this.findViewById(R.id.recycleView);
    
24. 
    
25.         for(int i = 0;i < 12;i++){
    
26.             Card cc = new Card();
    
27.             cc.name = n[i];
    
28.             cc.date = date[i];
    
29.             cc.image = this.getDrawable(imgId[i]);
    
30.             mDataSet.add(cc);
    
31.         }
    
32. 
    
33.         MyRecyclerViewAdapter myAdapter = new MyRecyclerViewAdapter(this,mDataSet);
    
34. 
    
35.         mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
    
36.         mRecyclerView.setAdapter(myAdapter);
    
37.     }
    
38. }

複製代碼

MyRecycleViewAdapter.java:

1. package ray.ap.recyclerviewtest;
   
2. 
   
3. import android.content.Context;
   
4. import android.support.annotation.NonNull;
   
5. import android.support.v7.widget.RecyclerView;
   
6. import android.view.LayoutInflater;
   
7. import android.view.View;
   
8. import android.view.ViewGroup;
   
9. import android.widget.ImageView;
   
10. import android.widget.TextView;
    
11. import android.widget.Toast;
    
12. 
    
13. import java.util.ArrayList;
    
14. 
    
15. public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.ViewHolder> {
    
16. 
    
17.     private static Context mContext;
    
18.     private static ArrayList<Card> mDataSet = new ArrayList<Card>();
    
19. 
    
20.     public MyRecyclerViewAdapter(Context context, ArrayList<Card> dataset){
    
21.         mContext = context;
    
22.         mDataSet = dataset;
    
23.     }
    
24. 
    
25.     @NonNull
    
26.     @Override
    
27.     public ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
    
28.         return new ViewHolder(LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.row_item,viewGroup,false));
    
29.     }
    
30. 
    
31.     @Override
    
32.     public void onBindViewHolder(@NonNull ViewHolder myViewHolder, int position) {
    
33.         myViewHolder.itemView.setTag(position);
    
34.         myViewHolder.itemText1.setText(mDataSet.get(position).name);
    
35.         myViewHolder.itemText2.setText(mDataSet.get(position).date);
    
36.         myViewHolder.itemImage.setImageDrawable(mDataSet.get(position).image);
    
37.     }
    
38. 
    
39.     @Override
    
40.     public int getItemCount() {
    
41.         return mDataSet.size();
    
42.     }
    
43. 
    
44.     public static class ViewHolder extends RecyclerView.ViewHolder {
    
45.         final ImageView itemImage;
    
46.         final TextView itemText1;
    
47.         final TextView itemText2;
    
48. 
    
49.         public ViewHolder(@NonNull View itemView) {
    
50.             super(itemView);
    
51. 
    
52.             itemView.setOnClickListener(new View.OnClickListener(){
    
53. 
    
54.                 @Override
    
55.                 public void onClick(View view) {
    
56.                     int pos = (int)view.getTag();
    
57.                     Toast.makeText(mContext,"你點選的是."+mDataSet.get(pos).name+"!",Toast.LENGTH_SHORT).show();
    
58.                 }
    
59.             });
    
60. 
    
61.             itemImage = (ImageView) itemView.findViewById(R.id.itemImage);
    
62.             itemText1 = (TextView) itemView.findViewById(R.id.itemText1);
    
63.             itemText2 = (TextView) itemView.findViewById(R.id.itemText2);
    
64.         }
    
65.     }
    
66. }

複製代碼

Card.java:

1. package ray.ap.recyclerviewtest;
   
2. 
   
3. import android.graphics.drawable.Drawable;
   
4. 
   
5. public class Card {
   
6.     public String name;
   
7.     public String date;
   
8.     public Drawable image;
   
9. }

複製代碼

李知易