开始构建材质设计应用程序
在我制作材料设计应用程序课程的视频中，您将学习如何创建材料设计应用程序的用户界面。 您将学习如何使用FAB（FloatingActionButtons），带有浮动标签的输入窗口小部件，操作栏菜单项等等。
本教程以本课程前面完成的基本设置工作为基础，但是您应该可以继续学习，并且始终可以在GitHub上检查源代码 。
如何创建FloatingActionButtons和TextInputLayouts
创建两个活动
首先创建两个活动：一个活动用于主屏幕（在下面的屏幕快照中显示在左侧），另一个活动用于所显示的其他两个屏幕，除了其标题外，其他均相同。
主屏幕
首先，为主屏幕创建活动：右键单击您的包名称，然后选择新建>活动>空白活动 。 您将看到以下屏幕：
如您所见，该活动模板中已经有一个浮动操作按钮。 将活动标题更改为购物清单，然后选择启动器活动字段，以使Android Studio知道这将是主屏幕。 按完成以生成活动。 Android Studio尝试严格遵循材料设计准则。
如果打开activity_main.xml，将看到浮动操作按钮的代码。 将源属性的值更改为@drawable/ic_add_24dp因为我们希望此按钮显示加号。 更改tint属性以添加@android:color/white将加号的颜色更改为白色。
添加和编辑项目屏幕
浮动操作按钮现已准备就绪。 现在让我们继续为添加和编辑项目屏幕创建活动。 再次右键单击程序包名称，然后选择新建>活动>空活动 。
我将其称为ItemActivity ，然后按Finish 。 此布局将具有两个文本输入小部件，一个在另一个小部件下方。 因此，更容易使用线性布局而不是相对布局。 将其方向设置为垂直。
在布局内部，为文本输入布局创建标签。 将其宽度设置为match_parent并将其高度设置为wrap_content 。 在标签内，添加一个编辑文本标签，并将其宽度设置为match_parent ，将高度设置为wrap_content 。 称其为input_item_name 。 接下来，将其提示属性设置为Item name 。 您为提示指定的值将呈现为动画浮动标签。
现在，我们必须对第二个输入窗口小部件重复相同的步骤。 因此，您只需复制并粘贴所有这些代码即可。 将id更改为input_item_quantity ，并将提示更改为Quantity 。
添加保存按钮
该活动的布局即将完成。 缺少的是保存按钮。 要在操作栏中添加按钮，我们需要将其添加为菜单项。
右键单击Resources文件夹，然后选择一个New Android资源文件 。 将资源类型更改为Menu ，并将文件命名为menu_item_activity 。 只需输入appNs并按Enter键 ，即可将应用程序名称空间添加到根元素。
接下来，创建一个新的项目标签来表示保存按钮。 将其ID设置为save_action并将标题设置为Save 。 现在添加一个名为app:showAsAction的属性，并将其值设置为always 。 此属性很重要，因为如果您忘记添加它，则保存按钮将最终移至操作栏的溢出菜单内。
现在，我们应该在ItemActivity中添加菜单文件。 为此，打开ItemActivity.java并覆盖其onCreate选项菜单方法。
接下来，重写onOptionsItemSelected方法，以便在用户按下按钮时得到通知。 在其中添加一个if语句，并使用getItemId检查所选选项的ID是否与保存按钮的ID（即R.id.save_action 。
打开项目活动的代码
现在让我们编写代码，以在用户按下浮动操作按钮时打开ItemActivity。 因此，打开MainActivity.java。 浮动操作按钮已经附加了onClick事件侦听器。 它包含一些可以删除的占位符代码。 现在，我们将使用一个Intent启动ItemActivity。
使用MainActivity作为上下文和ItemActivity作为类来初始化Intent。 当ItemActivity以这种方式打开时，其TITLE应该为Add item 。 我们可以为此目的使用额外的东西。 最后调用startActivity以实际启动ItemActivity 。
立即打开ItemActivity.java，因为我们需要使用发送的额外内容。 因此，在此处添加一个条件以检查getIntent方法的返回值是否有一个额外的名为TITLE附加值。 如果条件为true，请使用setTitle更改标题。 请注意，您必须使用getStringExtra方法来获取多余的值。
添加“后退”图标
现在让我们将此“后退”图标添加到活动中。
为此，请打开AndroidManifest.xml。 在此，在ItemActivity的标签内，添加parentActivityName属性并将其值设置为MainActivity 。
运行应用
现在，我们可以运行我们的应用程序以查看我们刚刚创建的内容。
现在，我们的主屏幕上有一个浮动操作按钮。 如果单击它，您将被带到ItemActivity。
而且，如果您尝试在输入窗口小部件中键入内容，则应该能够看到其浮动标签。
结论
现在，您知道如何创建具有浮动操作按钮和文本输入布局的用户界面。 现在，在结束之前，让我给您快速提示。 如果您不喜欢应用程序的默认颜色（靛蓝和粉红色的阴影），则可以通过简单地转到colors.xml并在此处更改颜色的十六进制值来轻松更改它们。
在本课程的下一课中 ，您将学习如何使用另一个与材料设计兼容的UI小部件，称为“回收者视图”。
观看完整课程
Google的材料设计已Swift成为一种流行且广泛实施的设计语言。 现在，许多Android用户都希望他们的应用符合材料设计规范，而应用设计人员则希望您能够实现其基本原理。
在整个课程Build Material Design App中 ，我将向您展示如何构建一个实用的，功能齐全的Material Design应用程序 ，该应用程序可以在Google Play上发布。 从讲师Adi Purdila在其“ 了解材料设计”课程中创建的应用程序设计开始，您将学习如何使用Android支持库中提供的各种材料设计UI小部件。 您还将学习如何在称为Realm的现代移动数据库上执行读写操作。
翻译自: https://code.tutsplus.com/tutorials/get-started-building-a-material-design-app--cms-27576