2016-08-03 85 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

相关问题