源内容(英文)
我们常在 Facebook 的加载界面中看到一种独特的设计,它用于显示内容占位符以达到加载目的。GitHub 也提供了这种类型的加载占位符,相比普通的进度条,它看起来更加美观。在本文中,我们将探讨如何在 Android 中实现 使用 Shimmer 动画的内容占位符。
我们将在本文中构建什么?
我们将构建一个简单的应用程序,从 URL 加载 JSON 格式的数据。在加载过程中,我们将显示一个 shimmer 布局作为占位符。下面提供了一个示例视频,帮助您了解我们将在本文中做什么。请注意,我们将使用 Java 语言来实现这个项目。
分步实现
#### 步骤 1:创建新项目
要在 Android Studio 中创建新项目,请参阅 如何在 Android Studio 中创建/启动新项目。请注意,选择 Java 作为编程语言。
#### 步骤 2:添加使用 Facebook Shimmer 布局的依赖项
导航到 app > Gradle Scripts > build.gradle 文件,并添加以下依赖项。
// 以下行用于 Volley 库
implementation ‘com.android.volley:volley:1.1.1‘
// 以下行用于图片加载库
implementation ‘com.squareup.picasso:picasso:2.71828‘
// 使用 Facebook shimmer 布局的依赖项
implementation ‘com.facebook.shimmer:shimmer:0.5.0‘
现在同步您的项目,并转向您的 XML 文件。
#### 步骤 3:在 Android 中添加互联网权限
导航到 app > AndroidManifest.xml,由于我们要从互联网加载数据,请为其添加互联网权限。
#### 步骤 4:处理 activity_main.xml 文件
导航到 app > res > layout > activitymain.xml 并将以下代码添加到该文件中。以下是 activitymain.xml 文件的代码。