CardView的基本使用

概述

    CardView继承自FrameLayout类,并且可以设置圆角和阴影,使得空间具有立体感,也可以包含其他的布局容器和控件。

基本使用

     使用之前必须先配置一下我们的build.gradle(Module.app),导入support-v7包:

dependencies {
    ...
    compile 'com.android.support:appcompat-v7:26.+'
    compile 'com.android.support:cardview-v7:26.+'
}

    看看简简单单的xml文件:

<android.support.v7.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="100dp">
            <ImageView
                android:layout_width="150dp"
                android:layout_height="match_parent"
                android:layout_margin="5dp"
                android:scaleType="centerCrop"
                android:src="@drawable/image" />

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

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:text="棒冰行动"
                    android:textSize="18sp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:textSize="14sp"
                    android:text="棒冰行动,公益传播设计夏令营" />
            </LinearLayout>
        </LinearLayout>
    </android.support.v7.widget.CardView>

    效果图:


    没有在布局文件中定义圆角值跟阴影,是在MainActivity中配置的:

        mCardView = (CardView) findViewById(R.id.cardView);
    
        // 都可以在xml文件中设置
        mCardView.setRadius(20);//设置图片圆角的半径大小

        mCardView.setCardElevation(8);//设置阴影部分大小

        mCardView.setContentPadding(5,5,5,5);//设置图片距离阴影大小

        mCardView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this, "按了", Toast.LENGTH_SHORT).show();
            }
        });

    到此,CardView的基本使用就完了,但是CardView还有更多属性

        cardBackgroundColor:设置背景色
        cardElevation:设置Z轴阴影(就是设置阴影)
        cardMaxElevation:设置Z轴最大高度值
        cardUseCompatPadding:是否使用CompatPadding
        cardPreventCornerOverlap:是否使用PreventCornerOverlap
        contentPadding:内容的padding
        contentPaddingLeft:内容的左padding
        右padding、上padding、底padding

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值