Question

我有一个我想要实现的特定布局，但我无法弄清楚如何在多种屏幕尺寸上稳健地工作。

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

这就是我所追求的（我无法在此处发布图片）：

在小屏幕上，imageview缩小了：

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

在大屏幕上，imageview符合最大值（应通过自动缩放处理），内容在屏幕中心保存在一起：

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

我尝试了很多我认为应该有用的选项，例如，下面的代码将textview相对于imageview定位，所有这些选项都组合在一个relativelayout中。这适用于大屏幕，但在小屏幕上，textview被图像视图推开：

<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可以占据相对布局的一部分，这种方式似乎可行。

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

Answer 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)

而且你应该照顾图像的密度

multiple screen support

Sample App and ABout density etc ...

Multiple screen support design

Android将ImageView大小调整为屏幕大小

1 个答案: