Пишу приложение с картами ВУЗа. Есть три корпуса (отдельные фрагменты приложения) в каждом несколько этажей, которые переключаются кнопками во фрагменте. Хочу сделать открытие определённого фрагмента с определённой картинкой после сканирования QR кода. Например, результатом сканирования кода является такой JSON объект: { "build": 1, "floor": 2 }
, который говорит, что нужно открыть фрагмент главного здания с планом второго этажа. Как реализовать этот переход?
Фрагменты переключаются через bottomNavigationView в MainActivity. Cканер находится в ScannerActivity и запускается по кнопке в MainActivity
Код activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<androidx.fragment.app.FragmentContainerView
android:id="@+id/fragmentContainerView"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toTopOf="@+id/bottomNavigationView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.5"
app:navGraph="@navigation/nav_graph">
</androidx.fragment.app.FragmentContainerView>
<ImageView
android:id="@+id/qr_scanner"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginTop="15dp"
android:layout_marginEnd="15dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/outline_qr_code_scanner_24" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/menu">
</com.google.android.material.bottomnavigation.BottomNavigationView>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
Код MainActivity.kt
package com.xolary.ssuwtmap
import android.content.Intent
import android.os.Bundle
import android.widget.Toast
import androidx.activity.result.contract.ActivityResultContracts
import androidx.appcompat.app.AppCompatActivity
import androidx.navigation.NavController
import androidx.navigation.fragment.NavHostFragment
import androidx.navigation.ui.NavigationUI.setupWithNavController
import com.xolary.ssuwtmap.databinding.ActivityMainBinding
class MainActivity : AppCompatActivity() {
private lateinit var binding: ActivityMainBinding
private lateinit var navController: NavController
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
val navHostFragment = supportFragmentManager.findFragmentById(R.id.fragmentContainerView) as NavHostFragment
navController = navHostFragment.navController
setupWithNavController(binding.bottomNavigationView, navController)
val requestCamera = registerForActivityResult(
ActivityResultContracts.RequestPermission()
) {
if (it) {
startActivity(Intent(this, ActivityScanner::class.java))
} else {
Toast.makeText(
applicationContext,
"Отказано в доступе к камере",
Toast.LENGTH_SHORT
)
.show()
}
}
binding.qrScanner.setOnClickListener{
requestCamera.launch(android.Manifest.permission.CAMERA)
}
}
}
Код activity_scanner.xml:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.budiyev.android.codescanner.CodeScannerView
android:id="@+id/scanner_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:autoFocusButtonColor="@android:color/white"
app:autoFocusButtonVisible="true"
app:flashButtonColor="@android:color/white"
app:flashButtonVisible="true"
app:frameColor="@android:color/white"
app:frameCornersSize="50dp"
app:frameCornersRadius="0dp"
app:frameAspectRatioWidth="1"
app:frameAspectRatioHeight="1"
app:frameSize="0.75"
app:frameThickness="2dp"
app:maskColor="#77000000" />
</FrameLayout>
</layout>
Код ScannerActivity.kt:
package com.xolary.ssuwtmap
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.Toast
import com.budiyev.android.codescanner.AutoFocusMode
import com.budiyev.android.codescanner.CodeScanner
import com.budiyev.android.codescanner.CodeScannerView
import com.budiyev.android.codescanner.DecodeCallback
import com.budiyev.android.codescanner.ErrorCallback
import com.budiyev.android.codescanner.ScanMode
import com.xolary.ssuwtmap.databinding.ActivityScannerBinding
import org.json.JSONObject
class ScannerActivity : AppCompatActivity() {
private lateinit var binding: ActivityScannerBinding
private lateinit var codeScanner: CodeScanner
private lateinit var scanResult: JSONObject
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityScannerBinding.inflate(layoutInflater)
setContentView(binding.root)
val scannerView = findViewById<CodeScannerView>(R.id.scanner_view)
codeScanner = CodeScanner(this, scannerView)
// Parameters (default values)
codeScanner.camera = CodeScanner.CAMERA_BACK // or CAMERA_FRONT or specific camera id
codeScanner.formats = CodeScanner.ALL_FORMATS // list of type BarcodeFormat,
// ex. listOf(BarcodeFormat.QR_CODE)
codeScanner.autoFocusMode = AutoFocusMode.SAFE // or CONTINUOUS
codeScanner.scanMode = ScanMode.SINGLE // or CONTINUOUS or PREVIEW
codeScanner.isAutoFocusEnabled = true // Whether to enable auto focus or not
codeScanner.isFlashEnabled = false // Whether to enable flash or not
// Callbacks
codeScanner.decodeCallback = DecodeCallback {
runOnUiThread {
scanResult = JSONObject(it.text)
Log.d("ScanResult", scanResult.toString())
}
}
codeScanner.errorCallback = ErrorCallback { // or ErrorCallback.SUPPRESS
runOnUiThread {
Toast.makeText(this, "Camera initialization error: ${it.message}",
Toast.LENGTH_LONG).show()
}
}
scannerView.setOnClickListener {
codeScanner.startPreview()
}
}
override fun onResume() {
super.onResume()
codeScanner.startPreview()
}
override fun onPause() {
codeScanner.releaseResources()
super.onPause()
}
}
Сейчас после сканирования JSON объект с кода сохраняется в переменную.
Код одного из фрагментов корпуса:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".mainBuilding.MainBuilding">
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/constraintLayout"
android:layout_width="0dp"
android:layout_height="70dp"
android:background="#fbf4ec"
android:clickable="false"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<ImageView
android:id="@+id/imageView"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginStart="15dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/outline_home_24" />
<TextView
android:id="@+id/main_building"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:fontFamily="@font/noto_serif"
android:text="@string/header_main"
android:textColor="#2E2E2E"
android:textSize="18sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/imageView"
app:layout_constraintTop_toTopOf="parent" />
<!--
<ImageView
android:id="@+id/qr_scanner"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginEnd="15dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/outline_qr_code_scanner_24" /> -->
</androidx.constraintlayout.widget.ConstraintLayout>
<com.jsibbold.zoomage.ZoomageView
android:id="@+id/floor_image"
android:layout_width="0dp"
android:layout_height="0dp"
android:src="@drawable/first_floor"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/constraintLayout"
app:layout_constraintVertical_bias="1.0"
app:zoomage_animateOnReset="true"
app:zoomage_autoCenter="true"
app:zoomage_autoResetMode="UNDER"
app:zoomage_maxScale="8"
app:zoomage_minScale="0.6"
app:zoomage_restrictBounds="false"
app:zoomage_translatable="true"
app:zoomage_zoomable="true">
</com.jsibbold.zoomage.ZoomageView>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="370dp"
android:layout_height="64dp"
android:layout_marginStart="15dp"
android:layout_marginEnd="15dp"
android:layout_marginBottom="15dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<Button
android:id="@+id/button"
style="@style/Widget.Material3.Button.TextButton"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:text="@string/one"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button2"
style="@style/Widget.Material3.Button.TextButton"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:text="@string/two"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/button"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button3"
style="@style/Widget.Material3.Button.TextButton"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:text="@string/three"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/button2"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button4"
style="@style/Widget.Material3.Button.TextButton"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:text="@string/four"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/button3"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button5"
style="@style/Widget.Material3.Button.TextButton"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:text="@string/five"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/button4"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button6"
style="@style/Widget.Material3.Button.TextButton"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:layout_marginEnd="10dp"
android:layout_marginBottom="10dp"
android:text="@string/six"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toEndOf="@+id/button5"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
Я добавил обработку JSON объекта и вызов другого активити с передачей данных после считывания:
private fun showImageOnAnotherActivity(scanResult: JSONObject) {
if (scanResult.has("build")){
val buildNumber = scanResult.getString("build")
val floor = scanResult.getString("floor")
Log.d("MyTag", buildNumber.toString())
val intent = Intent(this, MainActivity::class.java)
intent.putExtra("buildNumber", buildNumber)
intent.putExtra("floor", floor)
startActivity(intent)
} else {
Toast.makeText(this, "Ошибка чтения QR кода", Toast.LENGTH_LONG).show()
}
}
И обработку с вызовом фрагмента в FragmentContainerView:
val buildNumber = intent.getStringExtra("buildNumber")?.toInt()
val floor = intent.getStringExtra("floor")?.toInt()
Log.d("buildNumberLog", buildNumber.toString())
when(buildNumber) {
1 -> {
supportFragmentManager.commit {
add(R.id.fragmentContainerView, MainBuilding.newInstance())
setReorderingAllowed(true)
addToBackStack(null)
}
}
2 -> {
supportFragmentManager.commit {
add(R.id.fragmentContainerView, LaboratoryBuilding.newInstance())
setReorderingAllowed(true)
addToBackStack(null)
}
}
3 -> {
supportFragmentManager.commit {
add(R.id.fragmentContainerView, SecondBuilding.newInstance())
setReorderingAllowed(true)
addToBackStack(null)
}
}
else -> {
Toast.makeText(this, "Ошибка", Toast.LENGTH_SHORT).show()
}
}
Но теперь при использовании add фрагмент накладывается поверх других, а при использовании replace, bottomNavigationView перестаёт работать