Android RelativeLayout中的不同GUI分辨率

时间:2011-03-31 11:43:44

标签: android android-layout relativelayout

我对android中的不同分辨率有疑问。我在RelativeLayout中编写了一个xml GUI文件。我创建了小图片,旁边的图片我想要textview。当我改变分辨率,文本视图“文本”移动时,我的问题就出现了,我担心这会在不同的分辨率下看起来很糟糕。

我现在所做的,例如我创建一个图像,右边我创建了一个文本视图,这个textview在另一个图像下面,例如19像素。 但是如果我改变分辨率,那么19个像素的距离就可以很大或者很低,并且texview中的文本将显示在屏幕上的错误位置。

如何使用不同的分辨率克服此问题,并使用RealtiveLayout创建GUI,以定义像素的距离。通常我希望不同文本视图之间的距离大约为20像素,如下面的代码所示。

这是我的示例代码:

<?xml version="1.0" encoding="utf-8"?>
      <ScrollView android:id="@+id/ScrollView01"
        xmlns:android="http://schemas.android.com/apk/res/android" 
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        >

      <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:stretchColumns="1"
       android:weightSum="1.0"
       android:background="#adaeb5">


       <TextView android:text="@+id/TextView03" android:id="@+id/TextView03"

       android:layout_width="wrap_content" android:layout_height="wrap_content"
       android:layout_centerHorizontal="true" 
                android:textStyle="bold"
                android:textSize="21dp"
                android:shadowDy="1.5"
                android:textColor="#FFFFFF"
                android:shadowColor="#212421"
                android:shadowRadius="1.5"
                android:shadowDx="1.5"/>

   <ImageView android:id="@+id/ImageView01"

       android:layout_width="wrap_content" android:layout_height="wrap_content"
       android:layout_below="@+id/TextView03" android:paddingTop="35px"


 />


       <ImageView android:id="@+id/ImageView02"

       android:layout_width="wrap_content" android:layout_height="wrap_content"
       android:layout_below="@+id/ImageView01" android:paddingTop="20px"

 />

       <ImageView android:id="@+id/ImageView03"

       android:layout_width="wrap_content" android:layout_height="wrap_content"
       android:layout_below="@+id/ImageView02" android:paddingTop="20px"

 />
   <ImageView android:id="@+id/ImageView04"

       android:layout_width="wrap_content" android:layout_height="wrap_content"
       android:layout_below="@+id/ImageView03" android:paddingTop="20px"

 />


       <TextView android:text="@+id/TextView01" android:id="@+id/TextView01"
        android:shadowDy="1.0"
        android:shadowColor="#bdbebd"
        android:shadowRadius="1.0"
        android:shadowDx="1.0"
       android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#212421"
       android:layout_toRightOf="@+id/ImageView01" android:layout_below="@+id/TextView03" android:paddingTop="36px"/>

       <TextView android:text="@+id/TextView02" android:id="@+id/TextView02"
        android:shadowDy="1.0"
        android:shadowColor="#bdbebd"
        android:shadowRadius="1.0"
        android:shadowDx="1.0"
       android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#212421"
       android:layout_below="@+id/TextView01" android:layout_toRightOf="@+id/ImageView02" android:paddingTop="25px"/>

       <TextView android:text="@+id/TextView04" android:id="@+id/TextView04"
        android:shadowDy="1.0"
        android:shadowColor="#bdbebd"
        android:shadowRadius="1.0"
        android:shadowDx="1.0"
       android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#212421"
       android:layout_below="@+id/TextView02" android:layout_toRightOf="@+id/ImageView03" android:paddingTop="15px"/>

       <TextView android:text="@+id/TextView05" android:id="@+id/TextView05"
        android:shadowDy="1.0"
        android:shadowColor="#bdbebd"
        android:shadowRadius="1.0"
        android:shadowDx="1.0" 
       android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#212421"
       android:layout_below="@+id/TextView04" android:layout_toRightOf="@+id/ImageView04" android:paddingTop="19px"/>



       <TextView android:text="@+id/TextView07" android:id="@+id/TextView07"
                android:textStyle="bold"
                android:textSize="21dp"
                android:shadowDy="1.5"
                android:textColor="#FFFFFF"
                android:shadowColor="#212421"
                android:shadowRadius="1.5"
                android:shadowDx="1.5"
       android:layout_width="wrap_content" android:layout_height="wrap_content"
       android:layout_centerHorizontal="true" android:layout_below="@+id/TextView05" android:paddingTop="30px"/>

       <TextView android:text="@+id/TextView08" android:id="@+id/TextView08"
        android:shadowDy="1.0"
        android:shadowColor="#bdbebd"
        android:shadowRadius="1.0"
        android:shadowDx="1.0"
        android:paddingLeft="20px"
        android:paddingRight="25px" 
       android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#212421" android:textSize="16dp"
       android:layout_below="@+id/TextView07" android:layout_toRightOf="@+id/ImageView05" android:paddingTop="20px" android:paddingBottom="20px"/>



       <Button android:id="@+id/help_button2" android:layout_below="@+id/TextView08"

       android:layout_width="wrap_content" android:layout_height="wrap_content"

       android:layout_centerHorizontal="true" android:text="Previous" />




      </RelativeLayout>
</ScrollView>

/ thx提前

1 个答案:

答案 0 :(得分:0)

在您撰写dp的任何地方更改px。这是由android本身支持和建议的....