Android中TableLayout内Spinner下拉箭头不显示及宽度适配问题

嘿，我来帮你搞定这两个Spinner的问题！其实核心是TableRow的布局约束和Spinner默认样式被干扰导致的，咱们一步步修复：

问题根源拆解 #

• 下拉箭头消失：你的HeaderRow样式里设置了android:layout_height="match_parent"，TableRow会强行填满父容器高度，再加上Spinner也设置了layout_height="match_parent"，直接把Spinner的默认下拉箭头挤压没了；另外TableRow的weight分配后，Spinner的宽度被压缩，也会影响箭头的显示空间。
• 宽度超出RelativeLayout：Spinner默认带一些内边距，加上你没给RelativeLayout设置约束，导致Spinner的边缘超出了容器范围。

具体修复方案 #

第一步：先修正Style中的TableRow样式 #

首先把HeaderRow里的layout_height改成wrap_content，TableRow的高度应该由内部控件撑开，而不是强行占满父容器，这是最关键的一步：

<style name="HeaderRow">
    <item name="android:background">#A3A3A3</item>
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item> <!-- 替换掉match_parent -->
    <item name="android:minHeight">48dp</item> <!-- 可选，设置最小高度保证点击区域足够 -->
</style>

第二步：修复直接放在TableRow中的Spinner #

给Spinner设置默认背景样式，调整高度为wrap_content，确保箭头有足够空间显示，同时让Spinner垂直居中：

<TableRow style="@style/HeaderRow" android:weightSum="10">
    <ImageView android:layout_width="0dp" android:layout_weight="1" android:src="@drawable/ic_info_white" style="@style/HeaderText" />
    <RelativeLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="5" >
        <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:text="Information" android:paddingLeft="@dimen/ten" android:textColor="@color/color_white"/>
    </RelativeLayout>
    <ImageView android:layout_width="0dp" style="@style/HeaderText" android:src="@drawable/ic_info_white" android:layout_weight="1" />
    <!-- 修改后的Spinner -->
    <Spinner 
        android:layout_width="0dp" 
        android:layout_weight="4" 
        android:layout_height="wrap_content"
        android:background="?android:attr/spinnerBackground" <!-- 恢复默认Spinner样式 -->
        android:gravity="center_vertical"/> <!-- 垂直居中，让布局更协调 -->
</TableRow>

第三步：修复嵌套在RelativeLayout中的Spinner #

给RelativeLayout加一点内边距，同时让Spinner填满RelativeLayout的宽度，并且绑定父容器的左右边缘，避免超出：

<TableRow style="@style/HeaderRow" android:weightSum="10">
    <ImageView android:layout_width="0dp" android:layout_weight="1" android:src="@drawable/ic_info_white" style="@style/HeaderText" />
    <RelativeLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="5" >
        <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:text="Information" android:paddingLeft="@dimen/ten" android:textColor="@color/color_white"/>
    </RelativeLayout>
    <ImageView android:layout_width="0dp" style="@style/HeaderText" android:src="@drawable/ic_info_white" android:layout_weight="1" />
    <!-- 修改后的RelativeLayout -->
    <RelativeLayout android:layout_width="0dp" android:layout_weight="4" android:layout_height="match_parent" 
        android:padding="2dp"> <!-- 加内边距避免Spinner贴边 -->
        <!-- 修改后的Spinner -->
        <Spinner 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content"
            android:background="?android:attr/spinnerBackground"
            android:layout_alignParentLeft="true" <!-- 绑定父容器左边缘 -->
            android:layout_alignParentRight="true"/> <!-- 绑定父容器右边缘 -->
    </RelativeLayout>
</TableRow>

修复原理说明 #

1. TableRow高度改为wrap_content：让TableRow的高度由内部控件的高度决定，不再挤压Spinner的显示空间。
2. 设置Spinner默认背景：?android:attr/spinnerBackground会调用系统默认的Spinner样式，包含下拉箭头，避免被TableRow的背景覆盖。
3. Spinner高度设为wrap_content：保持Spinner自身的默认高度，确保箭头有足够的垂直空间显示。
4. RelativeLayout加padding+Spinner绑定边缘：让Spinner完全在RelativeLayout内部，不会超出容器范围。

内容的提问来源于stack exchange，提问作者appukrb