在 Android 中使用 Shimmer 实现内容占位符动画

源内容(英文)

我们常在 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 文件的代码。




    
    

        

            
            

            
            

            

                
                

                
                

            

        

    


声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。如需转载,请注明文章出处豆丁博客和来源网址。https://shluqu.cn/22613.html
点赞
0.00 平均评分 (0% 分数) - 0