繁体   English   中英

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

[英]Horizontal LinearLayout with HorizontalScrollView. ImageView after ScrollView gone

我有一个Horizo​​ntal 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> 

图片: 在此处输入图片说明

如何显示右箭头?

将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">

这将使其填充其他视图(箭头)未占用的所有可用空间。

您还可以通过使用相对布局而不是线性布局作为父布局来实现它,如下更新代码:

 <RelativeLayout
    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="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/arrowLeft"
        android:layout_toLeftOf="@+id/arrowRight"
        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_alignParentRight="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/arrowLeft"
        android:layout_marginTop="30dp"
        android:layout_marginRight="20dp"/>
</RelativeLayout>

您可以简单地使用xml的权重属性...只需将此代码粘贴到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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM