答案 0 :(得分:1)
您的对话框中有一些span {
display: inline-block;
font-size: 30px;
opacity: 0;
}
span:nth-child(1) {
transform: translateX(-15px);
}
span:nth-child(2) {
transform: translateX(-10px);
}
span:nth-child(3) {
transform: translateX(-5px);
}
span:nth-last-child(3) {
transform: translateX(5px);
}
span:nth-last-child(2) {
transform: translateX(10px);
}
span:nth-last-child(1) {
transform: translateX(15px);
}
,类似于<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<div class="text">Hello World</div>
和View
。当然,可以编写看起来像BottomAppBar
的自定义FloatingActionButton
,但使用原始内容会更容易。
您可以为对话框使用以下布局(我省略了按钮栏,因为我认为您已经知道可以使用View
来实现此目的):
BottomAppBar
有关样式LinearLayout
的更多信息,请参见developer documentation