L'élévation ne travaille pas sur un LinearLayout

Après la recherche d'une solution, je n'ai pas trouvé pour résoudre mon problème.

J'ai une certaine altitude qui produit une ombre sur une grande partie de mon application.

Mais dans un lieu particulier, je ne suis pas en mesure de faire le travail.

(C'est là où j'ai mis une flèche sur la photo ci-dessous)

La zone blanche en dessous de la barre d'outils est un Fragment qui affiche un LinearLayout

mise en page:

<LinearLayout
    android:id="@+id/panelAddress"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/button_flat_white"
    android:elevation="10dp"
    android:orientation="vertical"
    android:padding="20dp"
    >  
//some content
</LinearLayout>

Le parent du Fragment :

<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawerLayout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include
            android:id="@+id/custom_toolbar"
            layout="@layout/toolbar"/>

        <RelativeLayout
            android:id="@+id/mapLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <fragment
                android:id="@+id/map"
                class="com.google.android.gms.maps.SupportMapFragment"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>

            <FrameLayout
                android:id="@+id/fragment_container_top"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                />

            <FrameLayout
                android:id="@+id/fragment_container_bottom"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"/>

        </RelativeLayout>

    </LinearLayout>

</android.support.v4.widget.DrawerLayout>

Avez-vous une idée de pourquoi je ne reçois pas mon élévation?

La couleur de l'arrière-plan de la linearlayout rouge, juste pour savoir de quoi il s'région est vraiment. Il pourrait s'étendant sur tout le fragment.
Il prend le bon endroit..
Avez-vous essayez android:outlineProvider="limites" dans votre fragment?

InformationsquelleAutor agonist_ | 2015-10-29

65

Comme décrit ici https://stackoverflow.com/a/27518160/2481494 il y a plusieurs exigences, de sorte que l'ombre est dessinée:
- Espace pour l'ombre dans le des parents, Groupe. Comme bleeding182 mentionné, le rembourrage peut causer de l'ombre à être tondus:
  
  (N'utilisez PAS de rembourrage. Un rembourrage sur la framelayout permettra également de réduire l'ombre off)
  
  Cependant, cela peut être corrigé avec android:clipToPadding="false" dans le parent.
- La vue en élévation doit avoir un fond de projeter une ombre. Sans informations sur votre @drawable/button_flat_white je ne peux pas dire si c'est un problème dans votre cas.
Pour résoudre votre problème, vous devez modifier votre FrameLayout comme ceci:
```
<FrameLayout
        android:id="@+id/fragment_container_top"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"

        android:clipToPadding="false"
        android:paddingBottom="10dp"/>
```
Pour vérifier si votre @drawable/button_flat_white des causes des problèmes, essayez de changer le fond de votre LinearLayout à une simple couleur temporairement:
```
<LinearLayout
    android:id="@+id/panelAddress"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:elevation="10dp"
    android:orientation="vertical"
    android:padding="20dp"

    android:background="#fff">  
//some content
</LinearLayout>
```
InformationsquelleAutor Andreas Wenger

Juste faire CardView en tant que parent de votre LinearLayout et vous pouvez atteindre l'altitude.

<android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    card_view:cardUseCompatPadding="true"
    card_view:cardElevation="4dp"
    card_view:cardCornerRadius="3dp">

       <LinearLayout
              android:id="@+id/panelAddress"
              xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:background="@drawable/button_flat_white"
              android:orientation="vertical"
              android:padding="20dp">  

            //some content
      </LinearLayout>
 </android.support.v7.widget.CardView>

Je pense que c'est la meilleure solution. Les autres ceux qui n'utilisent pas CardViews aaalways suite à un problème ou à un autre.

InformationsquelleAutor ch3tanz

Si l'élévation est pas le travail que vous pouvez créer vous XML en donnant la référence en fond d'écran sur le LinearLayout :

shadowfile.xml

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
<solid android:color="#18000000" />
<corners android:radius="8dp" />
</shape>
</item>
<item>
<shape>
<padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
<solid android:color="#05000000" />
<corners android:radius="7dp" />
</shape>
</item>
<item>
<shape>
<padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
<solid android:color="#10000000" />
<corners android:radius="6dp" />
</shape>
</item>
<item>
<shape>
<padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
<solid android:color="#15000000" />
<corners android:radius="5dp" />
</shape>
</item>
<item>
<shape>
<padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
<solid android:color="#20000000" />
<corners android:radius="4dp" />
</shape>
</item>
<!-- Background -->
<item>
<shape>
<solid android:color="#FFFFFF" />
<corners android:radius="0dp" />
</shape>
</item>
</layer-list>

Ajouter comme ça :

<LinearLayout
android:id="@+id/profileDetails"
android:layout_width="match_parent"
android:layout_height="125dp"
android:background="@drawable/shadowfile"
android:padding="15dp"
android:layout_below="@id/toolbar_title"
android:layout_marginTop="20dp">

De sortie :

L'élévation ne travaille pas sur un LinearLayout

InformationsquelleAutor amit

2

C'est un dessin problème.

L'ombre portée est à l'extérieur des opinions réelles limites, si les Parents de mise en page n'est pas "donner" le point de vue de l'espace, il sera tronqué.

Depuis que les parents de l'fragment Linéaire (modèle) est de la même taille, l'ombre est coupée. Ajouter une marge sur le fond de la LinearLayout.

Si cela ne fonctionne pas essayez d'emballer la mise en page avec un FrameLayout avec un peu de marge sur le fond (Ne PAS utiliser un rembourrage. Un rembourrage sur la framelayout permettra également de réduire l'ombre off)

1-2dp devrait le faire.

InformationsquelleAutor David Medenjak

j'espère qu'elle vous aider, il suffit d'ajouter"marginTop" dans le second schéma.

<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="match_parent"
android:layout_height="90dp"
android:orientation="vertical"
android:elevation="5dp"
/>
<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="match_parent"
android:layout_height="90dp"
android:orientation="vertical"
android:padding="5dp"
android:layout_marginTop="3dp"
/>

InformationsquelleAutor Basant

0

J'ai utilisé paddingRight et paddingBottom(pour l'ombre en bas et à droite de la page) puis il a travaillé pour moi, il montre une ombre sinon le drawable ombre ne fonctionnera pas correctement.

Faire une telle chose si vous en face d'un même problème.

InformationsquelleAutor user7957410
-2

S'il vous plaît activer hardwardAccelerated option dans le fichier de manifeste,
```
<application
...
android:hardwareAccelerated="true">
```
- Que pas le problème. Comme je l'ai dit, j'ai déjà beaucoup de place à l'élévation qui fonctionne bien. Et ce n'est pas de résoudre le problème =/
- quel est le raisonnement derrière l'activation hardwareAccelerated ??
- fonctionne comme un charme...merci
- en fait cette réponse a un point si vous avez hardwareAccelerated=false dans votre fichier de manifeste alors quelque chose comme l'ombre ou transparent ne fonctionne pas. Il est vrai par défaut, mais certaines personnes l'utilisent quand ils créer des onglets. C'est pourquoi upvoted cette réponse et merci
- Merci pour votre commentaire
InformationsquelleAutor AndroidEnthusiastic

Vous devez vous connecter pour publier un commentaire.