Tugas 7

 Tugas 7 - Membuat Login Page

Ahmad Fauzan Alghifari - 5025211091

Untuk penugasan 7, ditugaskan untuk membuat halaman login pagenya saja, dengan mementingkan tampilan tanpa fungsionalitas dari logika login itu sendiri. Berikut link repository yang dapat direferensikan : fazghfr/ppb_t7

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            TugasLoginTheme {
                Greeting(name = "User") 
            }
        }
    }
}
@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Column  (
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Image(
            painter = painterResource(id = R.drawable.a),
            contentDescription = "Login Image",
            modifier = Modifier.size(200.dp)
        )

        Text(text="Welcome Back", fontSize = 28.sp, fontWeight = FontWeight.Bold)

        Spacer(modifier = Modifier.height(4.dp))

        Text(text = "Login to your account")

        OutlinedTextField(value = "", onValueChange = {},
            label = {
                Text(text = "Email Address")
            })

        Spacer(modifier = Modifier.height(16.dp))

        OutlinedTextField(value = "", onValueChange = {},
            label = {
                Text(text = "Password")
            })

        Spacer(modifier = Modifier.height(16.dp))

        Button(onClick = { }) {
            Text(text = "Login")
        }

        Spacer(modifier = Modifier.height(32.dp))

        Text(text = "Forgot Password?", modifier = Modifier.clickable{

        })

        Spacer(modifier = Modifier.height(32.dp))

        Text(text = "Or sign in with")

        Spacer(modifier = Modifier.height(32.dp))

        Row (
            modifier = Modifier.fillMaxWidth(),
            horizontalArrangement = Arrangement.SpaceEvenly
        )
        {
            Image(
                painter = painterResource(id = R.drawable.fb),
                contentDescription = "Facebook",
                modifier = Modifier.size(60.dp).clickable {

                }
            )

            Image(
                painter = painterResource(id = R.drawable.google),
                contentDescription = "Google",
                modifier = Modifier.size(60.dp).clickable {

                }
            )

            Image(
                painter = painterResource(id = R.drawable.x),
                contentDescription = "X",
                modifier = Modifier.size(60.dp).clickable {

                }
            )
        }
    }
}

Dokumentasi tampilan android studio : 

Video Dokumentasi :