水平滚动视图不起作用答案

【问题标题】：HorizontalScrollView not working水平滚动视图不起作用
【发布时间】：2016-12-28 12:18:18
【问题描述】：

我无法使用HorizontalScrollView 水平滚动，但其他文件中的相同代码似乎可以正常工作。我在此文件中找不到错误。

这里是 HorizontalScrollView xml 代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"

    android:background="#87E886"
    android:orientation="horizontal">


    <HorizontalScrollView
        android:id="@+id/scrollView1"
        android:layout_width="2200dp"
        android:layout_height="550dp" >

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



            <!--D2-->
            <LinearLayout
                android:layout_width="310dp"
                android:layout_height="520dp"
                android:background="#024500"
                android:layout_marginLeft="10dp">
                <RelativeLayout
                    android:layout_width="290dp"
                    android:layout_height="499dp"
                    android:orientation="horizontal"
                    android:layout_marginTop="10dp"
                    android:background="#BEFFB6"
                    android:layout_marginLeft="10dp"
                    android:weightSum="1">
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:id="@+id/imageView16"
                        android:src="@drawable/des1"
                        android:layout_alignParentTop="true"
                        android:layout_alignParentStart="true"
                        android:layout_marginTop="20dp" />
                    <ImageView
                        android:layout_width="220dp"
                        android:layout_height="190dp"
                        android:id="@+id/imageView17"
                        android:src="@drawable/img_bahay"
                        android:layout_below="@+id/imageView16"
                        android:layout_alignParentStart="true"
                        android:layout_marginLeft="35sp" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:id="@+id/imageView18"
                        android:src="@drawable/des_bahay"
                        android:layout_below="@+id/imageView17"
                        android:layout_alignParentStart="true" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="120dp"
                        android:id="@+id/imageView19"
                        android:layout_below="@+id/imageView18"
                        android:src="@drawable/desc_bahay"
                        android:layout_alignParentStart="true"
                        android:layout_alignParentBottom="true" />

                </RelativeLayout>
            </LinearLayout>
            <ImageView
                android:layout_marginTop="180dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="30dp"
                android:layout_width="205dp"
                android:layout_height="100dp"
                android:id="@+id/xaxaw"
                android:src="@drawable/arrow"
                ></ImageView>

            <!--D3-->
            <LinearLayout
                android:layout_width="310dp"
                android:layout_height="520dp"
                android:background="#024500"
                android:layout_marginLeft="10dp">
                <RelativeLayout
                    android:layout_width="290dp"
                    android:layout_height="499dp"
                    android:orientation="horizontal"
                    android:layout_marginTop="10dp"
                    android:background="#BEFFB6"
                    android:layout_marginLeft="10dp"
                    android:weightSum="1">
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:id="@+id/imageViewa16"
                        android:src="@drawable/des2"
                        android:layout_alignParentTop="true"
                        android:layout_alignParentStart="true"
                        android:layout_marginTop="20dp" />
                    <ImageView
                        android:layout_width="220dp"
                        android:layout_height="190dp"
                        android:id="@+id/imageViewa17"
                        android:src="@drawable/img_chinatown"
                        android:layout_below="@+id/imageViewa16"
                        android:layout_alignParentStart="true"
                        android:layout_marginLeft="35sp" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:id="@+id/imageViewa18"
                        android:src="@drawable/des_chinatown"
                        android:layout_below="@+id/imageViewa17"
                        android:layout_alignParentStart="true" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="120dp"
                        android:id="@+id/imageViewa19"
                        android:src="@drawable/desc_chinatown"
                        android:layout_below="@+id/imageViewa18"
                        android:layout_alignParentEnd="true"
                        android:layout_alignParentBottom="true" />
                    <!--      <TextView
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
                             android:text="Estimated Duration:"
                             android:id="@+id/textView13"
                             android:textColor="#000000"
                             android:layout_below="@+id/imageView19"
                             android:layout_alignParentStart="true"
                             android:layout_marginTop="10dp"
                             android:layout_marginLeft="10dp" />
                         <TextView
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
                             android:text="New Text"
                             android:id="@+id/textView14"
                             android:textColor="#000000"
                             android:layout_below="@+id/textView13"
                             android:layout_alignParentStart="true"
                             android:layout_marginLeft="35dp" />
                         <TextView
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
                             android:text="Estimated Distance:"
                             android:id="@+id/textView15"
                             android:textColor="#000000"
                             android:layout_alignTop="@+id/textView13"
                             android:layout_alignParentEnd="true"
                             android:layout_marginRight="15dp" />
                         <TextView
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
                             android:text="New Text"
                             android:id="@+id/textView16"
                             android:textColor="#000000"
                             android:layout_marginLeft="35dp"
                             android:layout_below="@+id/textView15"
                             android:layout_alignStart="@+id/textView15"/> -->
                </RelativeLayout>
            </LinearLayout>

            <ImageView
                android:layout_marginTop="180dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="30dp"
                android:layout_width="205dp"
                android:layout_height="100dp"
                android:id="@+id/arrow1"
                android:src="@drawable/arrow"
                ></ImageView>


            <!-- D4-->
            <LinearLayout
                android:layout_width="310dp"
                android:layout_height="520dp"
                android:background="#024500"
                android:layout_marginLeft="10dp">
                <RelativeLayout
                    android:layout_width="290dp"
                    android:layout_height="499dp"
                    android:orientation="horizontal"
                    android:layout_marginTop="10dp"
                    android:background="#BEFFB6"
                    android:layout_marginLeft="10dp"
                    android:weightSum="1">
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:id="@+id/imageViewaa16"
                        android:src="@drawable/des3"
                        android:layout_alignParentTop="true"
                        android:layout_alignParentStart="true"
                        android:layout_marginTop="20dp" />
                    <ImageView
                        android:layout_width="220dp"
                        android:layout_height="190dp"
                        android:id="@+id/imageViewaa17"
                        android:src="@drawable/img_goodwill"
                        android:layout_below="@+id/imageViewaa16"
                        android:layout_alignParentStart="true"
                        android:layout_marginLeft="35sp" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:id="@+id/imageViewaa18"
                        android:src="@drawable/des_goodwill"
                        android:layout_below="@+id/imageViewaa17"
                        android:layout_alignParentStart="true" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="120dp"
                        android:id="@+id/imageViewaa19"
                        android:src="@drawable/desc_goodwill"
                        android:layout_below="@+id/imageViewaa18"
                        android:layout_alignParentStart="true"
                        android:layout_alignParentBottom="true"
                        android:layout_alignParentEnd="true" />
                </RelativeLayout>
            </LinearLayout>
            <ImageView
                android:layout_marginTop="180dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="30dp"
                android:layout_width="205dp"
                android:layout_height="100dp"
                android:id="@+id/arrow53"
                android:src="@drawable/arrow"
                ></ImageView>



            <!--D5-->
            <LinearLayout
                android:layout_width="310dp"
                android:layout_height="520dp"
                android:background="#024500"
                android:layout_marginLeft="10dp">
                <RelativeLayout
                    android:layout_width="290dp"
                    android:layout_height="499dp"
                    android:orientation="horizontal"
                    android:layout_marginTop="10dp"
                    android:background="#BEFFB6"
                    android:layout_marginLeft="10dp"
                    android:weightSum="1">
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:id="@+id/imageViewaag16"
                        android:src="@drawable/des4"
                        android:layout_alignParentTop="true"
                        android:layout_alignParentStart="true"
                        android:layout_marginTop="20dp" />
                    <ImageView
                        android:layout_width="220dp"
                        android:layout_height="190dp"
                        android:id="@+id/imageViewaag17"
                        android:src="@drawable/img_chcemetery"
                        android:layout_below="@+id/imageViewaag16"
                        android:layout_alignParentStart="true"
                        android:layout_marginLeft="35sp" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="50dp"
                        android:id="@+id/imageViewaag18"
                        android:src="@drawable/des_chcemetery"
                        android:layout_below="@+id/imageViewaag17"
                        android:layout_alignParentStart="true" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="120dp"
                        android:id="@+id/imageViewaag19"
                        android:src="@drawable/desc_chcemetery"
                        android:layout_below="@+id/imageViewaag18"
                        android:layout_alignParentStart="true"
                        android:layout_alignParentBottom="true"
                        android:layout_alignParentEnd="true" />
                </RelativeLayout>
            </LinearLayout>



    </HorizontalScrollView>
</LinearLayout>

【问题讨论】：

使水平宽度 match_parent
HorizontalScrollView 只能托管一个直接子级，正如@Nilabja 回答的那样，您最终关闭了线性布局

标签： android xml scrollview horizontalscrollview

【解决方案1】：

使HorizontalScrollView's with to "wrap_content" 并保持HorizontalScrollView 的单个子级，即

<HorizontalScrollView
  android:id="@+id/scrollView1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" >

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

       rest of the code here...... 

  </LinearLayout>
</HorizontalScrollView>

【讨论】：

【解决方案2】：

您似乎忘记在结束 HorizontalScrollView 之前结束 LinearLayout 标签。你的代码应该是这样的

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:tools="http://schemas.android.com/tools"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"

android:background="#87E886"
android:orientation="horizontal">


<HorizontalScrollView
    android:id="@+id/scrollView1"
    android:layout_width="2200dp"
    android:layout_height="550dp" >

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



        <!--D2-->
        <LinearLayout
            android:layout_width="310dp"
            android:layout_height="520dp"
            android:background="#024500"
            android:layout_marginLeft="10dp">
            <RelativeLayout
                android:layout_width="290dp"
                android:layout_height="499dp"
                android:orientation="horizontal"
                android:layout_marginTop="10dp"
                android:background="#BEFFB6"
                android:layout_marginLeft="10dp"
                android:weightSum="1">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:id="@+id/imageView16"
                    android:src="@drawable/des1"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentStart="true"
                    android:layout_marginTop="20dp" />
                <ImageView
                    android:layout_width="220dp"
                    android:layout_height="190dp"
                    android:id="@+id/imageView17"
                    android:src="@drawable/img_bahay"
                    android:layout_below="@+id/imageView16"
                    android:layout_alignParentStart="true"
                    android:layout_marginLeft="35sp" />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:id="@+id/imageView18"
                    android:src="@drawable/des_bahay"
                    android:layout_below="@+id/imageView17"
                    android:layout_alignParentStart="true" />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="120dp"
                    android:id="@+id/imageView19"
                    android:layout_below="@+id/imageView18"
                    android:src="@drawable/desc_bahay"
                    android:layout_alignParentStart="true"
                    android:layout_alignParentBottom="true" />

            </RelativeLayout>
        </LinearLayout>
        <ImageView
            android:layout_marginTop="180dp"
            android:layout_marginLeft="50dp"
            android:layout_marginRight="30dp"
            android:layout_width="205dp"
            android:layout_height="100dp"
            android:id="@+id/xaxaw"
            android:src="@drawable/arrow"
            ></ImageView>

        <!--D3-->
        <LinearLayout
            android:layout_width="310dp"
            android:layout_height="520dp"
            android:background="#024500"
            android:layout_marginLeft="10dp">
            <RelativeLayout
                android:layout_width="290dp"
                android:layout_height="499dp"
                android:orientation="horizontal"
                android:layout_marginTop="10dp"
                android:background="#BEFFB6"
                android:layout_marginLeft="10dp"
                android:weightSum="1">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:id="@+id/imageViewa16"
                    android:src="@drawable/des2"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentStart="true"
                    android:layout_marginTop="20dp" />
                <ImageView
                    android:layout_width="220dp"
                    android:layout_height="190dp"
                    android:id="@+id/imageViewa17"
                    android:src="@drawable/img_chinatown"
                    android:layout_below="@+id/imageViewa16"
                    android:layout_alignParentStart="true"
                    android:layout_marginLeft="35sp" />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:id="@+id/imageViewa18"
                    android:src="@drawable/des_chinatown"
                    android:layout_below="@+id/imageViewa17"
                    android:layout_alignParentStart="true" />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="120dp"
                    android:id="@+id/imageViewa19"
                    android:src="@drawable/desc_chinatown"
                    android:layout_below="@+id/imageViewa18"
                    android:layout_alignParentEnd="true"
                    android:layout_alignParentBottom="true" />
                <!--      <TextView
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="Estimated Duration:"
                         android:id="@+id/textView13"
                         android:textColor="#000000"
                         android:layout_below="@+id/imageView19"
                         android:layout_alignParentStart="true"
                         android:layout_marginTop="10dp"
                         android:layout_marginLeft="10dp" />
                     <TextView
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="New Text"
                         android:id="@+id/textView14"
                         android:textColor="#000000"
                         android:layout_below="@+id/textView13"
                         android:layout_alignParentStart="true"
                         android:layout_marginLeft="35dp" />
                     <TextView
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="Estimated Distance:"
                         android:id="@+id/textView15"
                         android:textColor="#000000"
                         android:layout_alignTop="@+id/textView13"
                         android:layout_alignParentEnd="true"
                         android:layout_marginRight="15dp" />
                     <TextView
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="New Text"
                         android:id="@+id/textView16"
                         android:textColor="#000000"
                         android:layout_marginLeft="35dp"
                         android:layout_below="@+id/textView15"
                         android:layout_alignStart="@+id/textView15"/> -->
            </RelativeLayout>
        </LinearLayout>

        <ImageView
            android:layout_marginTop="180dp"
            android:layout_marginLeft="50dp"
            android:layout_marginRight="30dp"
            android:layout_width="205dp"
            android:layout_height="100dp"
            android:id="@+id/arrow1"
            android:src="@drawable/arrow"
            ></ImageView>


        <!-- D4-->
        <LinearLayout
            android:layout_width="310dp"
            android:layout_height="520dp"
            android:background="#024500"
            android:layout_marginLeft="10dp">
            <RelativeLayout
                android:layout_width="290dp"
                android:layout_height="499dp"
                android:orientation="horizontal"
                android:layout_marginTop="10dp"
                android:background="#BEFFB6"
                android:layout_marginLeft="10dp"
                android:weightSum="1">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:id="@+id/imageViewaa16"
                    android:src="@drawable/des3"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentStart="true"
                    android:layout_marginTop="20dp" />
                <ImageView
                    android:layout_width="220dp"
                    android:layout_height="190dp"
                    android:id="@+id/imageViewaa17"
                    android:src="@drawable/img_goodwill"
                    android:layout_below="@+id/imageViewaa16"
                    android:layout_alignParentStart="true"
                    android:layout_marginLeft="35sp" />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:id="@+id/imageViewaa18"
                    android:src="@drawable/des_goodwill"
                    android:layout_below="@+id/imageViewaa17"
                    android:layout_alignParentStart="true" />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="120dp"
                    android:id="@+id/imageViewaa19"
                    android:src="@drawable/desc_goodwill"
                    android:layout_below="@+id/imageViewaa18"
                    android:layout_alignParentStart="true"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentEnd="true" />
            </RelativeLayout>
        </LinearLayout>
        <ImageView
            android:layout_marginTop="180dp"
            android:layout_marginLeft="50dp"
            android:layout_marginRight="30dp"
            android:layout_width="205dp"
            android:layout_height="100dp"
            android:id="@+id/arrow53"
            android:src="@drawable/arrow"
            ></ImageView>



        <!--D5-->
        <LinearLayout
            android:layout_width="310dp"
            android:layout_height="520dp"
            android:background="#024500"
            android:layout_marginLeft="10dp">
            <RelativeLayout
                android:layout_width="290dp"
                android:layout_height="499dp"
                android:orientation="horizontal"
                android:layout_marginTop="10dp"
                android:background="#BEFFB6"
                android:layout_marginLeft="10dp"
                android:weightSum="1">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:id="@+id/imageViewaag16"
                    android:src="@drawable/des4"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentStart="true"
                    android:layout_marginTop="20dp" />
                <ImageView
                    android:layout_width="220dp"
                    android:layout_height="190dp"
                    android:id="@+id/imageViewaag17"
                    android:src="@drawable/img_chcemetery"
                    android:layout_below="@+id/imageViewaag16"
                    android:layout_alignParentStart="true"
                    android:layout_marginLeft="35sp" />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="50dp"
                    android:id="@+id/imageViewaag18"
                    android:src="@drawable/des_chcemetery"
                    android:layout_below="@+id/imageViewaag17"
                    android:layout_alignParentStart="true" />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="120dp"
                    android:id="@+id/imageViewaag19"
                    android:src="@drawable/desc_chcemetery"
                    android:layout_below="@+id/imageViewaag18"
                    android:layout_alignParentStart="true"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentEnd="true" />
            </RelativeLayout>
        </LinearLayout>

    </LinearLayout>


</HorizontalScrollView>

【讨论】：

【解决方案3】：

ScrollView 或在您的情况下 HorizontalScrollView 只能有一个直接子视图。喜欢：

 <ScrollView>

<LinearLayout>

// add all the required views here. 

</Linearlayout>

</Scrollview>

不过，您可以在该线性布局或任何其他布局中添加多个视图。

【讨论】：