Android：RelativeLayout中的重力ImageView失敗

Question

我想將ImageView center對齊（水平和垂直）：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/titletab"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="@dimen/slidingtab_icon_header"
    android:gravity="center">

    <ImageView
        android:id="@+id/icon"
        android:layout_width="@dimen/slidingtab_item_icon_size"
        android:layout_height="@dimen/slidingtab_item_icon_size"
        android:layout_gravity="center_horizontal"
        android:src="@drawable/ic_event_black_18dp"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_alignParentBottom="true"
        android:background="@color/sliding_tab_border_color"/>

</RelativeLayout>

如果我沒有在ImageView之后添加這條線（即View ），那是完美的，那是可行的，但是對於這條線， gravity不起作用。

預先感謝！

Answer 1

您需要更改一些屬性，並且您的視圖是完美的。 只需檢查下面的內容，您就會看到我在中更改了重力屬性。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/titletab"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="@dimen/slidingtab_icon_header"
    >

    <ImageView
        android:id="@+id/icon"
        android:layout_width="@dimen/slidingtab_item_icon_size"
        android:layout_height="@dimen/slidingtab_item_icon_size"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/ic_launcher"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_alignParentBottom="true"
        android:background="@color/sliding_tab_border_color"/>

</RelativeLayout>

您需要使用

android:layout_centerHorizontal="true"
android:layout_centerVertical="true"

代替

android:layout_gravity="center_horizontal|center_vertical"

因為這在LinearLayout中有效 。 但是，對於RelativeLayout，您需要對重力集使用上述屬性。

Answer 2

嘗試使用Relativelayout android:layout_centerInParent="true"屬性，並刪除gravity 。

<ImageView
        android:id="@+id/icon"
        android:layout_width="@dimen/slidingtab_item_icon_size"
        android:layout_height="@dimen/slidingtab_item_icon_size"
        android:layout_centerInParent="true"
        android:src="@drawable/ic_event_black_18dp"/>

Answer 3

您應該在View元素中使用layout_alignBottom而不是layout_alignParentBottom。

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:layout_alignBottom="@+id/icon"
    android:background="@color/sliding_tab_border_color" />

Answer 4

更改您的代碼與此。 它正在運行，我將圖標更改為可以使用的圖標，您可以使用您的圖標

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/titletab"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="@dimen/slidingtab_icon_header">



    <ImageView
        android:id="@+id/icon"
        android:layout_width="@dimen/slidingtab_item_icon_size"
        android:layout_height="@dimen/slidingtab_item_icon_size"
        android:src="@drawable/abc_ic_ab_back_mtrl_am_alpha"
        android:layout_gravity="center_horizontal"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/li">

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_alignParentBottom="true"/>
    </LinearLayout>

</RelativeLayout>

Answer 5

您可以再使用一個布局元素來合並ImageView和View元素。 像這樣;

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/titletab"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="@dimen/slidingtab_icon_header"
    android:gravity="center">

    <RelativeLayout
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/icon"
            android:layout_width="@dimen/slidingtab_item_icon_size"
            android:layout_height="@dimen/slidingtab_item_icon_size"
            android:src="@drawable/ic_event_black_18dp"/>

        <View
            android:layout_below="@+id/icon"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/sliding_tab_border_color"/>

    </RelativeLayout>

</RelativeLayout>