Question

我刚刚写了这一切，我被这个小红条告诉我不能发布图片，或者两个以上的链接。所以，如果你可以参考this Imgur album，那就太好了。谢谢。

我在这里比较新，甚至更新的android编程。我正在尝试编写一个强调视觉吸引力而非功能性吸引力的应用。这不是作业或工作相关，而是我想尝试的东西。

所以我遇到了障碍。在不同的仿真器和设备中，我正在与一些TextView框的布局进行争论。我一直在阅读this，但它有点长，似乎没有解决我的问题，老实说，它只是在我头上。

所以这是我的问题。

我有一些TextView框，我在XML中使用了layout属性，在设计窗口中使用了Android工作室中的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）

它更好但不完全。理想情况下，单词应该留在我所做的馅饼切片中的一个位置。我一直在环顾四周，但似乎没有什么特别的，因为我是这方面的初学者，我似乎无法从人们对其他问题的答案中推断出来，这些问题可能类似但不完全像这种情况。

如果有人能向我解释如何解决这个问题，或者指出我正确的方向，我将非常感激。谢谢。

Answer 1

您可以使用@dimen个不同的dimen文件，以便不同的屏幕尺寸具有不同的字体大小。

android:textSize="@dimen/text_28"

将dimen值放在不同的目录中：

RES /值/ dimen.xml

<dimen name="text_28">28sp</dimen>

RES /值-为600dp / dimen.xml

<dimen name="text_28">22sp</dimen>

等

您必须使用不同的字体大小和屏幕尺寸，但您应该能够找到有效的内容。

http://developer.android.com/training/multiscreen/screensizes.html#TaskUseSizeQuali

此页面显示了一些常用的设备指标： https://design.google.com/devices/

Android相对布局和不同的屏幕尺寸/设备

1 个答案: