如果没有剩余空间,如何自动缩小多个布局?

时间:2012-11-11 15:53:59

标签: android android-layout android-view

我想创建一个显示用户可以容纳的8个项目的视图。如果可用项目少于8个,则项目的imageView将替换为默认图像。

用户可以点击该项目,他将在布局顶部的texbox中看到每个项目的描述。此EditText位于图像的顶部,即“文本框”。到目前为止,我注意到有一个选项可以将一个图像注入editText,因此可以解决这个问题。

在布局的底部,我想在左侧有一个取消按钮,在右侧有一个接受按钮。这样,用户可以在不选择项目的情况下返回游戏或选择要使用的项目。

问题是,当没有空间以全分辨率绘制图像时,布局会尝试以全分辨率绘制其内容。这就是我的上一行项目以完整大小绘制而第二行按比例缩小的原因。

这应该是这样的:

enter image description here

然后我尝试了以下内容:

  • 根布局是线性布局
  • 第一个布局是相对布局,包含图像视图和 的EditText。
  • 其后是线性布局(垂直),育儿 另外两个线性布局(水平)。
  • 我在每个中放了4个imageViews,代表项目。

enter image description here 到目前为止,我没有考虑接受和取消按钮,因为我的结果还是一团糟。 enter image description here

  <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="bottom"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/textboxview"
            android:layout_width="fill_parent"
            android:layout_height="70dp"
            android:scaleType="fitXY"
            android:src="@drawable/textbox" />

        <com.gootsProject.AutoResizeTextView
            android:id="@+id/dialogText"
            style="@style/monologText"
            android:layout_width="fill_parent"
            android:layout_height="50dp" />
    </RelativeLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

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

            <ImageView
                android:id="@+id/ImageView07"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="2dp"
                android:src="@drawable/item_noitem" />

            <ImageView
                android:id="@+id/ImageView05"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="2dp"
                android:src="@drawable/item_noitem" />

            <ImageView
                android:id="@+id/ImageView04"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="2dp"
                android:src="@drawable/item_noitem" />

            <ImageView
                android:id="@+id/ImageView06"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="2dp"
                android:src="@drawable/item_noitem" />
        </LinearLayout>

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

            <ImageView
                android:id="@+id/ImageView03"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="2dp"
                android:src="@drawable/item_noitem" />

            <ImageView
                android:id="@+id/ImageView02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="2dp"
                android:src="@drawable/item_noitem" />

            <ImageView
                android:id="@+id/ImageView01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="2dp"
                android:src="@drawable/item_noitem" />

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="2dp"
                android:src="@drawable/item_noitem" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

你可以帮我按照我的意图设置这个视图吗?我输了。

0 个答案:

没有答案