Android控件CardView实现卡片效果

2024-12-19 17:06:09

这是android新推出的一个，让卡片带立体感的一个控件，就是一个卡牌，有点类似于布局那种的东西，里面可以添加控件内容

先看看运行的效果图：

1.添加依赖

implementation 'com.android.support:cardview-v7:25.3.1'

2.主界面设置一些卡片的属性：

package com.example.admin.ztest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.CardView;
/*
app:cardBackgroundColor这是设置背景颜色
app:cardCornerRadius这是设置圆角大小
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
 */

public class MainActivity extends AppCompatActivity {
  CardView cardView;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_first);
    cardView = (CardView) findViewById(R.id.cardView);
    cardView.setRadius(8);//设置图片圆角的半径大小
    cardView.setCardElevation(8);//设置阴影部分大小
    cardView.setContentPadding(5, 5, 5, 5);//设置图片距离阴影大小
  }
}

布局页面：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:id="@+id/cardView"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:layout_margin="10dp"
  app:cardCornerRadius="8dp">

  <LinearLayout
    android:layout_width="600pt"
    android:layout_height="100pt"
    android:background="@drawable/bg_battery_detail"
    android:orientation="vertical">

    <RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_marginLeft="5dp"
      android:layout_marginRight="5dp"
      android:layout_marginTop="5dp"
      android:background="#184467">

      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:orientation="horizontal">

        <TextView
          android:id="@+id/tvBatteryNo"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerVertical="true"
          android:text="电池编号"
          android:textColor="@color/color_z2"
          android:textSize="20sp" />

        <TextView
          android:id="@+id/tvBatterySlotNo"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerVertical="true"
          android:layout_marginLeft="15pt"
          android:text="@string/app_name"
          android:textColor="@color/white"
          android:textSize="20sp" />
      </LinearLayout>

      <ImageView
        android:id="@+id/ivCloseDialog"
        android:layout_width="39pt"
        android:layout_height="39pt"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="8pt"
        android:padding="7pt"
        android:src="@mipmap/popup_del" />

    </RelativeLayout>

  </LinearLayout>

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Android应用开发中CardView的初步使用指南

引言在Google I/O 2014上,Google公布了Android L Preview版本,此版本的UI有了非常大的改变,很炫很给力!同时,Google也给出了两个可以向下兼容的控件放到了V7包中,分别是RecyclerView和CardView,这篇博文就说一下怎么使用CardView. CardView的包在哪? 虽然说CardView整合到了V7中,但是在support-v7中并不能发现,通过查看sdk extra路径下的文件可以发现,其名字叫cardview-v7. 这个路径下就
Android CardView详解及使用方法和实例

Android CardView详解 Android5.0中向我们介绍了一个全新的控件–CardView,从本质上看,可以将CardView看做是FrameLayout在自身之上添加了圆角和阴影效果.请注意:CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为一种容器使用. 发现个好看的东东 CardView,他在support v7包中~~ 顾名思义就是卡片view,可以设置阴影,圆角,等等.. 样子是这样的: 或者你还可以放到list
Android控件CardView实现卡片布局

CardView介绍 CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果:CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为一种容器使用.CardView应该被使用在显示层次性的内容时:在显示列表或网格时更应该被选择,因为这些边缘可以使得用户更容易去区分这些内容. 使用先看效果首先在build.gradle文件添加依赖库 dependencies { compil
Android使用CardView作为RecyclerView的Item并实现拖拽和左滑删除

引言 CardView是Android 5.0系统之后引入的众多控件之一,实现之后的效果也是比较酷的,它经常被用在RecyclerView和ListView中的Item中.今天我们就来了解一下CardView的属性,然后使用CardView和RecyclerView结合实现一个可以拖拽Item的布局. CardView的属性 CardView继承自FrameLayout,所以子控件的布局规则和FrameLayout的一样,是按照层次堆叠的下面是CardView的一些常用属性: CardView
Android使用CardView实现圆角对话框

前言:随着用户体验的不断的加深,良好的UI视觉效果也必不可少,以前方方正正的对话框样式在APP已不复存在,取而代之的是带有圆角效果的Dialog,之前设置对画框的圆角效果都是通过drawable/shape属性来完成,随着Google API的不断更新,API 21(Android 5.0)添加了新的控件CardView,这使得圆角的实现更加方便快捷. 效果图: 导入CardView依赖(API 21新控件) implementation 'com.android.support:cardvie
Android CardView+ViewPager实现ViewPager翻页动画的方法

Viewpager通俗一点讲就是一个允许左右翻转带数据的页面的布局管理器,经常用来连接Fragment,它很方便管理每个页面的生命周期,使用ViewPager管理Fragment是标准的适配器实现.最常用的实现一般有FragmentPagerAdapter和FragmentStatePagerAdapter.自行百度它的用法.今天我们要实现的是下面的效果: NO PICTURE TALK A JB 要实现图中的效果需要以下几个知识点: 1.clipChildren属性 2.一个页面显示多个Vie
Android中使用CircleImageView和Cardview制作圆形头像的方法

圆形头像在我们的日常使用的app中很常见,因为圆形的头像比较美观. 使用圆形图片的方法可能有我们直接将图片裁剪成圆形再在app中使用,还有就是使用自定义View对我们设置的任何图片自动裁剪成圆形. 效果图: 这里使用github上CircleImageView github:https://github.com/hdodenhof/CircleImageView CardView顾名思义卡片式的View,CardView继承的是FrameLayout,所以摆放内部控件的时候需要注意一下可以设置
Android控件CardView实现卡片效果

这是android新推出的一个,让卡片带立体感的一个控件,就是一个卡牌,有点类似于布局那种的东西,里面可以添加控件内容先看看运行的效果图: 1.添加依赖 implementation 'com.android.support:cardview-v7:25.3.1' 2.主界面设置一些卡片的属性: package com.example.admin.ztest; import android.support.v7.app.AppCompatActivity; import android.os.
android控件实现单击拖动效果

本文实例为大家分享了android控件实现单击拖动效果的具体代码,供大家参考,具体内容如下分析 setOnClickListener setOnClickListener 可以接收控件的单击动作,无返回值要想拖动控件,就要利用 setOnTouchListener 自己定义了 setOnTouchListener 通过按下时的坐标和移动时的坐标之间的差值,来计算移动的距离,然后更改控件的位置以达到拖动的目的因 Touch 事件执行完成后如果返回false则会继续执行单击事件,不是我们想要的
Android控件之使用ListView实现时间轴效果

实现思路: 该View是通过ListView实现的,通过实体两个字段内容content和时间time来展示每个ListItem 时间轴是使用上面一条线(20dp)和中间一个圆(15dp)和下面一条线(40dp)组装成的在ListView中,设置其分割线为空,并且没有点击效果效果图: 步骤一:使用xml画出一个灰色的圆点(time_cycle.xml) <?xml version="1.0" encoding="utf-8"?> <shape
Android圆形控件实现画圆效果

本文实例为大家分享了Android圆形控件实现画圆效果的具体代码,供大家参考,具体内容如下实现圆形控件实现如下 package com.example.demo.util; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graph
android控件Banner实现简单轮播图效果

本文实例为大家分享了android控件Banner实现简单轮播图效果的具体代码,供大家参考,具体内容如下实现这个轮播图是在Fragment里实现的,所以要想实现,首先要创建Fragment 首先是布局文件中的展示 <com.youth.banner.Banner android:id="@+id/banner" android:layout_width="match_parent" android:layout_height="500dp"
很赞的引导界面效果Android控件ImageSwitcher实现

本文实例为大家分享了Android控件ImageSwitcher实现引导界面的代码,供大家参考,具体内容如下效果图: 布局代码: <?xml version="1.0" encoding="UTF-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent&
Android 控件设置阴影效果

本文主要记录Android控件设置阴影给控件设置阴影,会使得界面元素更好看一写,google 给我们提供了一个现成的控CardView,可以将CardView看做是FrameLayout在自身之上添加了圆角和阴影效果本文是使用给控件设置背景实现阴影在res/drawable 下新建一个 Drawable Resource File 使用 layer-list 图层就是说可以多个图层一层一层盖上去新建一个渐变的图层 item作为背景图层,主要是 gradient,shape是用来定义形状
Android控件之Gallery用法实例分析

本文实例讲述了Android控件之Gallery用法.分享给大家供大家参考.具体如下: Gallery组件主要用于横向显示图像列表,不过按常规做法.Gallery组件只能有限地显示指定的图像.也就是说,如果为Gallery组件指定了10张图像,那么当Gallery组件显示到第10张时,就不会再继续显示了.这虽然在大多数时候没有什么关系,但在某些情况下,我们希望图像显示到最后一张时再重第1张开始显示,也就是循环显示.要实现这种风格的Gallery组件,就需要对Gallery的Adapter对象进行
Android控件系列之RadioButton与RadioGroup使用方法

学习目的: 1.掌握在Android中如何建立RadioGroup和RadioButton 2.掌握RadioGroup的常用属性 3.理解RadioButton和CheckBox的区别 4.掌握RadioGroup选中状态变换的事件(监听器) RadioButton和CheckBox的区别: 1.单个RadioButton在选中后,通过点击无法变为未选中单个CheckBox在选中后,通过点击可以变为未选中 2.一组RadioButton,只能同时选中一个一组CheckBox,能同时选中多个

Android控件CardView实现卡片效果

相关推荐

随机推荐