[Android Studio] Card View (카드 뷰)

build.gradle (Module:app)에서

implementation ("androidx.cardview:cardview:1.0.0")

추가하고 Sync Now

 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="16dp"
    android:foreground="?android:attr/selectableItemBackground"
    android:focusable="true"
    android:clickable="true"
    app:cardCornerRadius="20dp"
    app:cardElevation="8dp"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="30sp"
            android:layout_gravity="center"
            android:textColor="#000"
            android:text="홍드로이드 카드뷰"/>

    </LinearLayout>

</androidx.cardview.widget.CardView>

---

android:layout_gravity="center"

는 부모 기준으로 중간 설정

 

android:gravity="center"

는 자신 기준으로 중간 설정

---

app:cardCornerRadius="20dp"

끝 둥그스름하게 만들어주기

app:cardElevation="8dp"

z 축으로 솟게 만들어주기 (이 코드에 없음)

---

android:foreground="?android:attr/selectableItemBackground"
android:focusable="true"
android:clickable="true"

이 구문들을 활용해서 CardView 형태의 버튼 디자인도 만들 수 있다.

 

 

CardView 이용해서 RecylerView나 ListView 예쁘게 만들 수 있음 (사진, 색깔, 이미지도 넣고)

 

결과

 

+

현재 .xml 파일에서 LinearLayout 내용들을 삭제해도 실행이 잘 되는데 홍드로이드님 강의에서는 아마 다른 항목들을 추가할 것을 대비해서 넣어놓은 것 같다.