Android相对布局和不同的屏幕尺寸/设备
我刚刚写了所有这些,这个红色的小条告诉我,我不能发布图片,或者两个以上的链接。所以如果你能提供参考,那就太好了。多谢各位 我在这里相对较新,甚至比android编程还新。我正在尝试写一个应用程序,它强调视觉吸引力而不是功能吸引力。这不是任务或工作,只是我想尝试一下 所以我遇到了一个障碍。在不同的模拟器和设备中,我一直在争论一些Android相对布局和不同的屏幕尺寸/设备,android,android-layout,textview,android-relativelayout,screen-size,Android,Android Layout,Textview,Android Relativelayout,Screen Size,我刚刚写了所有这些,这个红色的小条告诉我,我不能发布图片,或者两个以上的链接。所以如果你能提供参考,那就太好了。多谢各位 我在这里相对较新,甚至比android编程还新。我正在尝试写一个应用程序,它强调视觉吸引力而不是功能吸引力。这不是任务或工作,只是我想尝试一下 所以我遇到了一个障碍。在不同的模拟器和设备中,我一直在争论一些TextView框的布局。我一直在阅读,但它有点长,似乎并没有解决我的问题,老实说,这只是我的头 这是我的问题 我有一些TextView框,我使用了XML中的layout属
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个单词。但是当运行它的时候,它在Nexus5模拟器屏幕上看起来像这样(图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'dcenter
),它与设备的中心对齐,该中心为空,并使用它将其他视图与其中的文本对齐。这些就是结果
设计窗口Nexus4:(图4)
Nexus5模拟器:(图5)
HTC One m8:(图6)
好一些,但不太好。理想情况下,单词应该放在我做的派片中的一个地方。我一直在四处寻找,但似乎没有什么特别的,因为我是这方面的初学者,我似乎无法从人们对其他问题的回答中推断出类似但不太像这种情况的答案
如果有人能向我解释我如何解决这个问题,或者为我指出正确的方向,我将非常感激。谢谢。您可以使用
@dimen
不同的dimen文件,以便不同的屏幕大小具有不同的字体大小
android:textSize="@dimen/text_28"
在不同的目录中具有dimen值:
res/values/dimen.xml
<dimen name="text_28">28sp</dimen>
<dimen name="text_28">22sp</dimen>
28sp
res/values-600dp/dimen.xml
<dimen name="text_28">28sp</dimen>
<dimen name="text_28">22sp</dimen>
22sp
等等
你必须使用不同的字体大小和屏幕大小,但是你应该能够找到一些有用的东西
本页显示了一些流行的设备指标:
是饼图和图像吗?另一种可能的解决方法是在xml中创建一个ShapedRavable,并将其用作您的文字背景。如果您希望它适合所有设备,则不应使用绝对定位值,即
marginTop=“68dp”
,因为它们将根据设备的屏幕大小和分辨率而变化。您是否尝试过在不使用绝对尺寸的情况下对此进行破解?不,饼图是文本视图下图像视图
中的一组矢量可绘制路径。我不知道什么是绝对尺寸,什么是绝对尺寸的对立面:(谢谢你的回答,科里。经过一些考虑,我想我会将这些标题更改为SVG路径并设置它们。毕竟,这些标题在视觉上更具吸引力,并且没有真正的功能。如果这不起作用,我一定会尝试。非常感谢。不客气。SVG或自定义视图可能会工作得更好。祝你好运!