Question

我一直在我们的Android应用程序中使用Google材料设计的底部对话框。底部工作表是在Google材质设计库中为Android实现的。在同一行中，是否有任何库提供右图所示的材料设计的莫代尔侧板。（https://material.io/design/components/sheets-side.html#modal-side-sheet）？

Answer 1

我已经使用DrawerLayout解决了这个问题。这可能是一个hack，但它按我的预期工作。像导航抽屉一样，我在“活动”布局的右侧定义了DrawerLayout并将片段放入其中。而且我已使用DrawerLayout锁定了setDrawerLockMode()的手势。现在它正在按预期工作。

Answer 2

只需在CSS下方添加它即可正常工作

.mdc-drawer--modal, .mdc-drawer--modal{
  left: initial;
  right: 0;
}
.mdc-drawer--animate, .mdc-drawer--animate{
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.mdc-drawer--opening, .mdc-drawer--opening{
  -webkit-transform: translateX(0);
      transform: translateX(0);
}
.mdc-drawer--closing, .mdc-drawer--closing{
  -webkit-transform: translateX(100%);
      transform: translateX(100%);
}

我们如何实现一个模态对话框，该模态对话框像底部对话框一样从右向右粘贴？

2 个答案: