Android适应屏幕尺寸的ImageView大小

3

我想要实现特定的布局,但我无法想出如何在多个屏幕尺寸上实现稳健性。

关键的想法是TextView中的信息很重要,而ImageView只是装饰。我希望根据用户屏幕的大小(最大尺寸)重新调整ImageView的大小。此外,我希望所有元素都保持在一起,这样它们在大屏幕上不会显得稀疏。我更愿意在xml中找到解决方案,但对任何能完成任务的方法都持开放态度。

这就是我想要的效果(我还不能在这里发布图片):

在小屏幕上,imageView会缩小:

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

在大屏幕上,ImageView 会达到最大值(应该通过自动缩放来处理),并且内容会保持在屏幕中心。

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

我尝试了很多我认为应该有效的选项,例如,下面的代码将textviews相对于imageview定位,所有这些元素都在一个relativelayout中组合在一起。这在大屏幕上效果良好,但是在小屏幕上,textviews会被imageview挤开:

<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的一部分,这种方法就可行。

非常感谢任何帮助。提前致谢。

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)

同时,您还应该注意图像的密度。

多屏幕支持

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

多屏幕支持设计


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接