[컴][안드로이드] Card View 정보

카드뷰 / card view / material design / 머티리얼 디자인 카드 뷰

Card View

1. card view API 문서 : CardView | Android Developers
2. card view 를 click 해서 activity 를 이동하는 방법: android - Card View Click on Card Move To New Activity - Stack Overflow

clickable + feedback

아래 경로를 참고하자. 핵심은 CardView 를 clickable 하게 하는 것이 아니라, 그 안의 layout 을 clickable 하게 하는 것이다.

• card view 를 click 할 수 있게 하고, click 할 때 화면에 ripple 같은 feedback 이 보이는 법 : android - RecyclerView + CardView + Touch feedback - Stack Overflow

ripple 효과

ripple 효과를 lollipop 에서 주는 것은 간단하다. 아래처럼
android:background="?android:attr/selectableItemBackground"
를 추가해 주면 된다. 그러면 lollipop 이외의 version 에서는 알아서 효과를 내준다.

<?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="180dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="9dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:layout_marginBottom="0dp"
    card_view:cardCornerRadius="3dp"
    card_view:cardUseCompatPadding="true"
    card_view:cardElevation="2dp"


    >
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        
        android:background="?android:attr/selectableItemBackground"
        android:paddingBottom="@dimen/podItem_paddingBottom"

        >
        
        

        <ImageView
            android:id="@+id/btn_download"
            android:layout_width="50dp"
            android:layout_height="50dp"


            android:background="?android:attr/selectableItemBackground"



            android:paddingLeft="0dp"
            android:gravity="center_vertical|center_horizontal"

            android:layout_marginBottom="-23dp"
            android:layout_marginRight="10dp"
            android:layout_alignRight="@id/fl_day"
            android:layout_alignBottom="@id/fl_day"
            />
        ...

    </RelativeLayout>

</android.support.v7.widget.CardView>

4.1.1 버전에서 효과

Multiple column cardview

• Custom Android Grids with Images and Texts using RecyclerView | Exoguru

그림자 보이기

• CardView not showing Shadow in Android L - Stack Overflow
• card_view:cardElevation="2dp"

See Also

• 쿠...sal: [컴][안드로이드] BaseAdapter 와 RecyclerView.Adapter