TableRox 中的 TextView 被裁剪 - 有什么修复吗？答案

【问题标题】：TextView inside TableRox getting cropped - Any fixes?TableRox 中的 TextView 被裁剪 - 有什么修复吗？
【发布时间】：2013-09-10 20:09:55
【问题描述】：

我遇到了这个问题，我在 TableRow 中的 TextView 正在裁剪第二行的底部。

我发现解决这个问题的唯一方法是在左侧的 FAV 图像中添加边距，但这只会破坏设计的其余部分。有人可以向我解释为什么会发生这种情况以及如何解决吗？

代码如下：

    <LinearLayout
        android:id="@+id/item"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/card_bg"
        android:orientation="vertical" >

        <TableLayout
            android:id="@+id/link_title_favicon"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:paddingTop="6dp" >

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

                <com.loopj.android.image.SmartImageView
                    android:id="@+id/expandable_toggle_button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/favicon_example2" />

                <TextView
                    android:id="@+id/linkTitle0001"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:layout_weight="1"
                    android:layout_gravity="center_vertical"
                    android:ellipsize="end"
                    android:fontFamily="sans-serif-condensed"
                    android:maxLines="2"
                    android:paddingLeft="6dp"
                    android:text="@string/link_title_001"
                    android:textColor="#777777"
                    android:textSize="17sp" />
            </TableRow>
        </TableLayout>

        <TextView
            android:id="@+id/linkDesc0001"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/link_title_favicon"
            android:layout_marginTop="4dp"
            android:fontFamily="sans-serif"
            android:maxLines="1"
            android:text="@string/link_desc_001"
            android:textColor="#acacac"
            android:textSize="13sp" />

        <ImageView
            android:id="@+id/labelSource0001"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/linkDesc0001"
            android:layout_marginTop="4dp"
            android:background="@drawable/card_label" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/expandable"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/labelSource0001"
        android:background="@drawable/expmenu_bg"
        android:orientation="horizontal" >

        <!--
            <ImageView
            android:id="@+id/link_preview_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            android:onClick="onClickPreview"
            android:src="@drawable/link_preview_icon"
            android:src="@drawable/link_preview_icon" />
        -->

        <ImageView
            android:id="@+id/link_forward_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            android:paddingTop="2dp"
            android:src="@drawable/link_forward_icon" />

        <ImageView
            android:id="@+id/link_share_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            android:src="@drawable/link_share_icon" />

        <ImageView
            android:id="@+id/link_info_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            android:src="@drawable/link_info_icon" />

        <ImageView
            android:id="@+id/link_devices_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            android:paddingTop="2dp"
            android:src="@drawable/link_devices_icon" />

        <ImageView
            android:id="@+id/link_copyurl_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            android:src="@drawable/link_copyurl_icon" />

        <ImageView
            android:id="@+id/link_delete_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_weight="1"
            android:src="@drawable/link_delete_icon" />
    </LinearLayout>

</LinearLayout>

这是 bg 代码，以备不时之需：

 <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle"
            android:dither="true">

            <corners android:radius="2dp"/>

            <solid android:color="#aaaaaa" />

        </shape>
    </item>

    <item android:bottom="2dp">
        <shape android:shape="rectangle"
            android:dither="true">

            <corners android:radius="2dp" />

            <solid android:color="@android:color/white" />

            <padding android:bottom="6dp"
                android:left="6dp"
                android:right="6dp"
                android:top="4dp" />
        </shape>
    </item>
</layer-list>

这是我的问题的图片：

【问题讨论】：

你的 xml 中的 TableLayout 在哪里？
我删除了它以使其像线性布局一样工作，由于某种原因，tablerow 发生在文本框上 i.imgur.com/kYMPZ2F.jpg
首先 TableRow 与 TableLayout 一起使用，当您将 textview 的权重设为 1 时，此问题将得到解决。我在上一个答案中已经解决了此问题
好的，会这样做，但我之前有表格布局，文本仍然被裁剪 =/

标签： android android-layout

【解决方案1】：

找到答案。将 TableLayout 替换为 LinearLayout：

 <LinearLayout
            android:id="@+id/link_title_favicon"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:paddingTop="6dp"
            android:orientation="horizontal" >


                <com.loopj.android.image.SmartImageView
                    android:id="@+id/expandable_toggle_button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/favicon_example2"
                    android:layout_gravity="center_vertical" />

                <TextView
                    android:id="@+id/linkTitle0001"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:layout_gravity="center_vertical"
                    android:ellipsize="end"
                    android:fontFamily="sans-serif-condensed"
                    android:maxLines="2"
                    android:paddingLeft="6dp"
                    android:text="@string/link_title_001"
                    android:textColor="#777777"
                    android:textSize="17sp" />

        </LinearLayout>

【讨论】：