导航：首页 > 开发技术 >

Android中如何构建一个Material Design应用

发表于：2025-01-19 作者：千家信息网编辑

千家信息网最后更新 2025年01月19日，本篇内容主要讲解"Android中如何构建一个Material Design应用"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"Android中如何构建一个

千家信息网最后更新 2025年01月19日Android中如何构建一个Material Design应用

本篇内容主要讲解"Android中如何构建一个Material Design应用"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"Android中如何构建一个Material Design应用"吧!

1.Toolbar

1.基本的Toolbar

Toolbar 控件是由 appcompat-v7 库提供的，使用需要添加依赖：

compile 'com.android.support:appcompat-v7:25.3.1'

我们使用Toolbar来替代ActionBar，因此需要指定一个不带ActionBar的主题，通常有Theme.AppCompat.NoActionBar (深色) 主题或者Theme.AppCompat.Light.NoActionBar (淡色) 主题这两种主题可选。

Theme：

Layout：

AppBarLayout 是一个垂直方向的 LinearLayout，它在内部做了很多滚动事件的封装，并应用了一些 Material Design 的设计理念，AppBarLayout 解决了在 FrameLayout 中 Toolbar 被遮挡的问题。

Activity：

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);setSupportActionBar(toolbar);

2.RecyclerView向上滚动隐藏Toolbar

Toolbar 添加一行代码 app:layout_scrollFlags="scroll|enterAlways|snap" 即可。

Layout：

app:layout_behavior="@string/appbar_scrolling_view_behavior" 属性则保证了 RecyclerView 遮挡 Toolbar 的问题。

2.悬浮按钮和可交互提示

1.FloatingActionButton

FloatingActionButton 是由 design support 库提供的，使用需要添加依赖：

compile 'com.android.support:design:25.3.1'

Layout：

2.Snackbar

Snackbar 是由 design support 库提供的。Snackbar 的第一个参数需要传入一个View，可以是当前界面布局的任意一个View，然后会使用这个View来自动查找最外层的布局，用于展示Snackbar。

Activity：

Snackbar.make(view, "This is Snackbar.", Snackbar.LENGTH_SHORT)  // 设置动作  .setAction("ok", new View.OnClickListener() {   @Override   public void onClick(View view) {    Toast.makeText(context, "onClick", Toast.LENGTH_SHORT);   }  }).show();

不过有一个bug，Snackbar和悬浮按钮同时使用并且悬浮按钮在界面右下角时，弹出的Snackbar会将悬浮按钮给遮住，这种用户体验是不友好的，要解决这个问题只需要借助 CoordinatorLayout 就可以轻松解决。

3.CoordinatorLayout

Snackbar 是由 design support 库提供的，CoordinatorLayout 可以说是加强版的 FrameLayout，CoordinatorLayout 可以监听其所有子控件的各种事件，然后自动帮我们做出最为合理的响应，就比如刚才说的 Snackbar 那个bug，借助 CoordinatorLayout，就可以使得 Snackbar 向上偏移，从而确保不会被 Snackbar 遮挡住。

Layout：

另外，由于 CoordinatorLayout 本身就是加强版的 FrameLayout，所以替换 FrameLayout 也不会有任何的副作用。

3.卡片式布局

1.CardView

CardView 控件是由 cardview-v7 库提供的，用于实现一个立体的卡片，提供了圆角、阴影等效果。使用需要添加依赖：

compile 'com.android.support:cardview-v7:25.3.1'

Layout：

运行后效果图如下：

4.全透明状态栏

需要 Android 5.0及以上。

public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {   Window window = getWindow();   window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS     | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);   window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN     | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION     | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);   window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);   window.setStatusBarColor(Color.TRANSPARENT);   window.setNavigationBarColor(Color.TRANSPARENT);  }  setContentView(R.layout.activity_main); }}

5.Material效果Dialog

1.AlertDialog

样式效果向下兼容到 Android 2.1

new android.support.v7.app.AlertDialog.Builder(context)  .setTitle("AlertDialog")  .setMessage("Something important.")  .setCancelable(false) //设置点击Dialog以外的界面不消失，按返回键也不起作用  .setPositiveButton("OK", new android.content.DialogInterface.OnClickListener() {   @Override   public void onClick(android.content.DialogInterface dialogInterface, int i) {   }  })  .setNegativeButton("Cancel", null)  .show();

2.ProgressDialog

样式效果向下兼容到 Android 5.0

ProgressDialog progressDialog = new ProgressDialog(context);progressDialog.setTitle("ProgressDialog");progressDialog.setMessage("Loading..");progressDialog.setCancelable(true);progressDialog.show();