顯示在第三方背後的圖像在協調器佈局中查看

Question

我在協調器佈局中有圖像，我有從這裏獲得的對角佈局 - https://github.com/florent37/DiagonalLayout。

在協調器佈局中，我將對角線佈局設置爲圖像的錨，因此我希望我的佈局看起來像上面url中的示例。

這裏是我的佈局文件和我有

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.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="12" 
    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="25dp" 
      android:textColor="@color/textColorPrimary"/> 

    </LinearLayout> 

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

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

</android.support.design.widget.CoordinatorLayout> 

我的形象落在後面DiagonalLayout不知道我做錯了這裏的結果。

Answer 1

海拔DiagonalLayout高於ImageView。因此，您必須將較高的海拔高度設置爲ImageView才能在DiagonalLayout之上顯示。

設置ImageView標高android:elevation="6dp"

試試這個：

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.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"> 

    <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="12" 
     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="25dp" 
       android:textColor="@color/textColorPrimary"/> 

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

    <ImageView 
     android:layout_width="80dp" 
     android:layout_height="80dp" 
     android:layout_marginLeft="16dp" 
     android:elevation="6dp" 
     android:src="@mipmap/ic_launcher" 
     app:layout_anchor="@id/diagonal_layout" 
     app:layout_anchorGravity="left|bottom" 
     android:layout_marginStart="16dp" /> 

</android.support.design.widget.CoordinatorLayout> 

OUTPUT：

希望這將有助於〜