表格布局上的“ImageView 单元格宽度”问题答案

【问题标题】：Problems with "ImageView cell width" on tablelayout表格布局上的“ImageView 单元格宽度”问题
【发布时间】：2013-10-07 17:11:46
【问题描述】：

当托盘在表格布局的表格中插入一些图像时，我遇到了麻烦。

第一个图像视图扩展了它自己单元格的宽度，下一个图像扩展了行的其余部分

如何将行分成大小相等的五个单元格？

这是应用程序的快照

http://i41.tinypic.com/2dv77g6.png

这是xml布局的代码

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginRight="15dp"
        android:layout_marginTop="5dp"
        android:layout_weight="1"
        android:gravity="center_vertical|right"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/user"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:contentDescription="@string/ES_user"
            android:gravity="right"
            android:src="@drawable/user" />

        <TextView
            android:id="@+id/TextUser"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="@string/ES_user"
            android:textColor="#ffffff"
            android:textSize="16sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/User"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text=""
            android:textColor="#ffffff"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/TextLogout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="@string/ES_logout"
            android:textColor="#fc0505"
            android:textSize="16sp"
            android:textStyle="bold" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="5"
        android:gravity="center" >

        <TableLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center|center_horizontal"
            android:background="@drawable/roundcorners"
            android:paddingBottom="20dp"
            android:paddingLeft="30dp"
            android:paddingRight="30dp"
            android:paddingTop="20dp" >

            <TableRow android:layout_weight="1" >

                <ImageView
                    android:id="@+id/Logo"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center|center_horizontal"
                    android:layout_weight="0.5"
                    android:contentDescription="@string/ES_logo"
                    android:paddingRight="25dp"
                    android:src="@drawable/logotra" />

                <TableLayout
                    android:layout_width="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_weight="0.5" >

                    <TableRow android:layout_weight="1" >

                        <TextView
                            android:id="@+id/Textpatient"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="left"
                            android:layout_weight="1"
                            android:text="@string/ES_codpatient"
                            android:textColor="#000000"
                            android:textSize="15sp" />
                    </TableRow>

                    <TableRow
                        android:layout_width="wrap_content"
                        android:layout_weight="1" >

                     <EditText
                            android:id="@+id/TxtCodPatient"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:inputType="text" />
                    </TableRow>

                    <TableRow
                        android:layout_width="match_parent"
                        android:layout_marginBottom="10dp"
                        android:layout_marginTop="5dp"
                        android:layout_weight="1" >

                        <ImageView
                            android:id="@+id/ESlanguagebtn"
                            android:layout_width="wrap_content"
                            android:layout_marginRight="10dp"
                            android:layout_weight="0.166"
                            android:src="@drawable/esp" />

                        <ImageView
                            android:id="@+id/ENlanguagebtn"
                            android:layout_width="wrap_content"
                            android:layout_marginRight="10dp"
                            android:layout_weight="0.166"
                            android:src="@drawable/en" />

                        <ImageView
                            android:id="@+id/CATlanguagebtn"
                            android:layout_width="wrap_content"
                            android:layout_marginRight="10dp"
                            android:layout_weight="0.166"
                            android:src="@drawable/cat" />

                        <ImageView
                            android:id="@+id/GAlanguagebtn"
                            android:layout_width="wrap_content"
                            android:layout_marginRight="10dp"
                            android:layout_weight="0.166"
                            android:src="@drawable/ga" />

                        <ImageView
                            android:id="@+id/EUlanguagebtn"
                            android:layout_width="wrap_content"
                            android:layout_marginRight="10dp"
                            android:layout_weight="0.166"
                            android:src="@drawable/eusk" />

                        <ImageView
                            android:id="@+id/PTlanguagebtn"
                            android:layout_width="wrap_content"
                            android:layout_marginRight="10dp"
                            android:layout_weight="0.166"
                            android:src="@drawable/por" />
                    </TableRow>

                    <TableRow
                        android:layout_weight="1"
                        android:gravity="center" >

                        <Button
                            android:id="@+id/BtnStart"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_weight="0.5"
                            android:text="@string/ES_start" />
                    </TableRow>
                </TableLayout>
            </TableRow>
        </TableLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:layout_weight="1"
        android:gravity="center|right" >

        <TextView
            android:id="@+id/large_appname"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/ES_large_appname"
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:textStyle="bold" />
    </LinearLayout>

</LinearLayout>

【问题讨论】：

尝试将 android:stretchColumns="*" 添加到您的 TableView 中
尝试删除android:gravity="center_vertical|right"并将Linearlayout重力设置为android:gravity="left"。
@coelho 这会扩展白表以匹配屏幕尺寸，这对我不起作用:(
@GrIsHu 这个重力属性只会改变用户标题的对齐方式，谢谢
@Hanzo 除了将图像设置为src 之外，将其设置为background 的ImageView 为android:background="@drawable/user"。

标签： android

【解决方案1】：

尝试将您的 5 个国家/地区图像的布局设置如下：

当您为每个ImageView 赋予权重时，为了获得最佳结果，您必须将ImageView 的宽度指定为0dp。

将您的 5 个国家/地区代码替换为以下代码并结帐。

         <TableRow
                    android:layout_width="fill_parent"
                    android:layout_marginBottom="10dp"
                    android:layout_marginTop="5dp"
                    android:layout_weight="1" >
                    <ImageView
                        android:id="@+id/ESlanguagebtn"
                        android:layout_width="0dp"
                        android:layout_marginRight="10dp"
                        android:layout_weight="0.166"
                        android:background="@drawable/icon" />
                    <ImageView
                        android:id="@+id/ENlanguagebtn"
                        android:layout_width="0dp"
                        android:layout_marginRight="10dp"
                        android:layout_weight="0.166"
                        android:src="@drawable/icon" />
                    <ImageView
                        android:id="@+id/CATlanguagebtn"
                        android:layout_width="0dp"
                        android:layout_marginRight="10dp"
                        android:layout_weight="0.166"
                        android:src="@drawable/icon" />
                    <ImageView
                        android:id="@+id/GAlanguagebtn"
                        android:layout_width="0dp"
                        android:layout_marginRight="10dp"
                        android:layout_weight="0.166"
                        android:src="@drawable/icon" />
                    <ImageView
                        android:id="@+id/EUlanguagebtn"
                        android:layout_width="0dp"
                        android:layout_marginRight="10dp"
                        android:layout_weight="0.166"
                        android:src="@drawable/icon" />
                    <ImageView
                        android:id="@+id/PTlanguagebtn"
                        android:layout_width="0dp"
                        android:layout_marginRight="10dp"
                        android:layout_weight="0.166"
                        android:src="@drawable/icon" />
                </TableRow>

如果还有问题，请告诉我。

谢谢。

【讨论】：

嗨，这对我来说很好用，请您解释一下为什么需要为每个图像视图分配“0dp”？
LinearLayout 支持为单个子级分配权重。此属性为视图分配“重要性”值，并允许其扩展以填充父视图中的任何剩余空间。默认权重为零。未指定权重的视图元素（没有权重条目）的权重为 0，这意味着它们没有扩展。
如果我们设置为 0，则我们正在使用的维度的值（在本例中为宽度）我们告诉系统不要关心内容，而是关注整个大小元素，根据我们的权重值公平分配我们的元素。
感谢您的解释；）

【解决方案2】：

改变这个

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginRight="15dp"
    android:layout_marginTop="5dp"
    android:layout_weight="1"
    android:gravity="center_vertical|right"
    android:orientation="horizontal" >

到这里

  <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="15dp"
    android:layout_marginTop="5dp"
    android:layout_weight="1"
    android:gravity="center_vertical|right"
    android:orientation="horizontal" >

【讨论】：

这种线性布局只包含一个用户名一个“注销按钮”对我不起作用，谢谢