0

我对 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”,以便保持正确的布局。可以一些一个告诉我正确的道路

4

5 回答 5

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

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

利用android:adjustViewBounds

于 2013-07-06T05:03:26.180 回答
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" 
    />

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

于 2013-07-06T05:09:37.517 回答
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 上方的空间;所以按钮保持在底部。

更新:更新了各个边距

于 2013-07-06T05:19:58.317 回答
0

最简单的方法是:

  <Seekbar android:layout_width="match_parent" android:layout_height="match_parent"
                        android:layout_below="@+id/YouImageViewID"/>
于 2013-07-07T18:32:16.413 回答
0

试试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>
于 2014-02-21T07:49:12.977 回答