Horizo​​ntalScrollView与其他图像,避免重叠

时间:2013-09-10 15:53:06

标签: android image overlay overlap horizontalscrollview

我有一个Horizo​​ntalScrollView,现在我想在布局的顶部添加一个图像,并在它旁边放一个按钮。问题是我在如何调整所有这些方面有点迷失。它应该是这样的。


[图片] [ImageButton]

[Horizo​​ntalScrollView]


正如我现在所拥有的图像重叠在一起。我应该改变什么?

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="bottom"
android:background="@color/black" >

<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="false"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true" >

    <LinearLayout
        android:id="@+id/carrusel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
    </LinearLayout>
</HorizontalScrollView>

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="false"
    android:layout_alignParentTop="true"
    android:layout_marginTop="0dp"
    android:layout_toLeftOf="@+id/imageButton1"
    android:src="@drawable/top" />

<ImageButton
    android:id="@+id/imageButton1"
    android:layout_width="50dp"
    android:layout_height="60dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginTop="26dp"
    android:scaleType="fitCenter"
    android:src="@drawable/info" />

</RelativeLayout>

2 个答案:

答案 0 :(得分:0)

试试这个;它会让事情发生!

<LinearLayout>
 <TableLayout>
  <TableRow>
   <Image>
   <Image/>
   <ImageButton>
   <ImageButton/>
  <TableRow/>
  <TableRow>
   <ScrollView>
   <ScrollView/>
  <TableRow/>
 <TableLayout/>
<LinearLayout/>

答案 1 :(得分:0)

有几种不同的方法可以做到这一点。从你的代码看,最简单的方法就是将你的Horizo​​ntalScrollView移到ImageButton下面(所以你的R文件知道它存在)并设置

<HorizontalScrollView
    ...
    android:layout_below="@id/imageButton1"
    android:layout_alignParentLeft="true"
    ... />

您还可以将图像和按钮置于线性布局中,然后将线性布局下方的水平线滚动视图设置为对齐

<LinearLayout
    android:id="@+id/linlay_image_and_button"
    ...
    android:orientation="horizontal" >

    <ImageView ... />

    <ImageButton .../>
</LinearLayout>

<HorizontalScrollView
    ...
    android:layout_below="@id/linlay_image_and_button"
    android:layout_alignParentLeft="true"
    ... >
</HorizontalScrollView>

第二种方法允许你在线性布局中使用android:layout_weight来调整图像和按钮的大小以占用不同数量的屏幕(1 / 3,2 / 3)等。