如何在不同屏幕尺寸上保持此布局一致

发布于 2024-11-24 22:22:30 字数 278 浏览 3 评论 0原文

我想制作以下布局,请参见下图,其中 EditText 视图的位置与箭头保持正确的位置。

下面的布局是我使用RelativeLayout 使用边距制作的,但是当有人在像HTC感觉这样的540x960分辨率手机上安装此应用程序时,这不起作用。

预先感谢您的帮助!

有效的 XHTML http://www.tricky.dds.nl/gui.png

I would like to make the following layout, see picture below, where the place of the EditText views stay correct positioned w.r.t. the arrows.

The layout below I've made with a RelativeLayout making use of margins, but this doesn't work when someone installs this app on a 540x960 resolution phone like the HTC sensations.

Thanks in advance for your help!

Valid XHTML http://www.tricky.dds.nl/gui.png.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

九公里浅绿 2024-12-01 22:22:30

使用LinearLayout 和RelativeLayout 的组合。使用 LinearLayout,您可以在屏幕上创建在所有设备上都完全相同的空间。让您的顶级容器成为 LinearLayout。例如,要在您引用的图像中创建第二行,请执行以下操作:

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="horizontal">

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

</RelativeLayout>

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

<TextView
android:layout_width="wrap_content"
  android:layout_height="wrap_content"
android:layout_centerInParent="true">
</TextView>

</RelativeLayout>

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

</RelativeLayout>

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

<TextView
android:layout_width="wrap_content"
  android:layout_height="wrap_content"
android:layout_centerInParent="true">
</TextView>

</RelativeLayout>

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

</RelativeLayout>

</LinearLayout>

Use a combination of LinearLayout and RelativeLayout. With LinearLayout you can create spaces on the screen that will be exactly alike on all devices. Let your top level container be a LinearLayout. For instance, to create the second row in the image you reffered to, do something like this:

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="horizontal">

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

</RelativeLayout>

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

<TextView
android:layout_width="wrap_content"
  android:layout_height="wrap_content"
android:layout_centerInParent="true">
</TextView>

</RelativeLayout>

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

</RelativeLayout>

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

<TextView
android:layout_width="wrap_content"
  android:layout_height="wrap_content"
android:layout_centerInParent="true">
</TextView>

</RelativeLayout>

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:layout_weight="1">

</RelativeLayout>

</LinearLayout>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文