精华内容
下载资源
问答
  • CardView

    千次阅读 2016-02-17 10:54:55
    CardView效果图依赖dependencies { …… compile 'com.android.support:cardview-v7:23.0.+' }Code <LinearLayout xmlns:android="http://schemas.android.com/apk/res/andro

    CardView

    效果图

    P1

    依赖

    dependencies {
        ……
        compile 'com.android.support:cardview-v7:23.0.+'
    }

    Code

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:kongqw="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:orientation="vertical"
        tools:context="com.kongqw.cardviewdemo.MainActivity">
    
        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:layout_margin="20dp"
            kongqw:cardBackgroundColor="#FF00AABB"
            kongqw:cardCornerRadius="30dp"
            kongqw:cardElevation="20dp">
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="CardView"
                android:textColor="#FF000000"
                android:textSize="30dp" />
    
        </android.support.v7.widget.CardView>
    
        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:layout_margin="20dp"
            kongqw:cardCornerRadius="10dp"
            kongqw:cardElevation="10dp">
    
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@mipmap/bb" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="CardView"
                android:textColor="#FFFFFFFF"
                android:textSize="30dp" />
    
        </android.support.v7.widget.CardView>
    </LinearLayout>

    总结

    XML属性

    Attribute NameRelated MethodDescription
    android.support.v7.cardview:cardBackgroundColorsetCardBackgroundColor(int)Background color for CardView.
    android.support.v7.cardview:cardCornerRadiussetRadius(float)Corner radius for CardView.
    android.support.v7.cardview:cardElevationsetMaxCardElevation(float)Elevation for CardView.
    android.support.v7.cardview:cardMaxElevationMaximum Elevation for CardView.
    android.support.v7.cardview:cardPreventCornerOverlapsetPreventCornerOverlap(boolean)Add padding to CardView on v20 and before to prevent intersections between the Card content and rounded corners.
    android.support.v7.cardview:cardUseCompatPaddingsetUseCompatPadding(boolean)Add padding in API v21+ as well to have the same measurements with previous versions.
    android.support.v7.cardview:contentPaddingsetContentPadding(int,int,int,int)Inner padding between the edges of the Card and children of the CardView.
    android.support.v7.cardview:contentPaddingBottomsetContentPadding(int,int,int,int)Inner padding between the bottom edge of the Card and children of the CardView.
    android.support.v7.cardview:contentPaddingLeftsetContentPadding(int,int,int,int)Inner padding between the left edge of the Card and children of the CardView.
    android.support.v7.cardview:contentPaddingRightsetContentPadding(int,int,int,int)Inner padding between the right edge of the Card and children of the CardView.
    android.support.v7.cardview:contentPaddingTopsetContentPadding(int,int,int,int)Inner padding between the top edge of the Card and children of the CardView.

    方法

    返回值类型方法/描述
    floatgetCardElevation()

    Returns the backward compatible elevation of the CardView.
    intgetContentPaddingBottom()

    Returns the inner padding before the Card’s bottom edge
    intgetContentPaddingLeft()

    Returns the inner padding after the Card’s left edge
    intgetContentPaddingRight()

    Returns the inner padding before the Card’s right edge
    intgetContentPaddingTop()

    Returns the inner padding after the Card’s top edge
    floatgetMaxCardElevation()

    Returns the backward compatible elevation of the CardView.
    booleangetPreventCornerOverlap()

    Returns whether CardView should add extra padding to content to avoid overlaps with rounded corners on API versions 20 and below.
    floatgetRadius()

    Returns the corner radius of the CardView.
    booleangetUseCompatPadding()

    Returns whether CardView will add inner padding on platforms L and after.
    voidsetCardBackgroundColor(int color)

    Updates the background color of the CardView
    voidsetCardElevation(float radius)

    Updates the backward compatible elevation of the CardView.
    voidsetContentPadding(int left, int top, int right, int bottom)

    Sets the padding between the Card’s edges and the children of CardView.
    voidsetMaxCardElevation(float radius)

    Updates the backward compatible elevation of the CardView.
    voidsetPadding(int left, int top, int right, int bottom)

    Sets the padding.
    voidsetPaddingRelative(int start, int top, int end, int bottom)

    Sets the relative padding.
    voidsetPreventCornerOverlap(boolean preventCornerOverlap)

    On API 20 and before, CardView does not clip the bounds of the Card for the rounded corners.
    voidsetRadius(float radius)

    Updates the corner radius of the CardView.
    voidsetUseCompatPadding(boolean useCompatPadding)

    CardView adds additional padding to draw shadows on platforms before L.
    展开全文
  • cardView

    2019-04-01 09:59:37
    Android 5.0给我们提供了design风格的设计模式,其中就有cardview ,那么 cardview是继承自framelayout的,并且可以设置...导入依赖 compile ‘com.android.support:cardview-v7:21.0.+’ app:cardBackgroundColo...

    Android 5.0给我们提供了design风格的设计模式,其中就有cardview ,那么 cardview是继承自framelayout的,并且可以设置圆角和阴影,使得控件具有立体效果,当然,cardview也可以包含其他的布局容器和控件

    导入依赖
    compile ‘com.android.support:cardview-v7:21.0.+’

    app:cardBackgroundColor这是设置背景颜色
    app:cardCornerRadius这是设置圆角大小
    app:cardConnerRadius 设置圆角的半径
    app:cardElevation这是设置z轴的阴影
    app:cardElevation 设置Z轴阴影
    app:cardMaxElevation这是设置z轴的最大高度值
    app:cardUseCompatPadding是否使用CompatPadding
    app:cardPreventCornerOverlap是否使用PreventCornerOverlap
    app:contentPadding 设置内容的padding
    app:contentPaddingLeft 设置内容的左padding
    app:contentPaddingTop 设置内容的上padding
    app:contentPaddingRight 设置内容的右padding
    app:contentPaddingBottom 设置内容的底padding

    系统自带的效果有两种可供选择:

    1、android:background="?android:attr/selectableItemBackground"波纹有边界

    2、android:background="?android:attr/selectableItemBackgroundBorderless"波纹超出边界

    其中第2种方法需要指定版本为Android5.0,即上面布局文件中的 tools:targetApi=“lollipop”。

    这样设置以后,在Android5.0以上的设备上有点击有波纹效果,Android5.0以下无波纹,只有前景色变化

    展开全文
  • cardview

    2016-05-17 13:12:15
    在build文件添加依赖:compile:’com.android.support.cardview-v7:23.0.1’ 如何在recylerview中采用多种布局 getItemViewType()返回类型。 oncreateViewHolder(viewGroup viewGroup,int type)

    在build文件添加依赖:compile:’com.android.support.cardview-v7:23.0.1’
    这里写图片描述

    如何在recylerview中采用多种布局
    getItemViewType()返回类型。
    oncreateViewHolder(viewGroup viewGroup,int type)

    展开全文
  • 之前自己使用support-v7下自带的cardview实现了CardView效果。后来在github中发现了有人写好了很好的库支持,完美实现了CardView的向下兼容。不再需要support-v7,实现起来更为方便。参考的Github的主页为:...

           之前自己使用support-v7下自带的cardview实现了CardView效果。后来在github中发现了有人写好了很好的库支持,完美实现了CardView的向下兼容。不再需要support-v7,实现起来更为方便。参考的Github的主页为:https://github.com/gabrielemariotti/cardslib    。感谢博主。具体实现步骤如下:

    (1)在Android Studio中新建一个项目,在build.gradle(Module:app)中加入以下代码,注意是在一个Module的gradle中,而不是上方的Project的gradle中。

    dependencies {
        compile fileTree(dir: 'libs', include: ['*.jar'])
        compile 'com.android.support:appcompat-v7:22.2.0'
    
        //Core card library
        compile 'com.github.gabrielemariotti.cards:cardslib-core:2.1.0'
    
        //Optional for built-in cards
        compile 'com.github.gabrielemariotti.cards:cardslib-cards:2.1.0'
    
        //Optional for RecyclerView
        compile 'com.github.gabrielemariotti.cards:cardslib-recyclerview:2.1.0'
    
        //Optional for staggered grid view support
        compile 'com.github.gabrielemariotti.cards:cardslib-extra-staggeredgrid:2.1.0'
    
        //Optional for drag and drop support
        compile 'com.github.gabrielemariotti.cards:cardslib-extra-dragdrop:2.1.0'
    
        //Optional for twowayview support (coming soon)
        //compile 'com.github.gabrielemariotti.cards:cardslib-extra-twoway:2.1.0'
    
    
    }
    上述代码就是为项目添加库依赖,就如同从support-v7中添加库依赖一样,添加代码后,从Build-->Rebuild project,重建项目,此时就会从Github上下载依赖库,该过程可能会有点慢,耐心等待。之后就会发现在External Libraries中多出很多文件。


    (2)编写xml布局文件如下:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <it.gmariotti.cardslib.library.view.CardViewNative
            android:id="@+id/carddemo"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="12dp"
            android:layout_marginRight="12dp"
            android:layout_marginTop="12dp">
    
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="这是第一个CardView"
                android:textSize="20sp" />
    
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:src="@mipmap/image" />
    
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:hint="输入框:请输入内容" />
    
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|right"
                android:text="这是第一个按钮" />
        </it.gmariotti.cardslib.library.view.CardViewNative>
    
        <it.gmariotti.cardslib.library.view.CardViewNative
            android:id="@+id/carddemo2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="12dp"
            android:layout_marginRight="12dp"
            android:layout_marginTop="12dp">
    
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="这是第二个CardView"
                android:textSize="20sp" />
    
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:src="@mipmap/image2" />
    
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:hint="输入框:请输入内容" />
    
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|right"
                android:text="这是第二个按钮" />
        </it.gmariotti.cardslib.library.view.CardViewNative>
    
    
    </LinearLayout>
    

    (3)编写java代码:

    public class MainActivity extends Activity {
    
        private Context context;//上下文;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            this.context = this;
    
            Card card = new Card(context);//Create a Card,这就是一张卡片,到时候把该卡片放到CardView空间中;
            CardHeader header = new CardHeader(context);//Create a CardHeader;如果不使用Header标题,也可以注释该代码;
            card.addCardHeader(header);//Add Header to card;增加标题,可注释;
    
            //Set card in the cardView
            CardViewNative cardView = (CardViewNative) findViewById(R.id.carddemo);
            CardViewNative cardView2 = (CardViewNative) findViewById(R.id.carddemo2);
            cardView.setCard(card);//绑定;
            cardView2.setCard(card);
    
        }
    
    }

    (4)然后运行代码,就可以在界面上实现多个卡片Card的效果。使用非常灵活,可以分别自由进行编辑:


           本案例只是做一个演示,整体还是比较简陋的,后期优美的布局都可以通过卡片来实现。再次申明代码很多引用:https://github.com/gabrielemariotti/cardslib  。感谢Gabriele Mariotti.

    展开全文
  • CardView 的官方解释是“A FrameLayout with a rounded corner background and shadow. ” 译为:有圆角背景和阴影的框架布局,继承自FrameLayout ...首先要在layout中使用CardView必须先要添加依赖,有两...
  • CardView介绍

    2017-11-01 10:07:17
    CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果;CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为一种容器使用。CardView应该被使
  • CardView 整理

    2019-03-28 16:53:45
    卡片布局 CardView 属性: app:cardCornerRadius 设置圆角半径 app:cardElevation 设置阴影大小 app:cardBackgroundColor 设置背景颜色 app:cardMaxElevation 设置最大阴影大小 app:...
  • CardView 属性

    2018-01-05 14:13:17
    在gradle文件下添加依赖库:compile 'com.android.support:cardview-v7:26.0.+'其常用属性: app:cardBackgroundColor这是设置背景颜色 app:cardCornerRadius这是设置圆角大小 app:cardElevation这是设置z轴的...
  • CardView简单使用

    2017-01-03 16:18:29
    AndroidStudio 中引入CardView需要在build.gradle中添加依赖:compile'com.android.support:cardview-v7:23.4.0' cardBackgroundColor  设置CardView的背景颜色 cardCornerRadius ...
  • CardView详解

    千次阅读 2017-09-14 14:09:49
    导读本篇文章将介绍Android 5.0新增的组件CardView (继承于FrameLayout)以及本人在开发中遇到的诡异问题控件私有属性说明 属性 说明 android.support.v7.cardview:cardBackgroundColor 背景颜色 android.support...
  • 安卓CardView

    千次阅读 2019-09-29 18:54:59
    CardView也是一个FrameLayout,只是额外提供了圆角和阴影等效果,看上去有立体感觉。对比之前网格视图的效果:传送门,他有一个很明显的立体效果。 主要是在item的布局文件中以CardView为根布局。 其他的和我之前写...
  • CardView学习

    2017-03-20 17:11:56
    像平时我们要实现按钮的圆角(渐变、实心填涂、画笔)都是在res的...可以用CardView实现视觉冲击,对与卡片设计。感兴趣的可以去了解Material Design 可以查看CardView源码:其控件属性如下: app:cardBackgro

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,832
精华内容 1,132
关键字:

依赖cardview