文本边距无法在不同屏幕上正确显示

时间:2012-07-09 08:45:27

标签: android text screens

当我在一个Android设备上工作并设置文本的marginLeft时,它看起来不错。 然后我连接另一台设备,边缘被搞砸....

如何确保所有Android设备上的文本(以及按钮大小)都正确显示。

顺便说一句,是的,我已经在使用'dp'

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">

          <ImageView 
              android:id="@+id/speler_image"
              android:layout_width="fill_parent"
              android:layout_height="159dp"
              android:layout_marginTop="0dp" />

          <ImageView 
              android:id="@+id/speler_infoblock"
              android:src="@drawable/playerinfoblock"
              android:layout_width="fill_parent"
              android:layout_height="107dp"
              android:scaleType="fitXY"
              android:layout_marginTop="159dp" />

                          <TextView
                              android:text="Positie:"
                              android:textSize="17dp" 
                              android:textColor="#0096d6"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="180dp"
                              android:layout_marginLeft="15dp" />

                          <TextView
                              android:id="@+id/spelerPositie"
                              android:text="0"
                              android:textSize="32dp" 
                              android:textColor="#01428b"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="210dp"
                              android:layout_alignParentRight="true"
                              android:paddingRight="330dp" />

                          <TextView
                              android:text="Score:"
                              android:textSize="16dp" 
                              android:textColor="#0096d6"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="180dp"
                              android:layout_marginLeft="100dp" />

                          <TextView
                              android:id="@+id/spelerScore"
                              android:text="0"
                              android:textSize="16dp" 
                              android:textColor="#01428b"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="180dp"
                              android:layout_alignParentRight="true"
                              android:paddingRight="160dp" />

                          <TextView
                              android:text="Dagscore:"
                              android:textSize="16dp" 
                              android:textColor="#0096d6"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="230dp"
                              android:layout_marginLeft="100dp" />

                          <TextView
                              android:id="@+id/spelerDagscore"
                              android:text="0"
                              android:textSize="16dp" 
                              android:textColor="#01428b"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="230dp"
                              android:layout_alignParentRight="true"
                              android:paddingRight="160dp" />

                          <TextView
                              android:text="Hole:"
                              android:textSize="16dp" 
                              android:textColor="#0096d6"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="180dp"
                              android:layout_marginLeft="280dp" />

                          <ImageView
                              android:src="@drawable/holeround"
                              android:layout_width="45dp"
                              android:layout_height="44dp"
                              android:layout_marginTop="170dp"
                              android:layout_alignParentRight="true"
                              android:paddingRight="7dp" />

                          <TextView
                              android:id="@+id/spelerHole"
                              android:text="0"
                              android:textSize="24dp" 
                              android:textColor="#000000"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="175dp"
                              android:layout_alignParentRight="true"
                              android:paddingRight="14dp" />

                          <ImageView
                              android:id="@+id/plaatsReactie"
                              android:src="@drawable/plaats_reactie"
                              android:layout_width="149dp"
                              android:layout_height="42dp"
                              android:scaleType="fitXY"
                              android:layout_marginTop="224dp"
                              android:layout_alignParentRight="true" />

                          <TextView
                              android:text="Plaats reactie"
                              android:textSize="15dp" 
                              android:textColor="#0096d6"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="233dp"
                              android:layout_marginLeft="306dp" />

          <LinearLayout 
              android:background="#034489"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_marginTop="266dp" />

                           <ImageView
                              android:id="@+id/clickBiografie"
                              android:layout_width="100dp"
                              android:layout_height="47dp"
                              android:scaleType="fitXY"
                              android:layout_marginTop="266dp"
                              android:layout_marginLeft="0dp" />

                          <TextView
                              android:text="Biografie"
                              android:textSize="17dp" 
                              android:textColor="#FFF"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="278dp"
                              android:layout_marginLeft="14dp" />

                           <ImageView
                              android:id="@+id/clickScore"
                              android:layout_width="100dp"
                              android:layout_height="47dp"
                              android:scaleType="fitXY"
                              android:layout_marginTop="266dp"
                              android:layout_marginLeft="100dp" />

                          <TextView
                              android:text="Score"
                              android:textSize="17dp" 
                              android:textColor="#FFF"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="278dp"
                              android:layout_marginLeft="127dp" />

                           <ImageView
                              android:id="@+id/clickReacties"
                              android:layout_width="100dp"
                              android:layout_height="47dp"
                              android:scaleType="fitXY"
                              android:layout_marginTop="266dp"
                              android:layout_marginLeft="200dp" />

                          <TextView
                              android:text="Reacties"
                              android:textSize="17dp" 
                              android:textColor="#FFF"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="278dp"
                              android:layout_marginLeft="220dp" />

                           <ImageView
                              android:id="@+id/clickTwitter"
                              android:layout_width="100dp"
                              android:layout_height="47dp"
                              android:scaleType="fitXY"
                              android:layout_marginTop="266dp"
                              android:layout_marginLeft="300dp" />

                          <TextView
                              android:text="Twitter"
                              android:textSize="17dp" 
                              android:textColor="#FFF"
                              android:layout_width="wrap_content"
                              android:layout_height="wrap_content"
                              android:layout_marginTop="278dp"
                              android:layout_marginLeft="324dp" />


          <RelativeLayout
              android:id="@+id/biografieLayout"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_marginTop="313dp">

              <ImageView
                  android:src="@drawable/hole_infoline"
                  android:layout_width="375dp"
                  android:layout_height="5dp"
                  android:layout_marginTop="40dp"
                  android:layout_marginLeft="20dp" />

              <TextView
                  android:text="Country"
                  android:textSize="16dp" 
                  android:textColor="#0096d6"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="10dp"
                  android:layout_marginLeft="25dp" />

              <TextView
                  android:id="@+id/countryText"
                  android:textSize="16dp" 
                  android:textColor="#FFF"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="10dp"
                  android:layout_marginLeft="160dp" />

              <ImageView
                  android:src="@drawable/hole_infoline"
                  android:layout_width="375dp"
                  android:layout_height="5dp"
                  android:layout_marginTop="80dp"
                  android:layout_marginLeft="20dp" />

              <TextView
                  android:text="Date of Birth"
                  android:textSize="16dp" 
                  android:textColor="#0096d6"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="50dp"
                  android:layout_marginLeft="25dp" />

              <TextView
                  android:id="@+id/dobText"
                  android:textSize="16dp" 
                  android:textColor="#FFF"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="50dp"
                  android:layout_marginLeft="160dp" />

              <ImageView
                  android:src="@drawable/hole_infoline"
                  android:layout_width="375dp"
                  android:layout_height="5dp"
                  android:layout_marginTop="120dp"
                  android:layout_marginLeft="20dp" />

              <TextView
                  android:text="Height / Weight"
                  android:textSize="16dp" 
                  android:textColor="#0096d6"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="90dp"
                  android:layout_marginLeft="25dp" />

              <TextView
                  android:id="@+id/heightweightText"
                  android:textSize="16dp" 
                  android:textColor="#FFF"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="90dp"
                  android:layout_marginLeft="160dp" />

              <ImageView
                  android:src="@drawable/hole_infoline"
                  android:layout_width="375dp"
                  android:layout_height="5dp"
                  android:layout_marginTop="160dp"
                  android:layout_marginLeft="20dp" />

              <TextView
                  android:text="Turned Pro"
                  android:textSize="16dp" 
                  android:textColor="#0096d6"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="130dp"
                  android:layout_marginLeft="25dp" />

              <TextView
                  android:id="@+id/turnedProText"
                  android:textSize="16dp" 
                  android:textColor="#FFF"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="130dp"
                  android:layout_marginLeft="160dp" />

          </RelativeLayout>


          <RelativeLayout
              android:id="@+id/scoreLayout"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_marginTop="313dp">

          </RelativeLayout>


          <RelativeLayout
              android:id="@+id/reactiesLayout"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_marginTop="313dp">

          </RelativeLayout>


          <ScrollView
              android:id="@+id/twitterLayout"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_marginTop="313dp">

          </ScrollView>


</RelativeLayout>

1 个答案:

答案 0 :(得分:0)

您只能通过测试确定它是否正确显示。你可以通过eclipse进行一些预测试。如果你在eclipse中打开xml,你可以点击“图形布局”,然后你就可以改变你预览的手机(屏幕尺寸)。

如果您希望布局占据屏幕的百分比,请使用linearlayout作为父级,并使用权重来定义视图应占屏幕的百分比。

你说你的边距有问题,这没有任何意义,因为边距将是你定义它们的。所以我假设你的说法你不能让所有东西都能正确对齐你想要它...如果是这种情况你应该使用某种锚点然后相应地定义其他布局。例如,您可以在父视图中创建容器视图(线性/相对等),并使该容器居中。