3

我有一个想要实现的特定布局，但我不知道如何让它在多个屏幕尺寸上稳健地工作。

关键思想是TextViews中的信息很重要，而ImageView是装饰性的。我希望 ImageView 根据用户的屏幕尺寸调整大小（最大尺寸）。另外，我希望所有元素保持组合在一起，这样它们在大屏幕上就不会显得稀疏。我更愿意在 xml 中找到一个解决方案，但我愿意接受任何可以完成这项工作的东西。

这是我所追求的（我还不能在这里发布图片）：

在小屏幕上，图像视图缩小：

https://dl.dropbox.com/u/29549935/small_screen.png

在大屏幕上，imageview 达到最大值（应该通过自动缩放来处理），并且内容一起保存在屏幕的中心：

https://dl.dropbox.com/u/29549935/large_screen.png

我尝试了很多我认为应该可行的选项，例如，下面的代码将文本视图相对于图像视图定位，所有这些都组合在一个相对布局中。这在大屏幕上效果很好，但是在小屏幕上，文本视图被图像视图推开：

<RelativeLayout
    android:id="@+id/container1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
    android:orientation="vertical" >

    <RelativeLayout
        android:id="@+id/container2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:orientation="vertical">

        <TextView
            android:id="@+id/textview1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_above="@+id/imageview1"
            android:gravity="center_horizontal"
            android:text="@string/textview1" />

        <ImageView
            android:id="@+id/imageview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerInParent="true"
            android:gravity="center_horizontal"
            android:adjustViewBounds="true"
            android:maxHeight="256dp"
            android:maxWidth="256dp"
            android:minHeight="100dp"
            android:minWidth="100dp"
            android:scaleType="centerInside"
            android:src="@drawable/mydrawable" />

        <TextView
            android:id="@+id/textview2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/imageview1"

            android:gravity="center_horizontal"
            android:text="@string/textview2" />

        <TextView
            android:id="@+id/textview3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/textview2"
            android:gravity="center_horizontal"
            android:text="@string/textview3"/>
    </RelativeLayout>
</RelativeLayout>

如果规定imageview可以占据relativelayout的一部分，这种方式似乎可行。

非常欢迎任何帮助。提前致谢。

4

1 回答 1

1

为此，您必须为单独的屏幕分辨率创建图像并将其放在 drawable-ldpi、drawable-mdpi、drawable-hdpi、drawable-xhdpi 文件夹中......`，例如

drawable-ldpi  - Low dpi  (Low size screen Resolution)

drawable-mdpi  - Medium dpi (Medium size screen Resolution)

drawable-hdpi  - High dpi,  (large size screen Resolution)

drawable-xhdpi - Extended High dpi (For tablest and wide screen)

而且你应该注意图像的密度

多屏支持

示例应用程序和关于密度等...

多屏支持设计

于 2012-11-27T17:28:04.860 回答