Start design

This commit is contained in:
Chocolaterie
2025-01-21 09:57:16 +01:00
parent 138b0836a3
commit 2807caa5c2
6 changed files with 53 additions and 11 deletions

6
.idea/vcs.xml generated Normal file
View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

View File

@@ -4,6 +4,7 @@ import android.os.Bundle
import androidx.activity.ComponentActivity import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxSize
@@ -18,12 +19,17 @@ import androidx.compose.material3.TextField
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.TextStyle import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp import androidx.compose.ui.unit.sp
import com.example.tpfilrouge.ui.theme.TpFilRougeTheme import com.example.tpfilrouge.ui.theme.TpFilRougeTheme
import com.example.tpfilrouge.R
import com.example.tpfilrouge.ui.theme.EniBackgroundPage
import com.example.tpfilrouge.ui.theme.EniTextField
class LoginActivity : ComponentActivity() { class LoginActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) { override fun onCreate(savedInstanceState: Bundle?) {
@@ -35,22 +41,12 @@ class LoginActivity : ComponentActivity() {
} }
} }
@Composable
fun HintText(label : String){
Text(text = label, style = TextStyle(color = Color.Gray))
}
@Composable
fun EniTextField(label : String){
TextField(value = "", onValueChange = {}, modifier = Modifier.fillMaxWidth(),
placeholder = { HintText(label) })
}
@Composable @Composable
fun LoginActivityPage() { fun LoginActivityPage() {
TpFilRougeTheme { TpFilRougeTheme {
Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding -> Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
Box(modifier = Modifier.padding(innerPadding)) { Box(modifier = Modifier.padding(innerPadding)) {
EniBackgroundPage()
Column(modifier = Modifier.padding(40.dp)) { Column(modifier = Modifier.padding(40.dp)) {
Text( Text(
text = "Login", textAlign = TextAlign.Center, text = "Login", textAlign = TextAlign.Center,

View File

@@ -18,6 +18,7 @@ import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp import androidx.compose.ui.unit.sp
import com.example.tpfilrouge.ui.theme.EniTextField
import com.example.tpfilrouge.ui.theme.TpFilRougeTheme import com.example.tpfilrouge.ui.theme.TpFilRougeTheme
class ResetPasswordActivity : ComponentActivity() { class ResetPasswordActivity : ComponentActivity() {

View File

@@ -18,6 +18,7 @@ import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp import androidx.compose.ui.unit.sp
import com.example.tpfilrouge.ui.theme.EniTextField
import com.example.tpfilrouge.ui.theme.TpFilRougeTheme import com.example.tpfilrouge.ui.theme.TpFilRougeTheme
class SignUpActivity : ComponentActivity() { class SignUpActivity : ComponentActivity() {

View File

@@ -0,0 +1,38 @@
package com.example.tpfilrouge.ui.theme
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.material3.Text
import androidx.compose.material3.TextField
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.TextStyle
import com.example.tpfilrouge.R
class AppTheme {
}
@Composable
fun HintText(label : String){
Text(text = label, style = TextStyle(color = Color.Gray))
}
@Composable
fun EniTextField(label : String){
TextField(value = "", onValueChange = {}, modifier = Modifier.fillMaxWidth(),
placeholder = { HintText(label) })
}
@Composable
fun EniBackgroundPage(){
Image(
painter = painterResource(id = R.drawable.background_mobile),
contentDescription = "",
contentScale = ContentScale.Crop,
modifier = Modifier.fillMaxSize()
)
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB