使用Material Design模板快速启动您的Android应用程序UI

Google 的 Material Design 是少数经得起时间考验的设计语言之一。它已经存在了五年多，并且仍然继续在 android 用户中广受欢迎。Android 平台的 SystemUI 遵循这种设计语言的准则，就像当今 Google Play 上可用的大多数流行应用程序一样。

尽管 Material Design 的指南文档齐全且易于理解，但使用 Android SDK 和 AndroidX 正确实施它们需要大量仔细的编码和测试，主要是因为您需要支持多种像素密度、屏幕尺寸、设备方向和 Android 版本。但是，通过使用MaterialX，您可以节省所有时间和精力。

MaterialX由 Envato Elite 作者Dream Space开发，是CodeCanyon上提供的优质 Material Design UI 组件库。除了按钮、卡片和滑块等基本 UI 组件外，它还提供数百种独特的手工制作的 Material Design 布局，您可以直接在应用程序中开始使用。因此，在使用这些布局时，您不必担心诸如定位 UI 组件、调整其边距和内边距，甚至为它们设置动画等任务。

现在让我们仔细看看 MaterialX 提供了什么。

1.导航组件

拥有一个吸引人的界面非常重要，它允许用户从您的应用程序的一个屏幕移动到另一个屏幕。Material Design 列出了几个可用于构建此类接口的组件，MaterialX 为所有这些组件提供了实现。

这些天最流行的此类组件是底部导航栏。MaterialX 目前提供了八个漂亮的底部导航栏供您选择。这里有两个这样的酒吧：

如果您更喜欢使用滑动抽屉，此模板为您提供了多个选项，所有这些选项都针对不同类型的应用程序。例如，如果您正在构建一个新闻应用程序，您可以使用Drawer News 组件。同样，如果您正在创建与邮件相关的应用程序，您可以使用Drawer Mail 组件。

通常补充顶部应用程序栏的选项卡也广泛用于 Android 应用程序。MaterialX 有多种选项卡视图，在浅色和深色主题中看起来都不错。正如您所料，它们都支持水平滑动手势。

2.列表和网格

列表是 Android 应用不可或缺的一部分，精心设计的列表可以显着提升应用的用户体验。MaterialX 提供了近十种不同类型的列表，包括分段、动画和多选列表。它还提供了一些特定于应用程序的列表，例如新闻应用程序列表。

但是，如果您需要连续显示多个项目，则必须使用此模板具有的六个不同网格之一。除了常用的基本网格和分段网格外，MaterialX 还为画廊应用程序和调用者应用程序提供了网格。

卡片通常与列表和网格一起使用。由于 MaterialX 具有用于处理大多数用例的卡片模板，因此您现在可以避免从头开始创建自己的卡片。一些卡片模板也可用于创建介绍或教程屏幕。

值得注意的是，MaterialX 具有单独的组件来显示较小的列表，例如标签列表和首选项列表。

3.表格

创建表单很困难。说服用户填写和提交表格更加困难。幸运的是，MaterialX 带有大量漂亮的表单模板，您的用户会喜欢填写这些模板。

创建表单时，您可以从通用表单模板（例如用于登录和注册表单的模板）或特定于域的模板（例如用于电子商务的模板）中自由选择。

为了让您的生活更轻松，MaterialX 还具有专用于特定类型表单的完整布局。因为这些吸引人的布局用作表单的完整容器，所以在使用它们时您不必将任何其他 UI 组件添加到您的布局中。目前，有登录表单、电话号码验证表单和付款表单的布局。

请注意，许多表单模板也有深色主题的替代品。

4.表单元素

如果您对自己创建表单感兴趣，而不是直接使用 Android 的默认表单元素，您可以尝试使用 MaterialX 中可用的元素。它们通常看起来更好看，并提供更有趣的用户体验。

该模板具有各种按钮、选择器和滑块，如下面的屏幕截图所示：

为了便于显示与表单相关的消息，该模板还为 toast、警报对话框和小吃栏提供了几个自定义实现。

5.仪表板

显示大量及时和上下文相关数据的直观仪表板可以成为多种应用程序的理想主屏幕，例如健身应用程序、旅行应用程序和与加密货币相关的应用程序。MaterialX 目前有 11 个仪表板，每个仪表板针对不同的域。例如，这里有两种仪表板布局，一种用于电子商务应用程序，一种用于旅游应用程序： 

所有可用的仪表板都是全面的、经过深思熟虑的并且视觉上令人愉悦。因此，您通常可以开始使用它们而无需进行任何自定义。

6.社交屏幕

向您的应用添加简单的社交功能是提高用户留存率的好方法。通常，您需要做的就是允许您的用户为自己创建个人资料并与朋友或关注者分享内容。MaterialX 有几十个组件，可以帮助您在实现这两个功能的同时节省时间。

该模板有近两打个人资料页面布局，每个布局都具有独特的外观和感觉。虽然有些是通用的，但大多数都是针对特定用户群设计的，例如摄影师、自由职业者和求职者。

此外，MaterialX 具有用于显示用户提要和时间线的布局。如果您尝试在您的应用程序中实现类似 Twitter 的功能，您会发现这些布局非常有用。

最后，如果您想让用户之间或与您的团队实时交流，MaterialX 提供的布局与您在 WhatsApp 和 Telegram 等应用程序中看到的布局非常相似。

7.博客屏幕

你已经有一个 wordpress 博客了吗？使用 MaterialX，您可以毫不费力地为它创建一个 Android 应用程序。

该模板具有多种布局，可用于显示您的帖子。这些令人愉悦的布局可以平滑地呈现文本和图像。

此外，还有许多“关于我们”页面的布局，您可以使用这些布局来谈论您自己或您的公司，以及“搜索”页面，您可以在向应用程序添加搜索功能时使用这些布局。

因为如今的博客不仅限于文本和图像，MaterialX 也有用于处理音频和视频内容的布局。该模板有两种视频播放器布局和几种音频播放器布局，支持独立的声音文件和播放列表。

结论

MaterialX 是 CodeCanyon 上最全面的 Android 应用程序模板之一。它拥有超过 2,250 次销售和大部分五星级评价，也是那里最受欢迎的模板之一。在我看来，对于想要显着改善应用程序外观的 Android 开发人员来说，这是必不可少的。

当您购买 MaterialX 的许可证时，除了其源代码之外，您还可以访问其所有文档。您可以参考它以了解有关模板的更多信息