android实现Materia Design风格APP（三）：部分Materia Design风格的控件介绍二

本篇大部分内容学习自第一行代码第二版加上部分自己理解。介绍了，DrawerLayout、NavigationView、NestedScrollView、AppBarLayout、CardView、SwipeRefreshLayout、CollapsingToolbarLayout七个控件，会的请自行跳过。

首先需要在build.gradle中依赖：

implementation 'com.android.support:design:28.0.0'
implementation 'de.hdodenhof:circleimageview:2.1.0'
implementation 'com.android.support:cardview-v7:28.0.0'

1.DrawerLayout

滑动菜单，第一个布局为主内容，第二个布局为菜单布局，可以设置两个菜单布局分别指定layout_gravity为start和end设置左右滑出不同布局的菜单。

xml布局代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Main2Activity"><android.support.design.widget.CoordinatorLayoutandroid:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"><!--定义theme指定toolBar中的子view的主题，popupTheme指定toolBar隐藏的menu打开时的主题--><android.support.v7.widget.Toolbarandroid:id="@+id/toolBar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"android:background="@color/colorPrimary"/><android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_delete"android:layout_gravity="end|bottom"android:layout_margin="16dp"/></android.support.design.widget.CoordinatorLayout><!--注意DrawerLayout的菜单布局一定要指定layout_gravity，否则收不回去，且只能指定左右滑出，不能是上下，--><!--也不能指定多个左右--><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="@string/app_name"android:layout_gravity="start"android:gravity="center"android:background="@color/white"/><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="end"android:layout_gravity="end"android:gravity="center"android:background="@color/white"/>
</android.support.v4.widget.DrawerLayout>

2.NavigationView

Google按照Materia Design设计提供的滑动菜单中的菜单布局。

xml布局代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayoutandroid:id="@+id/drawer_layout"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Main2Activity"><android.support.design.widget.CoordinatorLayoutandroid:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"><!--定义theme指定toolBar中的子view的主题，popupTheme指定toolBar隐藏的menu打开时的主题--><android.support.v7.widget.Toolbarandroid:id="@+id/toolBar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"android:background="@color/colorPrimary"/><android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_delete"android:layout_gravity="end|bottom"android:layout_margin="16dp"/></android.support.design.widget.CoordinatorLayout><!--headerLayout指定头布局，menu指定头布局下的菜单布局--><android.support.design.widget.NavigationViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="start"app:headerLayout="@layout/nav_header"app:menu="@menu/nav_menu"/>
</android.support.v4.widget.DrawerLayout>

java代码

public class Main2Activity extends AppCompatActivity {@BindView(R.id.fab)FloatingActionButton fab;//悬浮按钮@BindView(R.id.toolBar)Toolbar toolbar;//toolBar@BindView(R.id.drawer_layout)DrawerLayout drawerLayout;//滑动菜单@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main2);ButterKnife.bind(this);//设置toolBar的title文字toolbar.setTitle("ActionBar");//将toolBar设置为actionBarsetSupportActionBar(toolbar);ActionBar actionBar = getSupportActionBar();//显示返回按钮actionBar.setDisplayHomeAsUpEnabled(true);//设置返回按钮图标actionBar.setHomeAsUpIndicator(R.drawable.ic_menu);//设置悬浮按钮点击事件fab.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {//构建带点击事件的SnakebarSnackbar.make(fab, "Would you want to delete the first item?", Snackbar.LENGTH_SHORT).setAction("确定", new View.OnClickListener() {@Overridepublic void onClick(View v) {Snackbar.make(fab, "Delete Successful.", Snackbar.LENGTH_SHORT).show();}}).show();}});}//设置toolBar上的menu@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.toolbar, menu);return true;}//点击菜单栏按钮的操作事件@Overridepublic boolean onOptionsItemSelected(MenuItem item) {if (item.getItemId() == android.R.id.home) {drawerLayout.openDrawer(GravityCompat.START);}return true;}
}

3.NestedScrollView+CoordinatorLayout+AppBarLayout+ToolBar

NestedScrollView加强版的ScrollView，支持嵌套滑动，你可以把它就当做ScrollView使用。而Materia Design之所会推出这个滑动布局，一般是配合AppBarLayout+ToolBar来使用的，配合我上一篇文章说道的CoordinateLayout的behavior属性，可以实现ToolBar随着NestedScrollView的向上、向下滑动来进行显示隐藏效果。

AppBarLayout继承自LinearLayout，你可以把它理解为一个垂直方向的LinearLayout，它可以让你定制当某个可滚动View的滚动手势发生变化时，其内部的子View实现何种动作。内部的子View通过在布局中加app:layout_scrollFlags设置执行的动作，值分别为：scroll :子view会跟随滚动事件一起滚动；enterAlways :只要屏幕下滑，view就会立即拉下出来；snap ：如果控件下拉了75%的高度，就会自动展开，如果只有25%显示，就会反弹回去关闭；exitUntilCollapsed ：当scrollview滑到订部，再将子view折叠起来；

需要注意的是AppBarLayout必须是CoordinatorLayout的子view才有效果。

效果图：注意标题栏的显示隐藏以及出现超过75%时自动展开，小于25%时自动回弹的效果。

xml代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayoutandroid:id="@+id/drawer_layout"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Main2Activity"><android.support.design.widget.CoordinatorLayoutandroid:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><!--定义theme指定toolBar中的子view的主题，popupTheme指定toolBar隐藏的menu打开时的主题--><android.support.v7.widget.Toolbarandroid:id="@+id/toolBar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"android:background="@color/colorPrimary"app:layout_scrollFlags="scroll|enterAlways|snap"/></android.support.design.widget.AppBarLayout><android.support.v4.widget.NestedScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior"><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><TextViewandroid:layout_width="match_parent"android:layout_height="1200dp"android:text="content"android:gravity="center"android:background="@color/colorAccent"/></FrameLayout></android.support.v4.widget.NestedScrollView><android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_delete"android:layout_gravity="end|bottom"android:layout_margin="16dp"/></android.support.design.widget.CoordinatorLayout><!--headerLayout指定头布局，menu指定头布局下的菜单布局--><android.support.design.widget.NavigationViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="start"app:headerLayout="@layout/nav_header"app:menu="@menu/nav_menu"/>
</android.support.v4.widget.DrawerLayout>

4.CardView

卡片布局，可以设置圆角矩形背景和阴影让布局显得更加立体。

xml代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayoutandroid:id="@+id/drawer_layout"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Main2Activity"><android.support.design.widget.CoordinatorLayoutandroid:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><!--定义theme指定toolBar中的子view的主题，popupTheme指定toolBar隐藏的menu打开时的主题--><android.support.v7.widget.Toolbarandroid:id="@+id/toolBar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"android:background="@color/colorPrimary"app:layout_scrollFlags="scroll|enterAlways|snap"/></android.support.design.widget.AppBarLayout><android.support.v4.widget.NestedScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior"><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><!--cardCornerRadius设置圆角矩形的四个角弧度，elevation设置阴影效果--><android.support.v7.widget.CardViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="20dp"app:cardCornerRadius="10dp"android:elevation="8dp"><TextViewandroid:layout_width="match_parent"android:layout_height="1200dp"android:text="content"android:gravity="center"android:background="@color/yellow"/></android.support.v7.widget.CardView></FrameLayout></android.support.v4.widget.NestedScrollView><android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_delete"android:layout_gravity="end|bottom"android:layout_margin="16dp"/></android.support.design.widget.CoordinatorLayout><!--headerLayout指定头布局，menu指定头布局下的菜单布局--><android.support.design.widget.NavigationViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="start"app:headerLayout="@layout/nav_header"app:menu="@menu/nav_menu"/>
</android.support.v4.widget.DrawerLayout>

5.SwipeRefreshLayout

下拉刷新控件，使用很简单，把它嵌套在你想下拉刷新的布局外面就可以了。

xml布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayoutandroid:id="@+id/drawer_layout"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Main2Activity"><android.support.design.widget.CoordinatorLayoutandroid:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><!--定义theme指定toolBar中的子view的主题，popupTheme指定toolBar隐藏的menu打开时的主题--><android.support.v7.widget.Toolbarandroid:id="@+id/toolBar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"android:background="@color/colorPrimary"app:layout_scrollFlags="scroll|enterAlways|snap"/></android.support.design.widget.AppBarLayout><!--下拉刷新控件--><android.support.v4.widget.SwipeRefreshLayoutandroid:id="@+id/swipe_refresh"android:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior"><android.support.v4.widget.NestedScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><!--cardCornerRadius设置圆角矩形的四个角弧度，elevation设置阴影效果--><android.support.v7.widget.CardViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="20dp"app:cardCornerRadius="10dp"android:elevation="8dp"><TextViewandroid:layout_width="match_parent"android:layout_height="1200dp"android:text="content"android:gravity="center"android:background="@color/yellow"/></android.support.v7.widget.CardView></FrameLayout></android.support.v4.widget.NestedScrollView></android.support.v4.widget.SwipeRefreshLayout><android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_delete"android:layout_gravity="end|bottom"android:layout_margin="16dp"/></android.support.design.widget.CoordinatorLayout><!--headerLayout指定头布局，menu指定头布局下的菜单布局--><android.support.design.widget.NavigationViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="start"app:headerLayout="@layout/nav_header"app:menu="@menu/nav_menu"/>
</android.support.v4.widget.DrawerLayout>

java代码：

public class Main2Activity extends AppCompatActivity {@BindView(R.id.fab)FloatingActionButton fab;//悬浮按钮@BindView(R.id.toolBar)Toolbar toolbar;//toolBar@BindView(R.id.drawer_layout)DrawerLayout drawerLayout;//滑动菜单@BindView(R.id.swipe_refresh)SwipeRefreshLayout swipeRefreshLayout;//下来刷新@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main2);ButterKnife.bind(this);//设置toolBar的title文字toolbar.setTitle("ActionBar");//将toolBar设置为actionBarsetSupportActionBar(toolbar);ActionBar actionBar = getSupportActionBar();//显示返回按钮actionBar.setDisplayHomeAsUpEnabled(true);//设置返回按钮图标actionBar.setHomeAsUpIndicator(R.drawable.ic_menu);//设置悬浮按钮点击事件fab.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {//构建带点击事件的SnakebarSnackbar.make(fab, "Would you want to delete the first item?", Snackbar.LENGTH_SHORT).setAction("确定", new View.OnClickListener() {@Overridepublic void onClick(View v) {Snackbar.make(fab, "Delete Successful.", Snackbar.LENGTH_SHORT).show();}}).show();}});//设置下拉刷新事件监听swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {@Overridepublic void onRefresh() {new Thread(new Runnable() {@Overridepublic void run() {SystemClock.sleep(3000);runOnUiThread(new Runnable() {@Overridepublic void run() {//判断是否正在刷新if (swipeRefreshLayout.isRefreshing()) {//停止刷新swipeRefreshLayout.setRefreshing(false);}}});}}).start();}});}//设置toolBar上的menu@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.toolbar, menu);return true;}//点击菜单栏按钮的操作事件@Overridepublic boolean onOptionsItemSelected(MenuItem item) {if (item.getItemId() == android.R.id.home) {drawerLayout.openDrawer(GravityCompat.START);}return true;}
}

6.CollapsingToolbarLayout

CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar，它继承自FrameLayout。
CollapsingToolbarLayout属性含义
app:title 设置标题
app:collapsedTitleGravity="center" 设置标题位置
app:contentScrim 设置折叠时toolbar的颜色，默认是colorPrimary的色值
app:statusBarScrim 设置折叠时状态栏的颜色，默认是colorPrimaryDark的色值
app:layout_collapseParallaxMultiplier 设置视差
app:layout_collapseMode="parallax" 视差模式，在折叠的时候会有个视差折叠的效果
app:layout_collapseMode="pin" 固定模式，在折叠的时候最后固定在顶端

需要注意的是CollapsingToolbarLayout没有限制里面的内容必须是toolBar，但是它必须作为AppBarLayout的子view来使用才有效果。

xml代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayoutandroid:id="@+id/drawer_layout"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Main2Activity"><android.support.design.widget.CoordinatorLayoutandroid:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><!--可折叠菜单--><android.support.design.widget.CollapsingToolbarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"app:layout_scrollFlags="scroll|exitUntilCollapsed"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"app:contentScrim="@color/colorPrimary"><ImageViewandroid:layout_width="match_parent"android:layout_height="250dp"android:src="@drawable/apple"android:scaleType="fitXY"app:layout_collapseMode="parallax"/><!--定义theme指定toolBar中的子view的主题，popupTheme指定toolBar隐藏的menu打开时的主题--><android.support.v7.widget.Toolbarandroid:id="@+id/toolBar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"app:layout_collapseMode="pin"/></android.support.design.widget.CollapsingToolbarLayout></android.support.design.widget.AppBarLayout><!--下拉刷新控件--><android.support.v4.widget.SwipeRefreshLayoutandroid:id="@+id/swipe_refresh"android:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior"><android.support.v4.widget.NestedScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><!--cardCornerRadius设置圆角矩形的四个角弧度，elevation设置阴影效果--><android.support.v7.widget.CardViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="20dp"app:cardCornerRadius="10dp"android:elevation="8dp"><TextViewandroid:layout_width="match_parent"android:layout_height="1200dp"android:text="content"android:gravity="center"android:background="@color/yellow"/></android.support.v7.widget.CardView></FrameLayout></android.support.v4.widget.NestedScrollView></android.support.v4.widget.SwipeRefreshLayout><android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_delete"android:layout_gravity="end|bottom"android:layout_margin="16dp"/></android.support.design.widget.CoordinatorLayout><!--headerLayout指定头布局，menu指定头布局下的菜单布局--><android.support.design.widget.NavigationViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="start"app:headerLayout="@layout/nav_header"app:menu="@menu/nav_menu"/>
</android.support.v4.widget.DrawerLayout>

当然了，上面的效果不那么完美，状态栏还在，我们想实现的可能是这样的：

在android21及以上实现起来也很简单，新建values-v21目录然后新建styles.xml文件，在里面设置主题中的statusBarColor为透明，然后把这个主题设置给activity，并在xml布局中将imageview以及他的所有父布局都设置android:fitsSystemWindows="true"属性就可以了。

values目录下的styles.xml代码：

<resources><!-- Base application theme. --><style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"><!-- Customize your theme here. --><item name="colorPrimary">@color/colorPrimary</item><item name="colorPrimaryDark">@color/colorPrimaryDark</item><item name="colorAccent">@color/colorAccent</item></style><style name="FruitActivityStyle" parent="AppTheme"/></resources>

values-v21下的 styles.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<resources><style name="FruitActivityStyle" parent="AppTheme"><item name="android:statusBarColor">@android:color/transparent</item></style></resources>

清单配置文件代码：

<activity android:name=".Main2Activity"android:launchMode="singleTask"android:theme="@style/FruitActivityStyle"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity>

xml布局代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayoutandroid:id="@+id/drawer_layout"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Main2Activity"android:fitsSystemWindows="true"><android.support.design.widget.CoordinatorLayoutandroid:id="@+id/root"android:layout_width="match_parent"android:layout_height="match_parent"android:fitsSystemWindows="true"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="250dp"android:fitsSystemWindows="true"><!--可折叠菜单--><android.support.design.widget.CollapsingToolbarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"app:layout_scrollFlags="scroll|exitUntilCollapsed"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"app:contentScrim="@color/colorPrimary"android:fitsSystemWindows="true"><ImageViewandroid:layout_width="match_parent"android:layout_height="250dp"android:src="@drawable/apple"android:scaleType="fitXY"android:fitsSystemWindows="true"app:layout_collapseMode="parallax"/><!--定义theme指定toolBar中的子view的主题，popupTheme指定toolBar隐藏的menu打开时的主题--><android.support.v7.widget.Toolbarandroid:id="@+id/toolBar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"app:layout_collapseMode="pin"/></android.support.design.widget.CollapsingToolbarLayout></android.support.design.widget.AppBarLayout><!--下拉刷新控件--><android.support.v4.widget.SwipeRefreshLayoutandroid:id="@+id/swipe_refresh"android:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior"><android.support.v4.widget.NestedScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><!--cardCornerRadius设置圆角矩形的四个角弧度，elevation设置阴影效果--><android.support.v7.widget.CardViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="20dp"app:cardCornerRadius="10dp"android:elevation="8dp"><TextViewandroid:layout_width="match_parent"android:layout_height="1200dp"android:text="content"android:gravity="center"android:background="@color/yellow"/></android.support.v7.widget.CardView></FrameLayout></android.support.v4.widget.NestedScrollView></android.support.v4.widget.SwipeRefreshLayout><android.support.design.widget.FloatingActionButtonandroid:id="@+id/fab"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_delete"android:layout_gravity="end|bottom"android:layout_margin="16dp"/></android.support.design.widget.CoordinatorLayout><!--headerLayout指定头布局，menu指定头布局下的菜单布局--><android.support.design.widget.NavigationViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="start"app:headerLayout="@layout/nav_header"app:menu="@menu/nav_menu"/>
</android.support.v4.widget.DrawerLayout>

android实现Materia Design风格APP（三）：部分Materia Design风格的控件介绍二相关推荐

App控件定位：Android 控件介绍及元素定位方法
本文将分享Android相关基础知识和Android APP控件定位工具的使用方法. 目录 Android基础知识 Android布局 Android四大组件 1.activity 2.Service ...
移动应用开发之路 04 Android Studio 5种控件介绍、实战详解
学校开了一门移动应用开发课程,我一开始兴趣盎然,但是看到使用的环境是 Java 8 的时候心就凉了一半,在询问老师的意见之后决定使用现在比较常用的Android Studio完成学习,特此记录自学之路 ...
Android仿抖音加载框之两颗小球转动控件
Android仿抖音加载框之两颗小球转动控件本篇文章已授权微信公众号 hongyangAndroid(鸿洋)独家发布. 效果图安卓版抖音v2.5加载框: 本控件效果图: 使用方法源码地址:And ...
Android 原生控件之二 ImageView
Android 原生控件之二 ImageView 相关来源开始 XML属性 1.android:adjustViewBounds 2.android:baseline 3.android:base ...
Android开发笔记（三十六）展示类控件
View/ViewGroup View是单个视图,所有的控件类都是从它派生出来:而ViewGroup是个视图组织,所有的布局视图类都是从它派生出来.由于View和ViewGroup是基类,因此很少会直 ...
Material Design控件使用(二)
本篇接着之前的Material Design控件总结(一)往下学习support design包下其余控件,如果对Material Design不太熟悉的同学最好把第一篇看完再来看第二篇效果更好本篇 ...
Android控件十二：导航栏Actionbar
参考:https://www.cnblogs.com/mjsn/p/6150824.html 简介: Actionbar是android3.0的重要更新之一.Actionbar位于传统标题栏的位置,也 ...
android自定义控件(6)-详解在onMeasure()方法中如何测量一个控件尺寸
今天的任务就是详细研究一下protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)方法.如果只是说要重写什么方法有什么 ...
Android 自定义View修炼-打造完美的自定义侧滑菜单/侧滑View控件(转)
一.概述在App中,经常会出现侧滑菜单,侧滑滑出View等效果,虽然说Android有很多第三方开源库,但是实际上咱们可以自己也写一个自定义的侧滑View控件,其实不难,主要涉及到以下几个要点: ...
Android 怎么实现支持所有View的通用的下拉刷新控件
转载请标明出处: http://blog.csdn.net/u010386612/article/details/51372696 本文出自:[AItsuki的博客] 下拉刷新对于一个app来说是必不 ...

android实现Materia Design风格APP（三）：部分Materia Design风格的控件介绍二

android实现Materia Design风格APP（三）：部分Materia Design风格的控件介绍二相关推荐

最新文章

热门文章