DocumentView in a Dialog

1
/*
2
 *   Copyright © 2026 PSPDFKit GmbH. All rights reserved.
3
 *
4
 *   The PSPDFKit Sample applications are licensed with a modified BSD license.
5
 *   Please see License for details. This notice may not be removed from this file.
6
 */
7

8
package com.pspdfkit.catalog.examples.kotlin
9

10
import android.content.Context
11
import android.content.Intent
12
import android.net.Uri
13
import android.os.Bundle
14
import androidx.activity.compose.setContent
15
import androidx.appcompat.app.AppCompatActivity
16
import androidx.compose.foundation.background
17
import androidx.compose.foundation.layout.Box
18
import androidx.compose.foundation.layout.Column
19
import androidx.compose.foundation.layout.fillMaxSize
20
import androidx.compose.foundation.layout.fillMaxWidth
21
import androidx.compose.foundation.layout.padding
22
import androidx.compose.foundation.layout.systemBarsPadding
23
import androidx.compose.material3.Button
24
import androidx.compose.material3.Text
25
import androidx.compose.material3.TextButton
26
import androidx.compose.ui.Alignment
27
import androidx.compose.ui.Modifier
28
import androidx.compose.ui.graphics.Color
29
import androidx.compose.ui.unit.dp
30
import androidx.compose.ui.unit.sp
31
import androidx.navigation.compose.NavHost
32
import androidx.navigation.compose.composable
33
import androidx.navigation.compose.dialog
34
import androidx.navigation.compose.rememberNavController
35
import com.pspdfkit.catalog.R
36
import com.pspdfkit.catalog.SdkExample
37
import com.pspdfkit.catalog.tasks.ExtractAssetTask
38
import com.pspdfkit.catalog.ui.theming.CatalogTheme
39
import com.pspdfkit.configuration.activity.PdfActivityConfiguration
40
import com.pspdfkit.configuration.activity.UserInterfaceViewMode
41
import com.pspdfkit.configuration.page.PageFitMode
42
import com.pspdfkit.jetpack.compose.interactors.getDefaultDocumentManager
43
import com.pspdfkit.jetpack.compose.interactors.rememberDocumentState
44
import com.pspdfkit.jetpack.compose.views.DocumentView
45
import com.pspdfkit.utils.getSupportParcelableExtra
46

47
/**
48
 * Shows how to host a [DocumentView] inside a Navigation Compose `dialog(...)` destination, so the document is
49
 * previewed in a dialog window on top of the rest of the UI. The document keeps rendering across configuration
50
 * changes and when the app is minimized and restored.
51
 */
52
class DocumentViewInDialogExample(context: Context) :
53
    SdkExample(context, R.string.documentViewInDialogExampleTitle, R.string.documentViewInDialogExampleDescription) {
54
    override fun launchExample(context: Context, configuration: PdfActivityConfiguration.Builder) {
55
        ExtractAssetTask.extract(WELCOME_DOC, title, context) { documentFile ->
56
            val intent = Intent(context, DocumentViewInDialogActivity::class.java)
57
            intent.putExtra(DocumentViewInDialogActivity.EXTRA_URI, Uri.fromFile(documentFile))
58
            intent.putExtra(DocumentViewInDialogActivity.EXTRA_CONFIG, configuration.build())
59
            context.startActivity(intent)
60
        }
61
    }
62
}
63

64
class DocumentViewInDialogActivity : AppCompatActivity() {
65
    override fun onCreate(savedInstanceState: Bundle?) {
66
        super.onCreate(savedInstanceState)
67

68
        val uri = intent.getSupportParcelableExtra(EXTRA_URI, Uri::class.java)!!
69
        val pdfActivityConfiguration = intent.getSupportParcelableExtra(EXTRA_CONFIG, PdfActivityConfiguration::class.java)
70
            ?: PdfActivityConfiguration
71
                .Builder(this)
72
                .setUserInterfaceViewMode(UserInterfaceViewMode.USER_INTERFACE_VIEW_MODE_AUTOMATIC)
73
                .fitMode(PageFitMode.FIT_TO_WIDTH)
74
                .build()
75

76
        setContent {
77
            CatalogTheme {
78
                val navController = rememberNavController()
79

80
                NavHost(
81
                    navController = navController,
82
                    startDestination = "home",
83
                ) {
84
                    composable("home") {
85
                        Box(
86
                            modifier = Modifier.fillMaxSize(),
87
                            contentAlignment = Alignment.Center,
88
                        ) {
89
                            Button(onClick = { navController.navigate("pdf") }) {
90
                                Text("Open PDF Preview")
91
                            }
92
                        }
93
                    }
94
                    dialog(route = "pdf") {
95
                        val documentState = rememberDocumentState(uri, pdfActivityConfiguration)
96

97
                        Column(
98
                            modifier = Modifier
99
                                .background(Color.White)
100
                                .systemBarsPadding()
101
                                .padding(24.dp),
102
                            horizontalAlignment = Alignment.CenterHorizontally,
103
                        ) {
104
                            Text(
105
                                text = "PDF Preview",
106
                                fontSize = 18.sp,
107
                                modifier = Modifier.padding(vertical = 8.dp),
108
                            )
109

110
                            DocumentView(
111
                                modifier = Modifier.fillMaxWidth(),
112
                                documentState = documentState,
113
                                documentManager = getDefaultDocumentManager(),
114
                            )
115

116
                            TextButton(
117
                                onClick = { navController.navigateUp() },
118
                                modifier = Modifier.padding(vertical = 8.dp),
119
                            ) {
120
                                Text("Close")
121
                            }
122
                        }
123
                    }
124
                }
125
            }
126
        }
127
    }
128

129
    companion object {
130
        const val EXTRA_URI = "DocumentViewInDialogActivity.DocumentUri"
131
        const val EXTRA_CONFIG = "DocumentViewInDialogActivity.Configuration"
132
    }
133
}