动态调整网格项目的大小

Question

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

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

获取屏幕尺寸，并为每个网格项目为不同的屏幕尺寸创建一个近似尺寸并不是什么大问题。 但是，设置适当的边距并在屏幕上放置网格视图中心很麻烦。

有没有更简单或更实用的方法？

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>

activity_main_menu.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>

Answer 1

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

脚步：

1. 在values文件夹中创建dimens.xml以获取特定分辨率，例如values，values-sw600dp，values-sw720dp
2. 为ImageView和所需的任何视图定义尺寸值。 （尺寸变量名称在所有dimens.xml文件中必须相同）
3. 现在，只要在dimens.xml位置引用这些dimens.xml ，它将根据屏幕的大小和密度获取尺寸值。