博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【Android】10.4 卡片视图
阅读量:6284 次
发布时间:2019-06-22

本文共 3434 字,大约阅读时间需要 11 分钟。

分类:C#、Android、VS2015;

创建日期:2016-02-19

一、简介

Android 从5.0开始包含了一个全新的卡片视图小部件,这个新的小部件默认就像一张带有圆角和轻微阴影的白色卡片,称为卡片视图。

1、需要安装Xamarin.Android.Support.v7.CardView软件包

CardView是由Android Support v7支持库提供的,用C#编写Android应用程序时,要使用CardView,项目中必须包括Xamarin.Android.Support.v7.CardView软件包。

软件包的具体添加办法见10.2节的介绍。

2、CardView的常用属性

(1)布局属性

可以设置其padding、elevation、圆角半径、背景颜色等属性指定CardView的布局。每个属性还可以通过调用对应的CardView方法动态更改布局。注意这些属性除了背景颜色外其他都接受维度值,例如,11.5dp指定11.5密度无关的像素。

(2)Padding

CardView提供了五个内边距属性来定位卡片的内边距。可以在XML布局中设置,也可在代码中调用类似的方法:

(3)Elevation

CardView提供了两个高程属性:

其中,cardElevation表示CardView的Z轴阴影大小,cardMaxElevation表示CardView的Z轴阴影最大值。

高程(Elevation)的含义是:当增加cardElevation的值使阴影变大时,CardView看起来似乎悬浮在阴影背景的上方。cardElevation属性还可以确定重叠视图中的绘制顺序,较大值的cardElevation会覆盖较小值的cardElevation。

cardMaxElevation对于动态更改cardElevation很有用,它可以防止阴影扩展到比限定的最大值还大。

(4)圆角半径和背景色

可以用圆角半径和背景色来控制CardView的整体风格:

这些属性如下所示:

cardCornerRadius — — 各个角的CardView圆角半径.

cardBackgroundColor — —CardView的背景色.

例如,将cardCornerRadius设置为10dp ,cardBackgroundColor设置为"#FFFFCC" (淡黄色)。

3、必须在XML中为CardView指定一个命名空间

由于CardView是由Android Support v7支持库提供的,所以不能直接通过android命名空间获取或设置其属性。换言之,必须自定义一个XML命名空间作为CardView属性的前缀。例如,下面的代码声明了一个名为“cardview”的命名空间:

xmlns:cardview="http://schemas.android.com/apk/res-auto"

命名空间的名是你自己起的,此命名空间的范围仅限于本文件。

指定命名空间后,就可以通过该前缀来修改CardView的属性:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

         xmlns:card_view="http://schemas.android.com/apk/res-auto"

         ……>

       <android.support.v7.widget.CardView

             android:layout_width="fill_parent"

             android:layout_height="245dp"

             android:layout_gravity="center_horizontal"

            cardview:cardElevation="4dp"

            cardview:cardCornerRadius="5dp"/>

</ LinearLayout>

4、在Androd 4.4.2(Api 19)下使用CadView

在低于api21的设备上使用CardView时略有不同的行为:

  • 需要添加额外的空白边距让CardView呈现阴影。
  • CardView不会剪切与CardView圆角相交的子视图。

为了解决这些兼容性差异,CardView提供了两个附加的属性:

  • cardPreventCornerOverlap –将此属性设置为true,可在比api21低的版本上运行的应用程序中实现阴影填充,此设置可防止CardView内容与CardView圆角相交。
  • cardUseCompatPadding –如果希望在比Android 5.0更低的设备上使用CardView并且想让它看起来和Android 5.0或更高版本上运行的效果相同,需要将此属性设置为true。当启用此属性时,CardView会在低版本的设备上添加额外的填充以画出阴影,这有助于克服不同版本填充阴影效果的差异。

除了这些差别之外,其他设计步骤与在Android 6.0下的设计步骤都相同。

二、示例—ch1002CardViewDemo

1、运行截图

2、主要设计步骤

(1)安装Xamarin.Android.Support.v7.CardView软件包

具体安装办法见10.2节的介绍。

(2)添加ch1002_CardviewDemo.axml文件

在Resources/layout文件夹下添加该文件。

(3)添加ch1002CardviewDemo.cs文件

在SrcDemos文件夹下添加该文件。

using Android.App;using Android.OS;using Android.Widget;using Android.Support.V7.Widget;namespace MyDemos.SrcDemos{    [Activity(Label = "【例10-2】卡片视图基本用法")]    public class ch1002CardviewDemo : Activity    {        protected override void OnCreate(Bundle savedInstanceState)        {            base.OnCreate(savedInstanceState);            SetContentView(Resource.Layout.ch1002_CardviewDemo);            var cardview = FindViewById
(Resource.Id.cardview1); var seekbarRadius = FindViewById
(Resource.Id.seekbarRadius); seekbarRadius.ProgressChanged += (s, e) => { cardview.Radius = e.Progress; }; var seekbarElevation = FindViewById
(Resource.Id.seekbarElevation); seekbarElevation.ProgressChanged += (s, e) => { cardview.Elevation = e.Progress; }; } }}

转载于:https://www.cnblogs.com/rainmj/p/5199798.html

你可能感兴趣的文章
Python 数据类型
查看>>
iOS--环信集成并修改头像和昵称(需要自己的服务器)
查看>>
PHP版微信权限验证配置,音频文件下载,FFmpeg转码,上传OSS和删除转存服务器本地文件...
查看>>
教程前言 - 回归宣言
查看>>
PHP 7.1是否支持操作符重载?
查看>>
Vue.js 中v-for和v-if一起使用,来判断select中的option为选中项
查看>>
Java中AES加密解密以及签名校验
查看>>
定义内部类 继承 AsyncTask 来实现异步网络请求
查看>>
VC中怎么读取.txt文件
查看>>
如何清理mac系统垃圾
查看>>
企业中最佳虚拟机软件应用程序—Parallels Deskto
查看>>
Nginx配置文件详细说明
查看>>
怎么用Navicat Premium图标编辑器创建表
查看>>
Spring配置文件(2)配置方式
查看>>
MariaDB/Mysql 批量插入 批量更新
查看>>
ItelliJ IDEA开发工具使用—创建一个web项目
查看>>
solr-4.10.4部署到tomcat6
查看>>
切片键(Shard Keys)
查看>>
淘宝API-类目
查看>>
virtualbox 笔记
查看>>