Briefly describe your project and its purpose. Mention key technologies used and the main problem it solves.
- Adaptive UI: Utilizes SDP (Scalable Density Pixels) and SSP (Scalable Size Pixels) to ensure UI elements scale appropriately across different screen densities.
- Responsive Layout: Uses Material 3's WindowSizeClass to dynamically adjust layout and UI components based on screen size and orientation.
- Dynamic Data Presentation: Adapts view groups and data presentation based on available space, ensuring optimal user experience across devices.
- Jetpack Compose
- Material 3 Window Class
- [SDP](https://github.com/intuit/sdp (Scalable Density Pixels)
- [SSP](https://github.com/intuit/ssp (Scalable Size Pixels)
@Composable
fun ProfileVerticalHorizantal(
// the data
// user: User
) {
BoxWithConstraints(modifier = Modifier.padding(16.dp)) {
when (this.maxWidth) {
in (0.dp..400.dp) -> {
// VerticalProfile(user)
}
in (401.dp..900.dp) -> {
// HorizontalProfile(user)
}
}
}
}
@Composable
fun ProfileCompatExpanded(
// user: User
) {
BoxWithConstraints(modifier = Modifier.padding(16.dp)) {
when (this.maxWidth) {
in (0.dp..600.dp) -> {
// CompactProfile(user)
}
in (601.dp..900.dp) -> {
// ExpandedProfile(user)
}
}
}
}