1

我正在尝试创建一个菜单屏幕,其中包含几个包含图像视图和文本框的网格项目。我的目的是为不同的屏幕分辨率/尺寸获得相同的比例。

例如; 下图是我想要创建的。如您所见,根据屏幕的大小,网格项的尺寸会发生变化,但它们在屏幕上的覆盖比例仍然相同。

在此处输入图像描述

获取屏幕尺寸,并为不同屏幕尺寸的每个网格项目创建一个近似尺寸并不是什么大问题。然而,设置适当的边距并将网格视图置于屏幕中心是很乏味的。

有没有更简单或更实用的方法来做到这一点?

grid_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="5dp"
android:orientation="vertical" >

<ImageView
    android:id="@+id/menu_item_image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="2"
    android:contentDescription="@string/menu_item" />

<TextView
    android:id="@+id/menu_item_text"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:layout_weight="8"
    android:gravity="center" />

</LinearLayout>

活动主菜单.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
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=".MainMenuActivity" >

<GridView
    android:id="@+id/mainGridView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center_vertical|center_horizontal"
    android:layout_margin="20dp"
    android:numColumns="2" >

</GridView>

</LinearLayout>
4

1 回答 1

0

最简单的方法是dimens.xmlvalues文件夹中创建不同的。

脚步:

  1. 在 values 文件夹中创建dimens.xml特定分辨率,例如 values、values-sw600dp、values-sw720dp
  2. 为 ImageView 和您想要的任何视图定义尺寸值。(所有dimens.xml文件中的维度变量名称必须相同)
  3. 现在只需dimens.xml在任何你想要的地方引用这些,它将根据屏幕的大小和密度获取尺寸值。
于 2013-10-01T11:22:11.737 回答