728x90
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 내용들을 삭제해도 실행이 잘 되는데 홍드로이드님 강의에서는 아마 다른 항목들을 추가할 것을 대비해서 넣어놓은 것 같다.
728x90
'[Android Studio] (Java)' 카테고리의 다른 글
| [Android Studio] Fragment 간 데이터 전송 (1) | 2023.09.03 |
|---|---|
| [Android Studio] Table Layout (엑셀 표 느낌) (0) | 2023.09.02 |
| [Android Studio] Check Box (옵션 선택 버튼) (0) | 2023.09.02 |
| [Android Studio] Radio Button (옵션 선택 버튼) (0) | 2023.09.02 |
| [Android Studio] ConstraintLayout (0) | 2023.09.01 |