2016-11-11 32 views
1

我试图实现虚拟UI ID卡看起来就像所有设备上的卡。我将需要4行和3列。我也希望宽度大约是身高的两倍(2:1的比例)。实现一个固定大小的虚拟UI卡

1)我考虑的边框布局。但它似乎跨越整个屏幕大小。很快我的卡片宽度就像高度的5倍。所以这没有视觉效果。我怀疑Gridlayout会遭遇类似的问题。

2)I中使用的表的布局(4×3)。我试图使用填充/边距,它看起来像外观&卡的UI感觉很快在平板电脑上看起来不成比例,而在手机上看起来不错,因为手机似乎自然具有与卡类似的宽度。

3)我试图指定widthPercentage宽度百分比如放在桌子上的UI的约束。这种方法再次受到类似问题的困扰。由于在较小的手机上,我不得不删除小额利润率,但在大型平板电脑上我可能需要更大的利润。这可能会很快成为正确/测试的难题。

我现在想尝试采取以下方法之一:

1)我不知道是否有指定基于字符数的文本字段宽度的方式。例如,当发卡日期在平板电脑上增长时,它可以容纳10个字符,我希望它只适合年份(年)和年份(yyyy)的4个字符。有没有办法做到这一点?

2)我可以告诉英寸或毫米屏幕宽度?我可以实现一个函数来尝试和缩放不同屏幕尺寸的填充/边距。

我明白任何反馈。

回答