[英]Android relative layout and different screen sizes/devices
我刚刚写了所有这些,这个小红条告诉我我不能发布图片或两个以上的链接。 所以如果你能引用这张 Imgur 专辑,那就太好了。 谢谢你。
我在这里相对较新,甚至对 android 编程也较新。 我正在尝试编写一个强调视觉吸引力而不是功能吸引力的应用程序。 这与任务或工作无关,只是我想尝试的东西。
所以我遇到了障碍。 当在不同的模拟器和设备中时,我正在处理一些TextView
框的布局。 我一直在读这个,但它有点长,它似乎并没有解决我的问题,老实说,它只是在我的头上。
所以这是我的问题。
我有一些TextView
框,我在 XML 中使用了layout
属性,在 Android Studio 中带有 Nexus 4 模拟设备的设计窗口中,它看起来像这样(图 1)
代码如下所示:
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/anger"
android:id="@+id/angertv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_centerVertical="true"
android:layout_alignParentEnd="true"
android:layout_marginEnd="36dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/happiness"
android:id="@+id/happinesstv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_centerVertical="true"
android:layout_alignParentStart="true"
android:layout_marginStart="34dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/fear"
android:id="@+id/feartv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_marginTop="165dp"
android:layout_marginEnd="100dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/sadness"
android:id="@+id/sadnesstv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_alignParentBottom="true"
android:layout_alignParentStart="true"
android:layout_marginBottom="165dp"
android:layout_marginStart="66dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/surprise"
android:id="@+id/surprisetv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_alignParentTop="true"
android:layout_alignParentStart="true"
android:layout_marginTop="165dp"
android:layout_marginStart="60dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/disgust"
android:id="@+id/disgusttv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_alignParentBottom="true"
android:layout_alignParentEnd="true"
android:layout_marginBottom="165dp"
android:layout_marginEnd="74dp" />
我一直在使用父边框在设备屏幕上定位 6 个单词。 但是到了运行它的时候,它在 Nexus 5 模拟器屏幕上看起来像这样(图 2),而在实际的 HTC One m8 上,它看起来像这样(图 3)。
所以我尝试这样的事情:
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/center"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/anger"
android:id="@+id/angertv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_centerVertical="true"
android:layout_toEndOf="@+id/center"
android:layout_marginStart="70dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/happiness"
android:id="@+id/happinesstv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_centerVertical="true"
android:layout_toStartOf="@+id/center"
android:layout_marginEnd="67dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/fear"
android:id="@+id/feartv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_above="@+id/center"
android:layout_toEndOf="@+id/center"
android:layout_marginBottom="67dp"
android:layout_marginStart="30dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/sadness"
android:id="@+id/sadnesstv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_below="@+id/center"
android:layout_toStartOf="@+id/center"
android:layout_marginTop="68dp"
android:layout_marginEnd="12dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/surprise"
android:id="@+id/surprisetv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_above="@+id/center"
android:layout_toStartOf="@+id/center"
android:layout_marginBottom="67dp"
android:layout_marginEnd="10dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/disgust"
android:id="@+id/disgusttv"
android:textSize="28sp"
android:textStyle="bold"
android:typeface="serif"
android:textColor="#FFFFFF"
android:layout_below="@+id/center"
android:layout_toEndOf="@+id/center"
android:layout_marginTop="68dp"
android:layout_marginStart="16dp" />
我使用了一个额外的TextView
(ID'd center
),它与设备的中心对齐,它是空的,并使用它来将其他视图与其中的文本对齐。 这些是结果。
设计窗口 Nexus 4:(图 4)
Nexus 5 模拟器:(图 5)
HTC One m8:(图 6)
它更好但不完全。 理想情况下,这些词应该留在我制作的馅饼切片内的一个地方。 我一直在环顾四周,但似乎没有什么具体的,而且由于我是初学者,我似乎无法从人们对其他可能相似但不太像这种情况的问题的答案中推断出来。
如果有人可以向我解释我如何解决这个问题,或者为我指明正确的方向,我将不胜感激。 谢谢你。
您可以使用@dimen
不同的@dimen
文件,以便不同的屏幕大小将具有不同的字体大小。
android:textSize="@dimen/text_28"
在不同目录中具有维度值:
res/values/dimen.xml
<dimen name="text_28">28sp</dimen>
res/values-600dp/dimen.xml
<dimen name="text_28">22sp</dimen>
等等。
您将不得不尝试使用不同的字体大小和屏幕大小,但您应该能够找到可行的方法。
http://developer.android.com/training/multiscreen/screensizes.html#TaskUseSizeQuali
此页面显示了一些流行的设备指标: https : //design.google.com/devices/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.