xml地图|网站地图|网站标签 [设为首页] [加入收藏]

皇家娱乐平台登陆:卡片式布局

来源:http://www.ccidsi.com 作者:最新解决方案 人气:124 发布时间:2020-03-13
摘要:Android学习收拾 - 类别 CardView简介 CardView继承自FrameLayout类。 CardView是一种卡片视图,主假使以卡牌模式突显内容。 目录: CardView简介 CardView基本属性 少数质量使用效果与利益 CardView使

Android学习收拾 - 类别

CardView简介

  • CardView继承自FrameLayout类。
  • CardView是一种卡片视图,主假使以卡牌模式突显内容。

皇家娱乐平台登陆 1

目录:
  • CardView简介
  • CardView基本属性
  • 少数质量使用效果与利益
  • CardView使用形式
  • 高端功能 波纹点击(像点击Button那样)
  • 瞩目 对低版本的卓越管理
  • CardView是API21(Android5.0)发布的卡牌式控件。简单来讲就是卡牌视图,扁平化视图。
  • 继承自FrameLayout
public class CardView extends FrameLayout
  • CardView能够用作根布局使用,也得以用作ReCycleView只怕ListView的Item
  • app:cardBackgroundColor那是设置背景颜色app:cardCornerRadius那是安装圆角大小app:cardElevation那是设置阴影,具体作用见下边app:contentPadding 设置剧情的padding CardView子构造与CardView边界app:contentPaddingLeft 设置剧情的左paddingapp:contentPaddingTop 设置剧情的上paddingapp:contentPaddingRight 设置剧情的右paddingapp:contentPaddingBottom 设置剧情的底paddingapp:cardUseCompatPadding 是不是使用CompatPadding, 官方说是设置内边距,个人认为不到怎么样,具体功能见上面app:cardPreventCornerOverlap 是还是不是选拔PreventCornerOverlap,设置内边距(API20及以下中),常常来讲该属性为了防止内容和边角的重合
  • 阴影Elevation

    皇家娱乐平台登陆 210dp的阴影Elevation.png

皇家娱乐平台登陆 330dp的Elevation.png

  • app:contentPadding 卡德View子布局与CardView边界

皇家娱乐平台登陆 4ContentPadding为10dp效果 背景为红

  • app:cardUseCompatPadding 设置内边距

    皇家娱乐平台登陆 5cardUseCompatPadding="true".png

皇家娱乐平台登陆 6cardUseCompatPadding_false.png

当前IDE:Android Studio 2.2正式版jdk1.8.102compileSdkVersion 25buildToolsVersion "25.0.2"

dependencies { ... compile 'com.android.support:cardview-v7:25.2.0'}

CardView是何奇之有是概念在布局文件中:

<RelativeLayout xmlns:andro xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android: android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_vertical|center_horizontal" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.minminaya.cardview_learning.MainActivity"> <android.support.v7.widget.CardView android: android:layout_width="wrap_content" android:layout_height="wrap_content" app:cardCornerRadius="10dp" app:cardElevation="10dp"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:src="@mipmap/me"/> </android.support.v7.widget.CardView></RelativeLayout>

皇家娱乐平台登陆,平常来说情状下,只须求radius与elevation就足以高达很雅观的卡牌效果,以致悬浮式的

当然,也足以在code中应用:

public void setRadius(float radius)public void setContentPaddingpublic void setUseCompatPadding(boolean useCompatPadding)public void setCardBackgroundColor(@ColorInt int color)...
  • 默许CardView的android:clickable属性是false的,也正是暗中同意不得以点击,未有其他触摸反馈

福寿康宁方式:

在CardView布局文件节点添加android:clickable="true"android:foreground="?android:attr/selectableItemBackground"

gif图录了看不出来就不放图了QAQ

CardView在API 21之下,圆角效果会放任:

<android.support.v7.widget.CardView android:layout_width="wrap_content" android:layout_height="wrap_content" app:cardCornerRadius="25dp" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:src="@mipmap/me"/> </android.support.v7.widget.CardView>

昔不前段时间安卓版本的效劳:

皇家娱乐平台登陆 7Android7.0.png皇家娱乐平台登陆 8Android4.4.png

  • 可以见到很分明API19冒出相当大的标题:尽管有圆角效果,但是图片四周是方的
  • 在CardView构造里增多cardPreventCornerOverlap属性,值为false

cardPreventCornerOverlap官方文书档案的意味是说在API20及更低版本中加多内边距,其实那么些本性是为着防护卡牌内容和边角的重叠

加了后来成为了如此:

皇家娱乐平台登陆 9cardPreventCornerOverlap为false

那和以前以至不一样样了,在此之前是图表的直角压在了卡牌圆角上,并且直角照旧在CardView外面,好呢,推测是Android官方优化了弹指间,现在是卡片效果不过会多出一条白边,啊哈哈哈哈哈啊

大召唤术。。。。借用一张图---------

皇家娱乐平台登陆 10在此以前的意义

CardView功能

  • CardView达成在二个卡牌结构中显示同一的剧情,卡牌构造能够安装圆角和影子,还能布局别的的View。
  • CardView就能够作为平日的布局使用,也得以视作ListView和RecyclerView的Item使用。

效果图

假诺遇上那些难题去CardView在API 21之下的圆角效应管理

本篇完

CardView曾几何时使用

  • 内需突显档次性的内容,能够设想选取。
  • 亟待出示列表或网格时,能够杜撰动用。

卡德View是Android5.0随后现身的,用它能够兑现上海体育场地所表现的圆角功效、阴影效果。完结方式直接看代码:

CardView位置

  • 包名:android.support.v7.widget.CardView
  • 文本地方有多个
    • android-sdk/extras/android/m2repository/com/android/support/cardview-v7
    • android-sdk/extras/android/support/v7/cardView
  • 第一步:
    compile 'com.android.support:cardview-v7:25.0.1' //gradle导入CardView支持包
  • 第二步:

本文由68399皇家赌场发布于最新解决方案,转载请注明出处:皇家娱乐平台登陆:卡片式布局

关键词: 68399皇家赌场 Android CardView Android... view

最火资讯