Android控件CardView实现卡片效果

时间:2021-05-20

这是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; 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>

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章