comment mettre de l'ombre à une Vue dans android?

Je veux savoir comment faire pour ajouter une ombre couche à tout point de Vue général dans android. pour exemple: supposons que j'ai une mise en page xml, montrant quelque chose comme ça..

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout  
    android:layout_height="wrap_content"  
    android:layout_width="wrap_content"  
    <Button....  
    ...  
</LinearLayout>

Maintenant, quand il est affiché, je veux avoir de l'ombre autour d'elle.

Question similaire ici stackoverflow.com/q/52954743/9640177 - comment présenter vecteur dessiné

InformationsquelleAutor aqs | 2010-12-10

Il y a un truc tout simple, à l'aide de deux points de vue qui forment l'ombre.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:padding="10dp"
    android:background="#CC55CC">
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:stretchColumns="0">
            <TableRow>
                <LinearLayout
                    android:id="@+id/content"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content">
                    <TextView  
                        android:layout_width="fill_parent" 
                        android:layout_height="wrap_content"
                        android:background="#FFFFFF" 
                        android:text="@string/hello" />
                </LinearLayout>
                <View
                    android:layout_width="5dp"
                    android:layout_height="fill_parent"
                    android:layout_marginTop="5dp"
                    android:background="#55000000"/>
            </TableRow>
        </TableLayout>
        <View
            android:layout_width="fill_parent"
            android:layout_height="5dp"
            android:layout_marginLeft="5dp"
            android:background="#55000000"/>
    </LinearLayout>
</FrameLayout>

Espérons que cette aide.

Il est préférable d'utiliser un dégradé de la couleur.
à l'aide de 9patch drawable fond est bien plus simple et la mise en page est beaucoup plus propre alors
fede.. je vous Remercie pour le code de conception... il m'a beaucoup aidé...
merci @praveenb, mais je pense que les 9patch drawable arrière-plan est la meilleure solution
Ce n'est pas la bonne façon de faire en XML. Il pousse la profondeur de mise en page et peut conduire à ralentir l'affichage de l'INTERFACE utilisateur dans le bas de gamme des téléphones ou même en haut de gamme. La manière correcte est d'utiliser un 9patch image. Il est conseillé de faire un nettoyant et une performance vif de l'INTERFACE utilisateur et pas seulement pour l'amour d'elle.

InformationsquelleAutor Fede

38

La meilleure façon de créer une ombre est d'utiliser un 9patch image de la
arrière-plan de la vue (ou un ViewGroup qui encapsule la vue).

La première étape consiste à créer une image png avec une ombre autour d'elle. J'
utilisé photoshop pour créer une telle image. C'est vraiment simple.
- Créer une nouvelle image avec Photoshop.
- Ajouter un calque et créez un carré noir à la place de 4x4.
- Créer une ombre sur le calque en sélectionnant le calque en calque
  explorer et en cliquant sur un bouton intitulé fx et le choix de l'ombre portée.
- Exporter l'image en png.
La prochaine étape est de créer 9-patch un drawable à partir de cette image.
- Ouvrir draw9patch de android-sdk/tools
- Ouvrir l'image dans draw9patch
- Créer 4 lignes noires sur les quatre côtés de la place, comme le
  à la suite, puis enregistrer l'image en tant que shadow.9.png.
Maintenant, vous pouvez ajouter cette ombre que l'arrière-plan de la vue que vous souhaitez
ajouter une ombre. Ajouter shadow.9.png à res/drawables. Maintenant l'ajouter
comme arrière-plan:
```
<LinearLayout
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:background="@drawable/shadow"
  android:paddingBottom="5px"
  android:paddingLeft="6px"
  android:paddingRight="5px"
  android:paddingTop="5px"
>
```
J'ai récemment écrit un post de blog qui explique cela en détail et
comprend la 9patch image que j'utilise pour la création de l'ombre.
- C'est une bien meilleure solution que l'on a accepté la réponse. Aussi, le blog, le lien est mort.
- pouvez-vous donner comment l'ouvrir draw9patch..je suis en utilisant androidStudio..
- À partir d'un terminal, exécutez la draw9patch de commande de votre kit de développement sdk répertoire/tools pour lancer le Tirage 9-patch outil.
- merci je l'ai eu..
- il s'agit de l'outil, nous pouvons créer 9 patch d'images en ligne inloop.github.io/shadow4android
InformationsquelleAutor Sapan Diwakar

En supposant que u serait d'utiliser un linéaire de la mise en page(que j'ai considéré comme un linéaire vertical layout)..et avoir une vue juste en dessous de votre linéaire de la mise en page.Maintenant, pour ce point de vue de fournir une couleur de départ et de fin de la couleur..
Je voulais aussi obtenir cette chose,son travail pour moi..Si vous avez besoin d'un encore mieux l'effet,puis il suffit de contourner le début et la fin de la couleur.

activity_main

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/vertical"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:background="@drawable/layout_back_bgn"
        android:orientation="vertical" >
    </LinearLayout>

    <View
        android:layout_below="@+id/vertical"
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="@drawable/shadow"
        >
    </View>


</LinearLayout>

layout_back_bgn.xml

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

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >

<solid android:color="#FF4500" />

</shape>

shadow.xml

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

<shape xmlns:android="http://schemas.android.com/apk/res/android"  android:shape="rectangle">    
    <gradient
        android:startColor="#4D4D4D"
        android:endColor="#E6E6E6"
        android:angle="270"
        >
    </gradient>
</shape>

J'ai essayé de poster une image que j'ai après à l'aide du code ci-dessus,mais stackoverflow doesnot permettez-moi coz je n'ai pas de réputation..Désolé.

fwiw, je pense que votre réputation est forte amende. merci de répondre.

InformationsquelleAutor DJphy

7

Vous pouvez utiliser élévation, disponible depuis l'API de niveau 21
L'élévation de vue, représenté par la propriété Z, détermine la
l'aspect visuel de son ombre: des vues plus élevées avec des valeurs Z en fonte
plus grande, des ombres plus douces. Des vues plus élevées avec des valeurs Z occlusion de vues avec
baisse des valeurs Z; toutefois, la valeur Z d'un point de vue n'affecte pas la
vue de la taille. Pour régler l'élévation de vue:

dans une définition de la structure, l'utilisation de la
```
android:elevation
```
attribut. Pour définir la hauteur d'un affichage dans le code d'une activité,
utiliser le
```
View.setElevation()
```
méthode.
Source
- Cette solution ne fonctionne que si vous ciblez les api 21 (Lollipop) et plus élevé.
InformationsquelleAutor Shlomi Fresko

Voici mon fromage version de la solution...C'est la modification de la solution trouvée
ici

Je n'aimais pas la façon dont les coins si je fanées tous...

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--Layer 0-->
<!--Layer 1-->
<!--Layer 2-->
<!--Layer 3-->
<!--Layer 4 (content background)-->
<!-- dropshadow -->
<item>
<shape>
<gradient 
android:startColor="@color/white"
android:endColor="@color/white"
android:centerColor="#10CCCCCC"
android:angle="180"/>
<padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
</shape>
</item>
<item>
<shape>
<gradient 
android:startColor="@color/white"
android:endColor="@color/white"
android:centerColor="#20CCCCCC"
android:angle="180"/>
<padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
</shape>
</item>
<item>
<shape>
<gradient 
android:startColor="@color/white"
android:endColor="@color/white"
android:centerColor="#30CCCCCC"
android:angle="180"/>
<padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
</shape>
</item>
<item>
<shape>
<gradient 
android:startColor="@color/white"
android:endColor="@color/white"
android:centerColor="#40CCCCCC"
android:angle="180"/>
<padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
</shape>
</item>
<item>
<shape>
<gradient 
android:startColor="@color/white"
android:endColor="@color/white"
android:centerColor="#50CCCCCC"
android:angle="180"/>
<padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
</shape>
</item>
<!-- content background -->
<item>
<shape>
<solid android:color="@color/PostIt_yellow" />
</shape>
</item>

Ressemble incroyablement mauvais à l'écran! Et l'ajout de plusieurs couches peut être un problème de rendu.

InformationsquelleAutor Johnny Wu

comment mettre de l'ombre à une Vue dans android?

</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="2dp"
android:background="@color/dropShadow" />

Utiliser Juste en Dessous de la LinearLayout

Une Autre Méthode

comment mettre de l'ombre à une Vue dans android?

créer "rounded_corner_bg.xml" dans /drawable dossier

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="@color/primaryColor" />
<corners android:radius="4dp" />
</shape>
</item>
<item
android:bottom="2dp"
android:left="0dp"
android:right="0dp"
android:top="0dp">
<shape android:shape="rectangle">
<solid android:color="#F7F7F7" />
<corners android:radius="4dp" />
</shape>
</item>
</layer-list>

Pour utiliser cette Mise en page android:background="@drawable/rounded_corner_bg"

InformationsquelleAutor katwal-Dipak

Vous devez vous connecter pour publier un commentaire.