在下方 UI 内部不可见微调器下拉箭头图标

Question

我在 Table 布局中的 Table 行内放置了一个微调器。微调器下拉图标不可见。

Table 1: 我在 table 行内放置了一个微调器，但是我的微调器下拉箭头在 table 行

内不可见

Table 2: 我将微调器放在 Table 行内的相对布局内，在这种情况下微调器下拉也不可见，并且在 UI 屏幕微调器宽度超过相对布局。

如何将微调器固定为宽度，下拉图标可见？下面的代码有什么问题。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TableLayout
        android:layout_height="wrap_content"
        android:layout_width="match_parent">
        <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
                android:layout_width="0dp"
                android:layout_weight="4"
                android:layout_height="match_parent" />
        </TableRow>
    </TableLayout>
    <TableLayout
        android:layout_height="wrap_content"
        android:layout_width="match_parent">
        <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
                android:layout_width="0dp"
                android:layout_weight="4"
                android:layout_height="match_parent" >
                <Spinner
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"/>
            </RelativeLayout>
        </TableRow>
    </TableLayout>
</LinearLayout>

Style.xml

<style name="HeaderRow">
    <item name="android:background">#A3A3A3</item>
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">match_parent</item>
</style>
<style name="HeaderText">
    <item name="android:textColor">@color/color_white</item>
    <item name="android:shadowColor">#AFFFFFFF</item>
    <item name="android:shadowDx">1</item>
    <item name="android:shadowDy">1</item>
    <item name="android:shadowRadius">1.0</item>
    <item name="android:padding">5dp</item>
    <item name="android:gravity">center</item>
    <item name="android:textSize">14sp</item>
    <item name="android:textStyle">bold</item>
    <item name="android:background">@drawable/border</item>
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">match_parent</item>
</style>

Answer 1

你可以试试这个：

 <?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:orientation="vertical">

 <TableLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">


    <TableRow>

        <LinearLayout
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/ic_info_white"
                android:layout_height="wrap_content" />

            <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:paddingLeft="10dp"
                    android:text="Information"
                    android:textColor="@color/colorBlack" />
            </RelativeLayout>
        </LinearLayout>

        <LinearLayout
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/ic_info_white"
                android:layout_height="wrap_content" />

            <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:paddingLeft="10dp"
                    android:text="Information"
                    android:textColor="@color/colorBlack" />
            </RelativeLayout>
        </LinearLayout>
    </TableRow>
    <TableRow>
        <LinearLayout
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/ic_info_white"
                android:layout_height="wrap_content" />

            <RelativeLayout
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="5">

                <Spinner
                    android:layout_width="0dp"
                    android:layout_weight="4"
                    android:layout_height="match_parent" />

            </RelativeLayout>
        </LinearLayout>

        <LinearLayout
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/ic_info_white"
                android:layout_height="wrap_content" />

            <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:paddingLeft="10dp"
                    android:text="Information"
                    android:textColor="@color/colorBlack" />
            </RelativeLayout>
        </LinearLayout>
    </TableRow>

 </TableLayout>


</LinearLayout>

希望这对您有所帮助...如果您需要任何帮助，可以询问

Answer 2

因为您添加了 TableRow weightsum 值作为 10 那么所有子视图 layout_weight 值总和也应该是 10。

例如；

 <TableRow
        style="@style/HeaderRow"
        android:weightSum="10">

        <ImageView
            style="@style/HeaderText"
            android:layout_width="0dp"
            android:layout_weight="1" />

        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="4">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:paddingLeft="10dp"
                android:text="Information"
                android:textColor="#FFFFFF" />
        </RelativeLayout>

        <ImageView
            style="@style/HeaderText"
            android:layout_width="0dp"
            android:layout_weight="1" />

        <Spinner
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="4" />
    </TableRow>

在下方 UI 内部不可见微调器下拉箭头图标

spinner dropdown arrow icon not visible inside below UI

android

android-layout

android-spinner

android-tablelayout

android-relativelayout