我目前正在设计一个登录页面,但在使用圆角矩形时遇到了问题。我当前的布局看起来有点像这样:
它是一个圆角矩形,包含一个较小的圆角矩形。
如您所见,两个矩形的右边缘似乎合并了。但是,我想在两个矩形的边界之间保持恒定的距离,以获得更清晰的外观。有什么办法可以做到这一点吗?
我目前正在设计一个登录页面,但在使用圆角矩形时遇到了问题。我当前的布局看起来有点像这样:
它是一个圆角矩形,包含一个较小的圆角矩形。
如您所见,两个矩形的右边缘似乎合并了。但是,我想在两个矩形的边界之间保持恒定的距离,以获得更清晰的外观。有什么办法可以做到这一点吗?
EditText
你可能想在 XML 中尝试一下layout_marginRight
。
如果您的外部矩形是outerRect
并且已经包含坐标,那么您可以设置内部矩形的边界相对于outerRect
的边界。
Rect innnerRect = new Rect(outerRect.left+5, outerRect.top+5,
outerRect.right-5, outerRect.bottom-5);
您还可以将图像设为 9-patch drawable。将内部矩形区域的中间定义为可拉伸的。
为了做到这一点,矩形需要在每个角上具有相同的半径。
如果外部矩形的角有 10dp 的半径,则内部矩形也应该有 10dp 的半径。
编辑:
您还需要在内部矩形的顶部、底部和右侧具有相同的填充/边距。检查您的边距和填充,以便它们加起来相同的值。