【发布时间】:2018-12-06 10:12:16
【问题描述】:
您好,我正在尝试开发类似 Google pay 的 UI,您可以在下面找到参考图片
(靠近 Pay 标志的那种缺口部分)
但我不知道如何实现它,请有人提供参考或代码来创建它
我有一个布局,直到那个蓝色部分里面有一个图表,现在我需要像这样开发下面的部分,你可以在下面找到我的 UI 设计
您的帮助将不胜感激!谢谢!
【问题讨论】:
-
看起来像
9-patch背景。 -
使用 cardView 并获得拐角半径的好处。然后将您的 cardView 与其他布局重叠
-
这可能是一个图像视图。
-
带凹槽的矩形是自定义视图。缺口的大小等于 Gpay 图标的大小 + 边距。我是 customviews 的新手,到目前为止,我还不能削减水平。
-
是的,类似这样,我创建了一个带有半径的卡片视图,并将其放置在一个 LinearLayout 内,然后在其下方创建另一个 LinearLayout 并为其添加颜色,然后给 cardview 一个高度的一半的边距卡视图,所以卡视图去了线性布局的一半,现在它看起来像一个缺口!感谢@RahulKhurana 的建议