Comment afficher la bordure à Imageview?

Amis Comment Afficher Frontière Imageview ?

Je Veux la Suite, Comme la mobilité de la galerie de toutes les images d'affichage avec cadre.

plz donnez moi sna merci d'avance....

source d'informationauteur Piyush

  1. 55

    Vous pouvez créer une ressource (couche drawable xml) pour votre ImageView'"frontière" (en fait à l'arrière-plan), et de le déclarer dans votre theme que le ImageView'arrière-plan des ressources est le drawable xml.

    Si vous avez besoin de cette "frontière" à être modifié sur la base des ImageView'état (focusedselectedetc.), ensuite, vous devez créer plus de couche un drawable, et les mettre ensemble dans un sélecteur xml (état drawable).

    Puis dans votre thème que vous devez définir la ImageView'arrière-plan à cette selector.xml.

    Mise à jour

    Ci-dessous est un exemple de comment spécifier une simple bordure à vos images, ce sera le résultat

    Comment afficher la bordure à Imageview?

    Vous avez à

    1. créer un nouveau calque drawable fichier (image_border.xml),
    2. modifier/créer votre styles.xml fichier
    3. modifier/créer votre colors.xml fichier
    4. modifier votre mise en page fichier xml (ou code) pour appliquer le style à la ImageView.

    res/drawable/image_border.xml

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <gradient android:angle="90" 
                android:startColor="@color/image_border_start" 
                android:centerColor="@color/image_border_center"
                android:endColor="@color/image_border_end" />
        </shape>
    </item>
    <item android:top="2dp" android:left="2dp" 
        android:right="2dp" android:bottom="2dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/default_back_color" />
        </shape>
    </item>
</layer-list>

    res/values/styles.xml

    Ajoutez les lignes suivantes:

    <style name="myImageView">
    <!-- 3dp so the background border to be visible -->
    <item name="android:padding">3dp</item>
    <item name="android:background">@drawable/image_border</item>
    <item name="android:scaleType">fitCenter</item>
</style>

    res/values/colors.xml

    Ajoutez les lignes suivantes:

    <color name="image_border_start">#40990000</color>
<color name="image_border_end">#FF660000</color>
<color name="image_border_center">#FFFF3333</color>

    Et enfin de choisir le style de votre ImageView dans votre mise en page xml:

    <ImageView android:id="@+id/my_image" 
    android:layout_width="100dp" android:layout_height="100dp"
    android:src="@drawable/efteling"
    style="@style/myImageView" />
  2. 8

    Vous pouvez utiliser ce fichier XML comme un drawable au lieu de plusieurs fichiers, mais ce
    le fichier est placé dans le dossier drawable. Dans ImageView utiliser ce fichier XML en tant que
    arrière-plan dessiné, comme: android:background="@drawable/following code file
    name"    .

    J'espère que cela est utile pour vous.

    <?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF" />
    <stroke android:width="1dp" android:color="#000000" />
    <padding android:left="1dp" android:top="1dp" android:right="1dp"
        android:bottom="1dp" />
</shape>
  3. 1

    J'ai essayé toutes les solutions ci-dessus, mais ils n'ont pas de travail pour moi!
    J'ai donc trouvé une solution simple à ce! 🙂

    Je me souviens que j'ai lu sur FrameLayout d'Android dans la suite de l'article dire qu'il nous permet d'empiler jusqu'à nos éléments de l'INTERFACE utilisateur sur le dessus les uns des autres dans le même ordre nous de les additionner.

    Solution:

    <FrameLayout
    android:layout_width="112dp"
    android:layout_height="112dp"
    android:layout_marginLeft="16dp" <!-- May vary according to your needs -->
    android:layout_marginRight="16dp" <!-- May vary according to your needs -->
    android:layout_centerVertical="true">
    <!-- following imageView acts as the boarder which sitting in the background of our main container ImageView -->
    <ImageView
        android:layout_width="112dp"
        android:layout_height="112dp"
        android:background="#000"/>
    <!-- following imageView holds the image as the container to our image -->
    <!-- layout_margin defines the width of our boarder, here it's 1dp -->
    <ImageView
        android:layout_width="110dp"
        android:layout_height="110dp"
        android:layout_margin="1dp"
        android:id="@+id/itemImageThumbnailImgVw"
        android:src="@drawable/banana"
        android:background="#FFF"/>
</FrameLayout>

    Aperçu:

    Et c'est tout. Vous obtenez les éléments suivants comme imageView!

    Comment afficher la bordure à Imageview?

    Des avantages et des Inconvénients:

    Je pense que c'est assez facile solution qui peut être utilisée dans n'importe où ailleurs et c'est tout ce que vous faites est assis dans un seul endroit, donc plus facile à modifier. Cependant, je n'aime pas à avoir à ajouter deux ImageViews.