布局android插入图像和文本字段

时间:2015-08-08 17:22:34

标签: android android-layout

如何为简单的Android应用程序实现以下布局。我有可绘制文件的图像,大小为144 X 144像素。

enter image description here

要实现布局,我尝试使用表格布局,但我并不特别关注任何布局,但以下是我的代码。

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:tools="http://schemas.android.com/tools"
         android:orientation="vertical"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:id="@+id/table_view">

<TableRow
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:gravity="center_horizontal"
        android:layout_span="3">

    <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="Heading"/>
</TableRow>
<TableRow>
    <Button
            android:id="@+id/compliment_button"
            android:background="@drawable/imgOne"/>
    <Button
            android:id="@+id/feedback_button"
            android:background="@drawable/imgTwo"/>
</TableRow>
<TableRow>
    <Button
            android:id="@+id/subscribe_button"
            android:background="@drawable/imgThree"/>
</TableRow>
<TableRow
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:gravity="center_horizontal"
        android:layout_span="3">

    <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="New Layout"/>
</TableRow>

使用此代码我得到以下布局。我不知道自己做错了什么。此外,图像尺寸小于其正常尺寸。我有ldpimdpixdpixhdp可绘制文件夹,所有这些文件夹都有144x144像素。

enter image description here

感谢您的提前帮助

1 个答案:

答案 0 :(得分:0)

试试这段代码。您没有在第三个表行中提到任何按钮而忘记应用权重属性。在这段代码中我添加了一个按钮,重量属性和一些余量。您可以根据自己的要求提供保证金dp。

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/table_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_span="3"
            android:gravity="center" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:text="Heading" />
        </TableRow>

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/compliment_button"
                android:layout_marginRight="20dp"
                android:layout_weight="1"
                android:background="@drawable/imgOne" />

            <Button
                android:id="@+id/feedback_button"
                android:layout_weight="1"
                android:background="@drawable/imgTwo" />
        </TableRow>

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/imgOne"
            android:layout_marginTop="10dp" >

            <Button
                android:id="@+id/subscribe_button"
                android:layout_weight="1"
                android:layout_marginRight="20dp"
                android:background="@drawable/imgThree" />

            <Button
                android:id="@+id/yourButton4"
                android:layout_weight="1"
                android:background="@drawable/imgThree" />
        </TableRow>

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_span="3"
            android:gravity="center_horizontal" >

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:text="New Layout" />
        </TableRow>

    </TableLayout>