如何在 Android 中创建用于显示图像的滑动抽屉?
Android 中的滑动抽屉是一种在由通常为 Button 或 ImageView 的句柄调用和显示时在屏幕上显示隐藏内容的机制。隐藏的内容可以是任何类型的视图。通常,隐藏内容可以是任何 ViewGroup。滑块抽屉的示例照片如下所示。
它与导航抽屉非常相似。滑块抽屉方向(上、左、右、下)可以编程方式更改。但是,在默认模式下,滑块抽屉放置在屏幕顶部。在本文中,我们将向您展示如何在 Android 中使用 Slider Drawer 显示图像。 IDE 准备就绪后,请按照以下步骤操作。
分步实施
第 1 步:在 Android Studio 中创建一个新项目
要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。我们在Kotlin中演示了该应用程序,因此请确保在创建新项目时选择 Kotlin 作为主要语言。
第 2 步:在 drawable 文件夹中添加图像资源或导入图像
我们添加了一个图像资源,如下所示。此视图将调用隐藏的内容
第 3 步:为隐藏内容导入另一个图像源
导入图像并将其存储在可绘制文件夹中。
第 4 步:使用 activity_main.xml 文件
导航到app > res > layout > activity_main.xml并将以下代码添加到该文件。下面是activity_main.xml文件的代码。添加一个滑动抽屉,如下所示。将方向设置为 180,使其与屏幕左侧对齐。在滑动抽屉打开和关闭标签内添加两个 ImageView。第一个 ImageView 将显示资产,第二个将显示隐藏的内容。现在将句柄属性添加到 Slider Drawer 中的第一个 ImageView 和第二个 ImageView 的内容。
XML
Kotlin
package org.geeksforgeeks.slidingdrawer
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}
第 5 步:使用 MainActivity.kt 文件
转到MainActivity.kt文件并参考以下代码。下面是MainActivity.kt文件的代码。代码中添加了注释以更详细地理解代码。此处无需更改。
科特林
package org.geeksforgeeks.slidingdrawer
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}
输出:
可以看到,当我们点击句柄的时候,隐藏的内容就显示出来了。