重新缩放布局以适应屏幕

时间:2014-02-17 17:49:57

标签: java android android-layout scale scalability

我想将应用程序布局扩展到屏幕大小。

当我在4英寸仿真器上运行时(但我没有显示实际的屏幕尺寸,所以它看起来更大)

看起来像这样,
https://puu.sh/6ZPBz.jpg

然而,当我在具有实际屏幕尺寸的较大仿真器上运行它时,它看起来像这样, https://puu.sh/6ZPcG.jpg

我的layout.xml是

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:animateLayoutChanges="false"
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" >

其次是图像和按钮。 所有图像和按钮的宽度和高度均为

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

我想我要问的是如何缩放布局以适应屏幕尺寸?

类似于当屏幕尺寸为4英寸时,它适合屏幕的方式,但不显示实际的屏幕尺寸。

因为我希望能够在更大的平板电脑上使用该应用程序。

2 个答案:

答案 0 :(得分:0)

您可以针对不同的屏幕尺寸使用不同的布局。

顺便说一下......这些图像来自模拟器吗?

我希望您在运行模拟器时不使用“缩放到实际大小” ... 像素和分辨率的差异也可能导致这个

答案 1 :(得分:0)

在您的相对布局中,执行此操作

android:layout_width="match_parent"
android:layout_height="match_parent"

这将使布局填满屏幕。

编辑:

对于ImageView,请使用

 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:scaleType="centerInside"

这会拉伸图像以适应宽度(希望如此)。

连接ImageView是一个棘手的问题。不确定什么会起作用。您需要尝试使用scaleType属性。

对于按钮,请增加文字大小,并将layout_width设置为wrap_content。按钮会变大。