📜  如何在 Android 中创建用于显示图像的滑动抽屉?

📅  最后修改于: 2022-05-13 01:55:23.562000             🧑  作者: Mango

如何在 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)
    }
}

输出:

可以看到,当我们点击句柄的时候,隐藏的内容就显示出来了。