在UI下方看不到微调器下拉箭头图标

时间:2018-01-09 10:37:39

标签: android android-layout android-spinner android-tablelayout android-relativelayout

我在TableLayout中的TableRow中放置了一个微调器。 Spinner下拉图标不可见。

表1:        我在表格行中放置一个微调器,但我的微调器下拉箭头在表格行中不可见

表2:        我将微调器放在表格行内的相对布局中,在这种情况下,微调器下拉不可见,在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>

Output Of layout

2 个答案:

答案 0 :(得分:1)

由于您已将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>

答案 1 :(得分:0)

你可以尝试这个:

 <?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>

希望这有助于你...如果你需要任何帮助,你可以问