Android MaterialCardView的使用介紹與示例

Posted on by

Android—MaterialCardView的使用

image

我們的征程是星辰大海，而非人間煙塵

文章目錄 Android—MaterialCardView的使用演示xml佈局其他的屬性

演示

MDCard

xml佈局

<com.google.android.material.card.MaterialCardView
        android:id="@+id/materialCardView2"
        android:layout_width="170dp"
        android:layout_height="170dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:clickable="true"    // 是否可點擊
        app:cardCornerRadius="20dp"  //  圓角半徑
        app:cardElevation="20dp"  //  陰影范圍
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/banner"
        app:rippleColor="#A8C0EC"    //  點擊陰影特效的顏色
        app:state_dragged="true">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="140dp"
            android:scaleType="centerCrop"
            android:src="@drawable/quesans" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="140dp"
            android:text="問答"
            android:textColor="@color/black"
            android:textFontWeight="@android:integer/config_mediumAnimTime"
            android:textSize="18sp" />
    </com.google.android.material.card.MaterialCardView>

image

其他的屬性

特征 相關屬性
Border app:strokeColor app:strokeWidth
Checkable android:checkable
Checked Icon app:checkedIcon app:checkedIconTint
Foreground Color app:cardForegroundColor
Ripple Color app:rippleColor

當然你還可以在Java/Kotlin代碼中使用一些方法：

void setCheckable (boolean checkable)//設置是否可以選擇
void setChecked (boolean checked)//選中的狀態
void setCheckedIcon (Drawable checkedIcon)//選中圖標的樣式
void setCheckedIconResource (int id)//選中圖標的樣式
void setDragged (boolean dragged)//是否可拖動
void setRippleColor (ColorStateList rippleColor)//波紋效果的顏色
void setStrokeColor (int strokeColor)//卡片邊的顏色
void setStrokeWidth (int strokeWidth)//卡片邊的寬帶
void toggle ()//控制checkable的開關

到此這篇關於Android MaterialCardView的使用介紹與示例 的文章就介紹到這瞭,更多相關Android MaterialCardView內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：