Question

如何最小化图像视图左侧和右侧的间距？我的xml文件在图像的左侧和右侧显示了很多空间。我的屏幕看起来像这样：

我希望这样做：

如何减少图像左右两侧的间距？

<LinearLayout 

android:layout_width="match_parent"
android:layout_height="match_parent"

android:gravity="center"
android:orientation="horizontal" >

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:orientation="vertical" >

    <ImageView
         android:id="@+id/img1"
        android:layout_width="70dp"
        android:layout_height="80dp"
        android:contentDescription="@null"
        android:background="@drawable/imagebgborder"
        android:src="@drawable/ic_launcher" />

    <TextView
         android:id="@+id/txt1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="5dp"
        android:textStyle="bold"
        android:contentDescription="@null"
        android:text="@string/hello_world" />
</LinearLayout>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:orientation="vertical" >

    <ImageView
         android:id="@+id/img2"
        android:layout_width="70dp"
        android:layout_height="80dp"
        android:contentDescription="@null"
        android:background="@drawable/imagebgborder"
        android:src="@drawable/ic_launcher" />

    <TextView
         android:id="@+id/txt2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="5dp"
        android:contentDescription="@null"
        android:text="@string/hello_world" />
</LinearLayout>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

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

        android:layout_width="70dp"
        android:layout_height="80dp"
        android:contentDescription="@null"
        android:background="@drawable/imagebgborder"
        android:src="@drawable/ic_launcher" />

    <TextView
         android:id="@+id/txt3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="5dp"
        android:contentDescription="@null"
        android:text="@string/hello_world" />
</LinearLayout>
</LinearLayout>

Answer 1

我已经做过类似的事情并且成功地使用TableLayout而不是主要内容（你的3个项目）。 http://developer.android.com/reference/android/widget/TableLayout.html

更新代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="horizontal" >

    <!-- NEW LINEAR LAYOUT -->

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="horizontal"
        android:paddingLeft="5dp"
        android:paddingRight="5dp" >

        <!-- Your individual items go here -->

        <TableLayout
            android:id="@+id/tableLayoutPlacard"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:gravity="center_vertical" >

            <TableRow
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:gravity="center_horizontal"
                android:paddingLeft="5dp"
                android:paddingRight="5dp" >

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="vertical" >

                    <ImageView
                        android:id="@+id/img1"
                        android:layout_width="70dp"
                        android:layout_height="80dp"
                        android:background="#FFFFFF"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_launcher" />

                    <TextView
                        android:id="@+id/txt1"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginTop="5dp"
                        android:background="#FFFFFF"
                        android:contentDescription="@null"
                        android:gravity="center"
                        android:text="ITEM 1"
                        android:textStyle="bold" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="vertical" >

                    <ImageView
                        android:id="@+id/img1"
                        android:layout_width="70dp"
                        android:layout_height="80dp"
                        android:background="#FFFFFF"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_launcher" />

                    <TextView
                        android:id="@+id/txt1"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginTop="5dp"
                        android:background="#FFFFFF"
                        android:contentDescription="@null"
                        android:gravity="center"
                        android:text="ITEM 2"
                        android:textStyle="bold" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="vertical" >

                    <ImageView
                        android:id="@+id/img1"
                        android:layout_width="70dp"
                        android:layout_height="80dp"
                        android:background="#FFFFFF"
                        android:contentDescription="@null"
                        android:src="@drawable/ic_launcher" />

                    <TextView
                        android:id="@+id/txt1"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginTop="5dp"
                        android:background="#FFFFFF"
                        android:contentDescription="@null"
                        android:gravity="center"
                        android:text="ITEM 3"
                        android:textStyle="bold" />
                </LinearLayout>
            </TableRow>
        </TableLayout>
    </LinearLayout>

</LinearLayout>

如何减少屏幕左右两侧的空白？

1 个答案: