CardView

tonyh

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.     android:paddingBottom="@dimen/activity_vertical_margin"
   
9.     android:paddingLeft="@dimen/activity_horizontal_margin"
   
10.     android:paddingRight="@dimen/activity_horizontal_margin"
    
11.     android:paddingTop="@dimen/activity_vertical_margin"
    
12.     tools:context=".MainActivity">
    
13. 
    
14. 
    
15.     <android.support.v7.widget.CardView
    
16.         android:id="@+id/cardView1"
    
17.         android:layout_width="match_parent"
    
18.         android:layout_height="80dp"
    
19.         android:layout_marginBottom="10dp"
    
20.         android:gravity="center_vertical"
    
21.         app:cardBackgroundColor="#ffd0d0"
    
22.         app:cardCornerRadius="12dp"
    
23.         app:cardElevation="5dp">
    
24. 
    
25.         <RelativeLayout
    
26.             android:layout_width="match_parent"
    
27.             android:layout_height="match_parent">
    
28. 
    
29.             <ImageView
    
30.                 android:id="@+id/imageView1"
    
31.                 android:layout_width="40dp"
    
32.                 android:layout_height="40dp"
    
33.                 android:layout_alignParentStart="true"
    
34.                 android:layout_centerVertical="true"
    
35.                 android:layout_marginLeft="10dp"
    
36.                 android:src="@mipmap/ic_launcher" />
    
37. 
    
38.             <TextView
    
39.                 android:id="@+id/textView1"
    
40.                 android:layout_width="wrap_content"
    
41.                 android:layout_height="wrap_content"
    
42.                 android:layout_centerHorizontal="true"
    
43.                 android:layout_centerVertical="true"
    
44.                 android:text="CardView #1"
    
45.                 android:textSize="20sp" />
    
46. 
    
47.         </RelativeLayout>
    
48. 
    
49.     </android.support.v7.widget.CardView>
    
50. 
    
51.     <android.support.v7.widget.CardView
    
52.         android:id="@+id/cardView2"
    
53.         android:layout_width="match_parent"
    
54.         android:layout_height="80dp"
    
55.         android:layout_marginBottom="10dp"
    
56.         android:gravity="center_vertical">
    
57. 
    
58.         <RelativeLayout
    
59.             android:layout_width="match_parent"
    
60.             android:layout_height="match_parent">
    
61. 
    
62.             <ImageView
    
63.                 android:id="@+id/imageView2"
    
64.                 android:layout_width="40dp"
    
65.                 android:layout_height="40dp"
    
66.                 android:layout_alignParentStart="true"
    
67.                 android:layout_centerVertical="true"
    
68.                 android:layout_marginLeft="10dp"
    
69.                 android:src="@mipmap/ic_launcher" />
    
70. 
    
71.             <TextView
    
72.                 android:id="@+id/textView2"
    
73.                 android:layout_width="wrap_content"
    
74.                 android:layout_height="wrap_content"
    
75.                 android:layout_centerHorizontal="true"
    
76.                 android:layout_centerVertical="true"
    
77.                 android:text="CardView #2"
    
78.                 android:textSize="20sp" />
    
79. 
    
80.         </RelativeLayout>
    
81. 
    
82.     </android.support.v7.widget.CardView>
    
83. 
    
84.     <android.support.v7.widget.CardView
    
85.         android:id="@+id/cardView3"
    
86.         android:layout_width="match_parent"
    
87.         android:layout_height="80dp"
    
88.         android:layout_marginBottom="10dp"
    
89.         android:gravity="center_vertical">
    
90. 
    
91.         <RelativeLayout
    
92.             android:layout_width="match_parent"
    
93.             android:layout_height="match_parent">
    
94. 
    
95.             <ImageView
    
96.                 android:id="@+id/imageView3"
    
97.                 android:layout_width="40dp"
    
98.                 android:layout_height="40dp"
    
99.                 android:layout_alignParentStart="true"
    
100.                 android:layout_centerVertical="true"
     
101.                 android:layout_marginLeft="10dp"
     
102.                 android:src="@mipmap/ic_launcher" />
     
103. 
     
104.             <TextView
     
105.                 android:id="@+id/textView3"
     
106.                 android:layout_width="wrap_content"
     
107.                 android:layout_height="wrap_content"
     
108.                 android:layout_centerHorizontal="true"
     
109.                 android:layout_centerVertical="true"
     
110.                 android:text="CardView #3"
     
111.                 android:textSize="20sp" />
     
112.         </RelativeLayout>
     
113.     </android.support.v7.widget.CardView>
     
114. 
     
115. </LinearLayout>

複製代碼

1. package org.istak.ch40_cardview;
   
2. 
   
3. import android.graphics.Color;
   
4. import android.support.v7.app.AppCompatActivity;
   
5. import android.os.Bundle;
   
6. import android.support.v7.widget.CardView;
   
7. 
   
8. public class MainActivity extends AppCompatActivity {
   
9. 
   
10.     CardView cv2, cv3;
    
11.     @Override
    
12.     protected void onCreate(Bundle savedInstanceState) {
    
13.         super.onCreate(savedInstanceState);
    
14.         setContentView(R.layout.activity_main);
    
15. 
    
16.         cv2= (CardView) findViewById(R.id.cardView2);
    
17.         cv3= (CardView) findViewById(R.id.cardView3);
    
18. 
    
19.         cv2.setCardBackgroundColor(Color.parseColor("#E6FFD0"));
    
20.         cv2.setRadius(20);
    
21.         cv2.setCardElevation(10);
    
22. 
    
23.         cv3.setCardBackgroundColor(Color.parseColor("#D0FFFF"));
    
24.         cv3.setRadius(20);
    
25.         cv3.setCardElevation(10);
    
26.     }
    
27. }

複製代碼