Android 中的视图在底部视图和顶部视图之间居中

Question

我需要以某种方式执行此操作：

我尝试使用相对布局，我放置了顶部 imageview 和底部按钮，但是怎么办我将网格视图放在中心？但是在顶部图像和底部按钮之间呢？

Answer 1

让顶部图像和底部按钮使用 wrap_content 作为高度，GridView 使用 0dip 作为高度，权重为 1。这将导致顶部和底部元素首先测量，GridView 将获得中间的所有剩余空间。

<?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:orientation="vertical">
    <ImageView android:id="@+id/top_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <GridView android:id="@+id/grid"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1" />
    <Button android:id="@+id/bottom_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

Answer 2

阿达普的回答对我不起作用。这就是我发现完美工作的方法：

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
        <ImageView android:id="@+id/top_image"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true" />
        <Button android:id="@+id/bottom_button"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true" />
        <LinearLayout 
            android:id="@+id/container_layout"
            android:orientation="vertical"
            android:layout_width="fill_parent" 
            android:layout_height="fill_parent"
            android:layout_above="@id/bottom_button"
            android:layout_below="@id/top_image"
            android:gravity="center" >
            <GridView android:id="@+id/grid"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" />
        </LinearLayout>
    </RelativeLayout>

我将其与其他 LinearLayouts 一起使用，以代替 GridView，并使用 android:gravity="center" 在最里面的布局上设置，以使其所有文本视图和图像水平和垂直居中。

Answer 3

使用这样的东西

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center">
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/table">
        <TableRow 
            android:weightSum="100">
            <ImageView android:id="@+id/image1" 
                android:src="@drawable/icon"
                android:visibility="visible" 
                android:gravity="center"
                android:layout_weight="50" />
        </TableRow>
        <TableRow 
            android:weightSum="100">
            <GridView
                android:layout_height="wrap_content"
                android:layout_width="wrap_content">
            </GridView>
        </TableRow>
        <TableRow 
            android:weightSum="100">
            <Button android:id="@+id/btn1"
                android:visibility="visible" 
                android:gravity="center"
                android:layout_weight="50" />
        </TableRow>
    </TableLayout>
</LinearLayout>

Answer 4

你可以试试这个：

<?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:orientation="vertical">
    <ImageView android:id="@+id/top_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <GridView android:id="@+id/grid1"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1" />
    <Button android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

Answer 5

将这些添加到您的网格视图中：

android:layout_above="@id/bottom_button"
android:layout_below="@id/top_image"