2016-11-11 42 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)我可以告訴英寸或毫米屏幕寬度?我可以實現一個函數來嘗試和縮放不同屏幕尺寸的填充/邊距。

我明白任何反饋。

回答