如何实现重叠卡在android喷气背包组成一个卡倾斜一点,使用户可以知道有一个下面的卡?

0kjbasz6  于 2023-06-27  发布在  Android
关注(0)|答案(1)|浏览(96)

我试着把卡片重叠在一起。有两张卡,卡1卡2。因此,我想将它们彼此重叠,这样用户就知道Card2Card1下方,因此我想将Card2倾斜到两侧。我写了下面的代码,但它只显示Card2。MainActivity.kt

  1. class MainActivity : ComponentActivity() {
  2. override fun onCreate(savedInstanceState: Bundle?) {
  3. super.onCreate(savedInstanceState)
  4. setContent {
  5. OverlappingCardsTheme {
  6. // A surface container using the 'background' color from the theme
  7. Surface(
  8. modifier = Modifier.fillMaxSize(),
  9. color = MaterialTheme.colorScheme.background
  10. ) {
  11. OverlappingCards()
  12. }
  13. }
  14. }
  15. }
  16. }
  17. @Composable
  18. fun OverlappingCards(){
  19. Box(modifier = Modifier.fillMaxSize()){
  20. Card(
  21. modifier = Modifier
  22. .size(200.dp, 300.dp)
  23. .offset(40.dp, 40.dp),
  24. elevation = CardDefaults.cardElevation(
  25. defaultElevation = 10.dp)
  26. ) {
  27. // Content of the first card
  28. Text(text = "Hello Card1")
  29. }
  30. Card(
  31. modifier = Modifier
  32. .size(200.dp, 300.dp)
  33. .offset(40.dp, 40.dp),
  34. elevation = CardDefaults.cardElevation(
  35. defaultElevation = 10.dp)
  36. ) {
  37. // Content of the first card
  38. Text(text = "Hello Card2")
  39. }
  40. }
  41. }
  42. @Preview(showBackground = true)
  43. @Composable
  44. fun GreetingPreview() {
  45. OverlappingCardsTheme {
  46. }
  47. }
ldxq2e6h

ldxq2e6h1#

将旋转修改器添加到您的一张牌修改器:

  1. Card(
  2. modifier = Modifier
  3. .size(200.dp, 300.dp)
  4. .offset(40.dp, 40.dp)
  5. .rotate(10f)
  6. ...
  7. )

我也会稍微增加在顶部卡的海拔,使它更容易脱颖而出,但取决于您的用户界面

相关问题