首页商品分类53课件.pptxVIP

首页商品分类

目录第1节CardView概述第2节CardView的简单使用第3节首页布局的设计

CardView简介CardView是什么CardView是Android5.0系统引入的控件。顾名思义，CardView是一款卡片式控件，相当于FragmentLayout布局控件，然后添加圆角及阴影的效果。

CardView简介CardView特点CardView被包装为一种布局，并且经常在ListView和RecyclerView的Item布局中，作为一种容器使用。CardView应该被使用在显示层次性的内容时；在显示列表或网格时更应该被选择，因为这些边缘可以使得用户更容易去区分这些内容。另外卡片效果很优美，在用户体验上更加受到好评。

CardView的基本属性attrname=cardBackgroundColorformat=color/背景色attrname=cardCornerRadiusformat=dimension/边缘弧度数attrname=cardElevationformat=dimension/高度attrname=cardMaxElevationformat=dimension/最大高度

CardView的基本属性attrname=cardUseCompatPaddingformat=boolean/设置内边距，v21+的版本和之前的版本仍旧具有一样的计算方式attrname=cardPreventCornerOverlapformat=boolean/高度在v20和之前的版本中添加内边距，这个属性是为了防止卡片内容和边角的重叠

CardView的基本属性attrname=contentPaddingformat=dimension/设置卡片边界距离内部的距离attrname=contentPaddingLeftformat=dimension/设置卡片边界距离内部左侧的距离attrname=contentPaddingRightformat=dimension/设置卡片边界距离内部右侧的距离attrname=contentPaddingTopformat=dimension/设置卡片边界距离内部上方的距离attrname=contentPaddingBottomformat=dimension/设置卡片边界距离内部下方的距离

CardView概述

添加依赖方法1：添加Gradle依赖compilecom.android.support:cardview-v7:26.0.0-alpha1方法2：ProjectStructure添加DependenciesLibrary

引用主布局设计布局文件在布局文件的主布局中使用CardView组件。

引用主布局在CardView组件中设计布局根据需要添加相应的控件，例如添加一个TextView。

引用主布局引用布局文件可用于RecyclerView的item布局。在Adapter文件中设置使用item.xml文件作为item的布局文件。

CardView的简单使用

首页需求1.Toolbar显示主标题“首页”使用AndroidImageSlider显示轮播广告使用RecyclerView和CardView显示商品分类

工具栏方法在HomeFragmeng的布局文件Fragment_home.xml里添加自定义的Toolbar。

显示轮播广告方法在HomeFragmeng的布局文件Fragment_home.xml里添加SliderLayout。

显示轮播广告方法在HomeFragmeng的布局文件Fragment_home.xml里添加SliderLayout使用的指示器。

显示商品分类使用RecyclerView在HomeFragmeng的布局文件Fragment_home.xml里添加显示商品分类的RecyclerView。

显示商品分类使用CardView设置RecyclerView的Item布局RecyclerView显示一系列商品分类信息。布局中有标题、大图和两张小图，而且第一项中是大图在右边，两张小图在左边，而第二项中是大图在左边，两张小图在右边，所以至少要设计两个布局文件。RecyclerView的Item布局由template_home_cardview.xml和template_home_cardview2.xml指定。

显示商品分类使用st