Android:以XML显示的设计未在UI中反映出来

时间:2015-10-13 13:14:52

标签: java android xml android-layout

我正在开发一个Android应用程序,我在该应用程序中显示应用程序的注释。我之前面临的问题是,当我为noteImage指定180X180DP的大小时,图像的右侧被切断了。所以我指定了match_parent。

当我这样做时,XML预览会正确显示它,但是当我运行应用程序时,文本在图像的下方和外部,图像也向下移动,标题(主题)向上移动。查看下面的屏幕截图:

How image is messed up

我想做的是下面的内容,只有2列,我正在使用GridView并指定columns = 2;但方形图像。我已经在代码中将List指定为GridView。 enter image description here

显示布局的XML文件。:

<?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="wrap_content"
    android:orientation="horizontal"
    android:padding="2.5dip" >

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/noteImage"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />
        <TextView
            android:id="@+id/noteTag"
            android:layout_width="match_parent"
            android:layout_height="26dp"
            android:visibility="visible"
            android:gravity="center"
            android:layout_gravity="center_horizontal|top"
            android:maxLines="1"
            android:ellipsize="end"
            android:scrollHorizontally="true"
            android:layout_marginTop="2dp" />

        <TextView
            android:layout_width="165dp"
            android:layout_height="140dp"
            android:id="@+id/noteText"
            android:layout_gravity="center_horizontal|bottom"
            android:layout_marginBottom="10dp"
            android:layout_marginTop="30dp" />
    </FrameLayout>
</RelativeLayout>

请让我知道我能做些什么。非常感谢。 : - )

更新了XML

<?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="wrap_content"
    android:orientation="horizontal"
    android:padding="2.5dip" >

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
     <!--   <ImageView
            android:id="@+id/noteImage"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />-->
        <TextView
            android:id="@+id/noteTag"
            android:layout_width="match_parent"
            android:layout_height="37dp"
            />

        <TextView
            android:layout_width="200dp"
            android:layout_height="178dp"
            android:id="@+id/noteText"
            />
    </FrameLayout>
</RelativeLayout>

更新了屏幕截图:http://postimg.org/image/mgmzca8nx/

1 个答案:

答案 0 :(得分:2)

在TextView上使用android:background="@drawable/your_drawable"android:background="@color/your_color"

这样的事情:

<TextView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:background="@color/magenta"
   android:padding="16dp"/>