WhatTheFantasy
/
WF-Android
15
0
Fork 0
Code Issues 20 Pull Requests Packages Projects 1 Releases Wiki Activity

Finish QuizEnd View

Browse Source
pull/19/head
tomivt 2 months ago
parent bfe8bf5b9d
commit 140be5e8f4
1 changed files with 101 additions and 156 deletions
Show Stats Download Patch File Download Diff File

237
What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/screens/QuizEndPage.kt
Unescape View File

@ -1,30 +1,16 @@
package com.example.what_the_fantasy.ui.screens
import android.widget.ImageButton
import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxHeight
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.automirrored.filled.ArrowBack
import androidx.compose.material3.Icon
import androidx.compose.material3.IconButton
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.mutableDoubleStateOf
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.geometry.Offset
@ -37,6 +23,7 @@ import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.example.what_the_fantasy.R
import com.example.what_the_fantasy.data.local.QuestionStub
val gradient = Brush.linearGradient(
colors = listOf(Color(0xFF7B1FA2), Color(0xFF311B92)),
@ -44,175 +31,133 @@ val gradient = Brush.linearGradient(
end = Offset(1000f, 0f)
)
@Composable
fun QuizEndPage(points : Int, idQuiz : Int) {
Column (
modifier = Modifier
.fillMaxSize()
.background(Color(0xFF100C1B))
fun QuizEndPage(points: Int, idQuiz: Int) {
Column(
modifier = Modifier.fillMaxSize().background(Color(0xFF100C1B))
) {
// Bandeau ( Bouton Retour / Bouton Profil / Dark-Light Mode )
Row (
// Bandeau supérieur
Row(
modifier = Modifier
.background(Color(0xFF300052))
.height(100.dp)
.fillMaxWidth()
.padding(20.dp)
) {
Row (
modifier = Modifier
.fillMaxSize()
) {
Row (
modifier = Modifier
.fillMaxWidth()
.clickable { },
horizontalArrangement = Arrangement.SpaceBetween
) {
Box {
IconButton(
onClick = { },
modifier = Modifier
.align(Alignment.TopStart)
.fillMaxHeight()
.weight(0.1f)
.background(Color(0xFF300052))
.padding(20.dp),
horizontalArrangement = Arrangement.SpaceBetween,
verticalAlignment = Alignment.CenterVertically
) {
Icon(
Icons.AutoMirrored.Filled.ArrowBack,
contentDescription = "Retour",
tint = Color.White)
}
IconButton(onClick = { }) {
Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = "Retour", tint = Color.White)
}
Box (
modifier = Modifier
.background(Color.Yellow, shape = CircleShape),
contentAlignment = Alignment.Center
) {
Image (
// Image transparente
Image(
painter = painterResource(id = R.drawable.quiz),
contentDescription = "Back Button"
contentDescription = "Profil",
modifier = Modifier.size(50.dp).background(Color.Yellow, CircleShape)
)
}
Box (
modifier = Modifier
.background(Color.Yellow, shape = CircleShape),
contentAlignment = Alignment.Center
) {
Image (
// Image transparente
Image(
painter = painterResource(id = R.drawable.quiz),
contentDescription = "Back Button"
contentDescription = "Profil",
modifier = Modifier.size(50.dp).background(Color.Yellow, CircleShape)
)
}
}
}
}
// Titre de la page
Box(
// Contenu principal
Column(
modifier = Modifier
.fillMaxWidth()
.height(100.dp)
.background(Color.Red),
contentAlignment = Alignment.Center
.weight(0.8f)
.padding(horizontal = 50.dp, vertical = 20.dp)
.fillMaxWidth(),
horizontalAlignment = Alignment.CenterHorizontally
) {
Text (
Text(
text = "▶ Résultats ◀",
color = Color.White,
style = TextStyle(
fontSize = 25.sp,
fontWeight = FontWeight.Bold,
textAlign = TextAlign.Center
),
modifier = Modifier.fillMaxWidth()
style = TextStyle(fontSize = 25.sp, fontWeight = FontWeight.Bold, textAlign = TextAlign.Center)
)
}
// Résultat du quiz
Column (
modifier = Modifier
.padding(50.dp)
) {
Spacer(modifier = Modifier.height(16.dp))
Column (
modifier = Modifier
.background(brush = gradient, shape = RoundedCornerShape(20.dp))
.fillMaxHeight()
.padding(30.dp)
) {
Box (
modifier = Modifier
.fillMaxWidth()
.height(50.dp),
contentAlignment = Alignment.Center
.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally
) {
Text (
text = "Quiz N°${idQuiz.toString()}",
text = "Quiz N°$idQuiz",
color = Color.White,
style = TextStyle(
fontSize = 25.sp,
fontWeight = FontWeight.Bold,
textAlign = TextAlign.Center
),
modifier = Modifier.fillMaxWidth()
style = TextStyle(fontSize = 25.sp, fontWeight = FontWeight.Bold, textAlign = TextAlign.Center)
)
}
}
}
// Bandeau ( Bouton Likes / Bouton Menu / Bouton Quiz )
Row (
modifier = Modifier
.background(Color(0xFF300052))
.height(100.dp)
.fillMaxWidth()
.padding(20.dp)
) {
Row (
modifier = Modifier
.fillMaxSize()
) {
val nbQuestions = QuestionStub.allQuestions.size
Text (
text = "Nombres de Questions : $nbQuestions",
color = Color.White,
style = TextStyle(fontSize = 15.sp, fontWeight = FontWeight.Bold, textAlign = TextAlign.Center)
)
Text (
text = "Nombres de bonnes réponses : $points",
color = Color.White,
style = TextStyle(fontSize = 15.sp, fontWeight = FontWeight.Bold, textAlign = TextAlign.Center)
)
Row (
modifier = Modifier
.fillMaxWidth()
.clickable { },
horizontalArrangement = Arrangement.SpaceBetween
) {
Box (
modifier = Modifier
.background(Color.Yellow, shape = CircleShape),
contentAlignment = Alignment.Center
.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceAround
) {
Image (
// Image transparente
// Bouton Quiz Précédent
Image(
painter = painterResource(id = R.drawable.quiz),
contentDescription = "Back Button"
contentDescription = "Profil",
modifier = Modifier.size(50.dp).background(Color.Yellow, CircleShape)
)
}
Box (
modifier = Modifier
.background(Color.Yellow, shape = CircleShape),
contentAlignment = Alignment.Center
) {
Image (
// Image transparente
// Bouton Retour Menu Quiz
Image(
painter = painterResource(id = R.drawable.quiz),
contentDescription = "Back Button"
contentDescription = "Profil",
modifier = Modifier.size(50.dp).background(Color.Yellow, CircleShape)
)
}
Box (
modifier = Modifier
.background(Color.Yellow, shape = CircleShape),
contentAlignment = Alignment.Center
) {
Image (
// Image transparente
// Bouton Quiz Suivant
Image(
painter = painterResource(id = R.drawable.quiz),
contentDescription = "Back Button"
contentDescription = "Profil",
modifier = Modifier.size(50.dp).background(Color.Yellow, CircleShape)
)
}
}
}
// Bandeau inférieur
Row(
modifier = Modifier
.fillMaxWidth()
.weight(0.1f)
.background(Color(0xFF300052))
.padding(20.dp),
horizontalArrangement = Arrangement.SpaceAround,
verticalAlignment = Alignment.CenterVertically
) {
// Bouton Likes
Image(
painter = painterResource(id = R.drawable.quiz),
contentDescription = "Bouton",
modifier = Modifier.size(50.dp).background(Color.Yellow, CircleShape)
)
// Bouton WhatTheFantasy
Image(
painter = painterResource(id = R.drawable.quiz),
contentDescription = "Bouton",
modifier = Modifier.size(50.dp).background(Color.Yellow, CircleShape)
)
// Bouton Quiz
Image(
painter = painterResource(id = R.drawable.quiz),
contentDescription = "Bouton",
modifier = Modifier.size(50.dp).background(Color.Yellow, CircleShape)
)
}
}
}

Write Preview
Loading…
Cancel
Save