将Seekbar的位置设置在图像视图下方

时间:2013-07-06 04:55:29

标签: android layout imageview

我对Android很新我有一个图像视图和一个搜索栏,用户可以加载图像显示在图像视图中,搜索栏应该在图像视图下方。我在Main中有以下代码.XML

<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="148dp"
        android:src="@drawable/ic_launcher" />

    <SeekBar
        android:id="@+id/seekBar1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/imageView1"
        android:layout_marginTop="95dp" 


        />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignRight="@+id/imageView1"
        android:layout_marginRight="30dp"
        android:layout_marginTop="78dp"
        android:text="TextView" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="31dp"
        android:text="Button" 
        android:onClick="clickme"

        />

</RelativeLayout>

问题是当我加载不同大小的图像时,图像视图覆盖了搜索栏。我想我应该调整图像大小或在C#中设置像'Strech'的图像视图的某些属性,以便保持适当的布局可以让一些人向我展示正确的道路

5 个答案:

答案 0 :(得分:0)

 android:layout_width="wrap_content"
 android:layout_height="wrap_content"

imageview中的这些属性会导致imageview放大。

使用android:adjustViewBounds

答案 1 :(得分:0)

在搜索栏上方更改图像视图的对齐方式,如下所示:

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="148dp"
    android:layout_above="@+id/seekBar1"
    android:src="@drawable/ic_launcher" />

<SeekBar
    android:id="@+id/seekBar1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_above="@+id/textView1"
    android:layout_marginTop="95dp" 
    />

通过这种方式,您可以强制图像视图始终位于搜索栏上方。

答案 2 :(得分:0)

使用LinearLayout的简单解决方案:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:paddingBottom="@dimen/activity_vertical_margin"
              android:paddingLeft="@dimen/activity_horizontal_margin"
              android:paddingRight="@dimen/activity_horizontal_margin"
              android:paddingTop="@dimen/activity_vertical_margin"
              android:orientation="vertical"
              tools:context=".MainActivity">

    <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="18dp"
            android:layout_gravity="center"
            android:text="TextView"/>

    <ImageView
            android:id="@+id/imageView1"
            android:layout_width="256dp"
            android:layout_height="256dp"
            android:layout_marginTop="20dp"
            android:layout_gravity="center"
            android:src="@drawable/ic_launcher"/>

    <SeekBar
            android:id="@+id/seekBar1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:layout_gravity="center"
            />

    <View
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

    <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="31dp"
            android:layout_gravity="center"
            android:text="Button"
            android:onClick="clickme"
            />
</LinearLayout>

注意android:layout_gravity="center",我添加了一个带有layout_weight的虚拟视图,以便它填满Button上方的空间;所以Button停留在底部。

更新:更新了单个边距

答案 3 :(得分:0)

最简单的方法是:

  <Seekbar android:layout_width="match_parent" android:layout_height="match_parent"
                        android:layout_below="@+id/YouImageViewID"/>

答案 4 :(得分:0)

Jus尝试RelativeLayout,这里是部分代码

    <RelativeLayout
 android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center"
 >
 <ImageView
  android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:layout_centerInParent="true"
     android:src="@drawable/androidbiancheng"
  />
 <ImageView
  android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_centerInParent="true"
     android:src="@drawable/icon"
  />
 <ProgressBar
     android:id="@+id/progressbar"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_centerInParent="true"
     />
</RelativeLayout>