Android学习笔记:Material Design

本文详细介绍了Android中Material Design的应用,包括CardView、Toolbar、DrawerLayout、NavigationView、FloatingActionButton、Snackbar、CoordinatorLayout、AppBarLayout、SwipeRefreshLayout、CollapsingToolbarLayout等组件的使用方法和示例代码。
摘要由CSDN通过智能技术生成

Material Design于2014年的Google I/O 大会上推出,是由谷歌的设计工程师们基于传统优秀的设计原则,结合丰富的创意和科学技术所发明的一套全新的界面设计语言。在2015年的Google I/O 大会上推出了一个Design Support库,这个库将Material Design中最具代表性的一些控件和效果进行了封装,使得开发者在即使不了解Material Design的情况下也能非常轻松的将自己的应用Material化。

(1)CardView(卡片布局)
(2)Toolbar(标题栏)
(3)DrawerLayout(滑动菜单)
(4)NavigationView(滑动菜单界面)
(5)FloatingActionButton(悬浮按钮)
(6)Snackbar(提示工具)
(7)CoordinatorLayout(布局)
(8)AppBarLayout
(9)SwipeRefershLayout(下拉刷新)
(10)CollapsingToolbarLayout(可折叠标题栏)


一、CardView(卡片式布局)

Android 5.0 版本新增加了CardView,CardView继承自FrameLayout类,并且可以设置圆角和阴影,使得控件具有立体性,也可以包含其他的布局容器和控件,CardView是用于实现卡片式布局效果的重要控件。

	android.support.v7.widget.CardView

CardView具有如下几个重要属性:

  • card_view:cardCornerRadius,设置圆角的半径。
  • card_view:cardElevation,设置阴影的半径。
  • CardView_cardBackgroundColor,设置背景色。
  • CardView_cardElevation,设置Z轴阴影。
  • CardView_cardMaxElevation,设置Z轴最大高度值。
  • CardView_cardUseCompatPadding,是否使用CompadPadding。
  • CardView_cardPreventCornerOverlap,是否使用PreventCornerOverlap。
  • CardView_contentPadding,内容的padding。
  • CardView_contentPaddingLeft,内容的左padding。
  • CardView_contentPaddingTop,内容的上padding。
  • CardView_contentPaddingRight,内容的右padding。
  • CardView_contentPaddingBottom,内容的下padding。

CardViewDemo代码地址——Github地址:https://github.com/ambition-hb/CardViewDemo

项目示例图如下:
在这里插入图片描述


二、Toolbar(标题栏)

由于ActionBar设计的原因,被限定只能位于活动的顶部,从而不能实现一些Material Design的效果,因此官方已经不建议使用ActionBar了。而ToolBar的强大之处在于不仅继承了ActionBar的所有功能,而且灵活性很高,可以随处放置,可以配合其他控件来完成一些Material Design的效果。

<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值