florent37/DiagonalLayout - 无法创建布局

Question

我想创建同一个概念，我发现在这里 - https://github.com/florent37/DiagonalLayout

，但我似乎无法复制的布局，我可以创建对角，但其将个人资料图片（占位符）左下方的对角线这是问题，这是我目前的XML布局文件 -

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context="com.dishesteam.dishes.activities.ProfileActivity"> 

<com.github.florent37.diagonallayout.DiagonalLayout 
    android:id="@+id/diagonal_layout" 
    android:layout_alignParentTop="true" 
    android:layout_width="match_parent" 
    android:layout_height="250dp" 
    android:elevation="5dp" 
    app:diagonal_angle="18" 
    app:diagonal_direction="left" 
    app:diagonal_position="bottom"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" 
     android:background="@drawable/profile_background"> 

     <android.support.v7.widget.Toolbar 
      xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:app="http://schemas.android.com/apk/res-auto" 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@android:color/transparent" 
      android:textColor="@color/textColorPrimary" 
      app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
      app:popupTheme="@style/Theme.AppCompat.Light"/> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textSize="20sp" 
      android:text="Joshua Majebi" 
      android:layout_gravity="top" 
      android:layout_marginTop="40dp" 
      android:layout_marginLeft="30dp" 
      android:textColor="@color/textColorPrimary"/> 

    </LinearLayout> 

</com.github.florent37.diagonallayout.DiagonalLayout> 

<ImageView 
    android:layout_width="120dp" 
    android:layout_height="120dp" 
    android:layout_marginLeft="16dp" 
    android:layout_marginTop="191dp" 
    app:srcCompat="@drawable/ic_account_circle_black_24dp" 
    android:layout_alignParentTop="true" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:layout_marginStart="16dp" /> 

Answer 1

所以基本上你只需要做一个协调员布局作为根布局并且定位你的个人资料图片。这可能看起来像这样：

<?xml version="1.0" encoding="utf-8"?> 
<CoordinatorLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context="com.dishesteam.dishes.activities.ProfileActivity"> 

<com.github.florent37.diagonallayout.DiagonalLayout 
    android:id="@+id/diagonal_layout" 
    android:layout_alignParentTop="true" 
    android:layout_width="match_parent" 
    android:layout_height="250dp" 
    android:elevation="5dp" 
    app:diagonal_angle="18" 
    app:diagonal_direction="left" 
    app:diagonal_position="bottom"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" 
     android:background="@drawable/profile_background"> 

     <android.support.v7.widget.Toolbar 
      xmlns:android="http://schemas.android.com/apk/res/android" 
      xmlns:app="http://schemas.android.com/apk/res-auto" 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@android:color/transparent" 
      android:textColor="@color/textColorPrimary" 
      app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
      app:popupTheme="@style/Theme.AppCompat.Light"/> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textSize="20sp" 
      android:text="Joshua Majebi" 
      android:layout_gravity="top" 
      android:layout_marginTop="40dp" 
      android:layout_marginLeft="30dp" 
      android:textColor="@color/textColorPrimary"/> 

    </LinearLayout> 

</com.github.florent37.diagonallayout.DiagonalLayout> 

<ImageView 
    android:layout_width="120dp" 
    android:layout_height="120dp" 
    android:layout_marginLeft="16dp" 
    app:srcCompat="@drawable/ic_account_circle_black_24dp" 
    app:layout_anchor="@+id/diagonal_layout" 
    app:layout_anchorGravity="left|start" 
    android:layout_marginStart="16dp" />