2016-08-03 117 views
1

我想在相對佈局中將centerInParent屬性設置爲true的視圖下面的Framelayout對齊。我試過layout_below,但它不起作用。然後我嘗試刪除centerInParent並嘗試center_horizo​​ntal和center_vertical,但它也沒有幫助,FrameLayout仍然卡在佈局的頂部。 這裏是我的佈局代碼:如何在相對佈局中對齊父視圖中居中的視圖

<android.support.percent.PercentRelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="?actionBarSize" 
      android:layout_marginTop="?actionBarSize" 
      android:background="@android:color/transparent"> 

      <ImageView 
       android:id="@+id/backdrop" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="@android:color/white" 
       android:fitsSystemWindows="true" 
       android:scaleType="centerCrop" 
       app:layout_collapseMode="parallax" 
       app:layout_collapseParallaxMultiplier="0" 
       tools:src="@drawable/car_engine" /> 

      <View 
       android:id="@+id/center_point" 
       android:layout_width="0dp" 
       android:layout_height="0dp" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true" 
       android:background="@color/g" /> 

      <View 
       android:id="@+id/tab_scrim" 
       android:layout_width="match_parent" 
       android:layout_height="@dimen/gradiant_height" 
       android:layout_alignParentBottom="true" 
       android:background="@drawable/tab_scrim" 
       app:layout_heightPercent="40%" /> 

      <FrameLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/center_point"> 

       <TextView 
        android:id="@+id/car_title" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:paddingBottom="5dp" 
        android:paddingTop="2dp" 
        android:textAlignment="center" 
        android:textColor="@color/w" 
        android:textSize="20sp" 
        android:textStyle="bold" 
        tools:text="@string/car_header_text" /> 

       <TextView 
        android:id="@+id/car_subtitle" 
        style="@style/TitleWhite" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/car_title" 
        android:paddingBottom="4dp" 
        android:paddingTop="4dp" 
        android:text="@string/car_sub_header" 
        android:textAlignment="center" /> 
      </FrameLayout> 
     </android.support.percent.PercentRelativeLayout> 
+0

你應該改變PercentRelativeLayout相對於高度「match_parent」 – sJy

回答

1

設置你的PercentRelativeLayout高度match_parent

<android.support.percent.PercentRelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_marginBottom="?actionBarSize" 
    android:layout_marginTop="?actionBarSize" 
    android:background="@android:color/transparent"> 
+0

謝謝,這解決了這個問題。 –

0

請試試這個。

<FrameLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerInParent="true" 
      android:ali="@id/center_point"> 

      <TextView 
       android:id="@+id/car_title" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingBottom="5dp" 
       android:paddingTop="2dp" 
       android:textAlignment="center" 
       android:textColor="@color/w" 
       android:textSize="20sp" 
       android:textStyle="bold" 
       tools:text="@string/car_header_text" /> 

      <TextView 
       android:id="@+id/car_subtitle" 
       style="@style/TitleWhite" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/car_title" 
       android:paddingBottom="4dp" 
       android:paddingTop="4dp" 
       android:text="@string/car_sub_header" 
       android:textAlignment="center" /> 
     </FrameLayout> 
+0

@mohamed,PercentRelativeLayout更改了這個:android:layout_height =「match_parent」 – mujjuraja

+0

是的,設置android:layout_height =「match_parent」修復了這個問題。非常感謝。 –

+0

好的。解決你的概率? – mujjuraja

0

請檢查您是否錯誤地使用機器人:阿里

<FrameLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/center_point"> 

而且你PercentRelativeLayout高度必須是固定的或match_parent

0

這裏是我的代碼

<?xml version="1.0" encoding="utf-8"?> 

<ImageView 
    android:id="@+id/backdrop" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@android:color/white" 
    android:fitsSystemWindows="true" 
    android:scaleType="centerCrop" 
    app:layout_collapseMode="parallax" 
    app:layout_collapseParallaxMultiplier="0" 
    tools:src="@mipmap/ic_launcher" /> 

<View 
    android:id="@+id/tab_scrim" 
    android:layout_width="match_parent" 
    android:layout_height="2dp" 
    android:layout_alignParentBottom="true" 
    android:background="@android:color/black" 
    app:layout_heightPercent="40%" /> 

<FrameLayout 
    android:layout_width="match_parent" 
    android:layout_height="100dp" 
    android:background="@android:color/holo_red_dark" 
    android:layout_centerVertical="true"> 

    <TextView 
     android:id="@+id/car_title" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:paddingBottom="5dp" 
     android:paddingTop="2dp" 
     android:textAlignment="center" 
     android:textColor="@android:color/black" 
     android:textSize="20sp" 
     android:textStyle="bold" 
     android:text="car carcar" 
     android:layout_gravity="left"/> 

    <TextView 
     android:id="@+id/car_subtitle" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/car_title" 
     android:paddingBottom="4dp" 
     android:paddingTop="4dp" 
     android:text="car header subtitle" 
     android:textAlignment="center" 
     android:layout_gravity="bottom"/> 
</FrameLayout> 

和屏幕截圖 red block is framelayout

相關問題