215 lines
7.4 KiB
Kotlin
215 lines
7.4 KiB
Kotlin
/*
|
|
* Copyright (C) 2023 The Android Open Source Project
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
package com.example.tiptime
|
|
|
|
import android.os.Bundle
|
|
import androidx.activity.ComponentActivity
|
|
import androidx.activity.compose.setContent
|
|
import androidx.annotation.DrawableRes
|
|
import androidx.annotation.StringRes
|
|
import androidx.compose.foundation.layout.Arrangement
|
|
import androidx.compose.foundation.layout.Column
|
|
import androidx.compose.foundation.layout.Row
|
|
import androidx.compose.foundation.layout.Spacer
|
|
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.layout.wrapContentWidth
|
|
import androidx.compose.foundation.rememberScrollState
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.foundation.text.KeyboardActions
|
|
import androidx.compose.foundation.text.KeyboardOptions
|
|
import androidx.compose.foundation.verticalScroll
|
|
import androidx.compose.material3.Icon
|
|
import androidx.compose.material3.MaterialTheme
|
|
import androidx.compose.material3.Surface
|
|
import androidx.compose.material3.Switch
|
|
import androidx.compose.material3.Text
|
|
import androidx.compose.material3.TextField
|
|
import androidx.compose.runtime.Composable
|
|
import androidx.compose.runtime.getValue
|
|
import androidx.compose.runtime.mutableStateOf
|
|
import androidx.compose.runtime.remember
|
|
import androidx.compose.runtime.setValue
|
|
import androidx.compose.ui.Alignment
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.focus.FocusDirection
|
|
import androidx.compose.ui.platform.LocalFocusManager
|
|
import androidx.compose.ui.res.dimensionResource
|
|
import androidx.compose.ui.res.painterResource
|
|
import androidx.compose.ui.res.stringResource
|
|
import androidx.compose.ui.text.font.FontWeight
|
|
import androidx.compose.ui.text.input.ImeAction
|
|
import androidx.compose.ui.text.input.KeyboardType
|
|
import androidx.compose.ui.tooling.preview.Preview
|
|
import androidx.compose.ui.unit.dp
|
|
import com.example.tiptime.ui.theme.TipTimeTheme
|
|
import java.text.NumberFormat
|
|
|
|
class MainActivity : ComponentActivity() {
|
|
override fun onCreate(savedInstanceState: Bundle?) {
|
|
super.onCreate(savedInstanceState)
|
|
setContent {
|
|
TipTimeTheme {
|
|
// A surface container using the 'background' color from the theme
|
|
Surface(
|
|
modifier = Modifier.fillMaxSize(),
|
|
color = MaterialTheme.colorScheme.background
|
|
) {
|
|
TipTimeLayout()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun TipTimeLayout() {
|
|
var amountInput by remember { mutableStateOf("") }
|
|
var tipInput by remember { mutableStateOf("") }
|
|
var roundUp by remember { mutableStateOf(false) }
|
|
|
|
val amount = amountInput.toDoubleOrNull() ?: 0.0
|
|
val tipPercent = tipInput.toDoubleOrNull() ?: 0.0
|
|
val tip = calculateTip(amount, tipPercent, roundUp)
|
|
|
|
val focusManager = LocalFocusManager.current
|
|
|
|
Column(
|
|
modifier = Modifier
|
|
.padding(40.dp)
|
|
.verticalScroll(rememberScrollState()),
|
|
horizontalAlignment = Alignment.CenterHorizontally,
|
|
verticalArrangement = Arrangement.Center
|
|
) {
|
|
val largePadding = dimensionResource(R.dimen.padding_large)
|
|
|
|
Text(
|
|
text = stringResource(R.string.calculate_tip),
|
|
modifier = Modifier
|
|
.padding(bottom = dimensionResource(R.dimen.padding_medium))
|
|
.align(alignment = Alignment.Start)
|
|
)
|
|
EditNumberField(
|
|
label = R.string.bill_amount,
|
|
leadingIcon = R.drawable.money,
|
|
keyboardOptions = KeyboardOptions.Default.copy(
|
|
keyboardType = KeyboardType.Number,
|
|
imeAction = ImeAction.Next
|
|
),
|
|
keyboardActions = KeyboardActions(
|
|
onNext = { focusManager.moveFocus(FocusDirection.Down) }
|
|
),
|
|
value = amountInput,
|
|
onValueChanged = { amountInput = it },
|
|
modifier = Modifier.padding(bottom = largePadding).fillMaxWidth(),
|
|
)
|
|
EditNumberField(
|
|
label = R.string.how_was_the_service,
|
|
leadingIcon = R.drawable.percent,
|
|
keyboardOptions = KeyboardOptions.Default.copy(
|
|
keyboardType = KeyboardType.Number,
|
|
imeAction = ImeAction.Done
|
|
),
|
|
keyboardActions = KeyboardActions(
|
|
onDone = { focusManager.clearFocus() }
|
|
),
|
|
value = tipInput,
|
|
onValueChanged = { tipInput = it },
|
|
modifier = Modifier.padding(bottom = largePadding).fillMaxWidth(),
|
|
)
|
|
RoundTheTipRow(
|
|
roundUp = roundUp,
|
|
onRoundUpChanged = { roundUp = it },
|
|
modifier = Modifier.padding(bottom = largePadding)
|
|
)
|
|
Text(
|
|
text = stringResource(R.string.tip_amount, tip),
|
|
style = MaterialTheme.typography.displaySmall
|
|
)
|
|
Spacer(modifier = Modifier.height(150.dp))
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun EditNumberField(
|
|
@StringRes label: Int,
|
|
@DrawableRes leadingIcon: Int,
|
|
keyboardOptions: KeyboardOptions,
|
|
keyboardActions: KeyboardActions,
|
|
value: String,
|
|
onValueChanged: (String) -> Unit,
|
|
modifier: Modifier = Modifier
|
|
) {
|
|
val mediumPadding = dimensionResource(R.dimen.padding_medium)
|
|
TextField(
|
|
value = value,
|
|
singleLine = true,
|
|
leadingIcon = { Icon(painter = painterResource(id = leadingIcon), null) },
|
|
modifier = modifier,
|
|
shape = RoundedCornerShape(topStart = mediumPadding, topEnd = mediumPadding),
|
|
onValueChange = onValueChanged,
|
|
label = { Text(stringResource(label)) },
|
|
keyboardOptions = keyboardOptions,
|
|
keyboardActions = keyboardActions
|
|
)
|
|
}
|
|
|
|
@Composable
|
|
fun RoundTheTipRow(
|
|
roundUp: Boolean,
|
|
onRoundUpChanged: (Boolean) -> Unit,
|
|
modifier: Modifier = Modifier
|
|
) {
|
|
Row(
|
|
modifier = modifier
|
|
.fillMaxWidth()
|
|
.size(48.dp),
|
|
) {
|
|
Text(text = stringResource(R.string.round_up_tip))
|
|
Switch(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.wrapContentWidth(Alignment.End),
|
|
checked = roundUp,
|
|
onCheckedChange = onRoundUpChanged
|
|
)
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Calculates the tip based on the user input and format the tip amount
|
|
* according to the local currency.
|
|
* Example would be "$10.00".
|
|
*/
|
|
private fun calculateTip(amount: Double, tipPercent: Double = 15.0, roundUp: Boolean): String {
|
|
var tip = tipPercent / 100 * amount
|
|
if (roundUp) {
|
|
tip = kotlin.math.ceil(tip)
|
|
}
|
|
return NumberFormat.getCurrencyInstance().format(tip)
|
|
}
|
|
|
|
@Preview(showBackground = true)
|
|
@Composable
|
|
fun TipTimeLayoutPreview() {
|
|
TipTimeTheme {
|
|
TipTimeLayout()
|
|
}
|
|
}
|