使用Horizo​​ntalScrollView的Horizo​​ntal LinearLayout。 ScrollView消失后的ImageView

时间：2015-08-13 18:13:15

标签： android android-layout

我有一个水平LinearLayout，左边是ImageView箭头，右边是Horizo​​ntalScrollView和ImageView箭头。 Horizo​​ntalScrollView有一些ImageViews，我认为它会将右箭头推离屏幕。 

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

            <ImageView
                android:id="@+id/arrowLeft
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/arrowLeft"
                android:layout_marginTop="30dp"
                android:layout_marginLeft="20dp"/>

            <HorizontalScrollView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="55dp"
                android:layout_marginTop="20dp"
                android:scrollbars="none">

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

                    <ImageView
                        android:id="@+id/buttonToDoor"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_todoor" />

                    <ImageView
                        android:id="@+id/buttonWomen"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_women" />

                    <ImageView
                        android:id="@+id/buttonCommerce"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_commerce" />

                    <ImageView
                        android:id="@+id/buttonPause"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_pause" />

                    <ImageView
                        android:id="@+id/buttonTrunk"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_trunk" />

                    <ImageView
                        android:id="@+id/buttonSnack"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_snack" />

                    <ImageView
                        android:id="@+id/buttonSmoke"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_smoke" />

                    <ImageView
                        android:id="@+id/buttonWifi"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_wifi" />

                    <ImageView
                        android:id="@+id/buttonPackage"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:src="@drawable/button_package" />
                </LinearLayout>
            </HorizontalScrollView>

            <ImageView
                android:id="@+id/arrowRight"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/rightArrow"
                android:layout_marginTop="30dp"/>
        </LinearLayout>

图片：enter image description here

我怎么能显示右箭头？

2 个答案:

答案 0 :(得分：2)

将Horizo​​ntalScrollView的宽度更改为0dip并添加到值为1的属性权重

 <HorizontalScrollView
            android:layout_width="0dip"
            android?layout_weight="1"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="55dp"
            android:layout_marginTop="20dp"
            android:scrollbars="none">

这将使其填充所有其他视图（箭头）不可用的空间

答案 1 :(得分：0)

你可以简单地使用xml的weight-property ... 只需将此代码粘贴到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="wrap_content" >

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

        <ImageView
            android:id="@+id/arrowLeft"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/arrowLeft" />

        <HorizontalScrollView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:scrollbars="none" >

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

                <ImageView
                    android:id="@+id/buttonToDoor"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:id="@+id/buttonWomen"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:id="@+id/buttonCommerce"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:id="@+id/buttonPause"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:id="@+id/buttonTrunk"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:id="@+id/buttonSnack"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:id="@+id/buttonSmoke"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:id="@+id/buttonWifi"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:id="@+id/buttonPackage"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:src="@drawable/ic_launcher" />
            </LinearLayout>
        </HorizontalScrollView>

        <ImageView
            android:id="@+id/arrowRight"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/rightArrow" />
    </LinearLayout>

</LinearLayout>
相关问题
最新问题