Faire une image circulaire avec une bordure circulaire blanche
Comment faire une image circulaire et de lui donner blanche circulaire frontière? Est-il nécessaire d'utiliser deux vues d'images – un pour l'image et l'autre pour la bordure blanche? Est-il un autre moyen pour ce faire?
source d'informationauteur
Vous devez vous connecter pour publier un commentaire.
...
Cela peut ne pas être la meilleure façon et vous ne pouvez pas être en mesure de modifier un grand nombre de propriétés, mais il est certainement le moyen le plus facile. J'ai juste utilisé cette bibliothèque et j'ai fait une circulaire imageview qui a également une frontière.
Donc, c'est ma solution:
Premièrej'ai mis cela dans mon
build.grandle
:Deuxièmej'ai mis cela dans mon
.xml
fichier de mise en page:Dans mon
.java
fichier, c'est le moyen que je peux prendre ou à fixer l'image de laCircularImageView
:C'est tout ce que j'ai fait pour en faire une image circulaire avec bordure blanche.
De la première à obtenir Distribués image avec votre code.
Ensuite appliquer ce xml :
Puis ajouter une relative mise en page et ajouter une imageview.La disposer au centre de la relative mise en page.Et de définir cette forme du cercle comme Imageview de l'arrière-plan.Ensuite, placez votre circulaire imageview ci-dessus précédemment ajouté imageview.L'arranger aussi center.By la modification de votre circulaire imageview marge, vous obtiendrez la bordure désirée effet.
Espérons que cela va vous aider..
Voici une belle tutoriel.
dans ce tutoriel, ils utilisent une Méthode:-
/*
* Faire de l'image une forme circulaire
*/
Pour la fourniture de bordure autour de votre imageView :
Ajouter ce code xml à l'intérieur de votre dossier drawable :
=>rounded.xml
Espère , ce sera aide
Non, il n'est pas nécessaire que vous devez utiliser deux vues d'images un pour l'image et l'autre pour la bordure blanche. Vous pouvez créer un nouveau fichier XML, comme ci-dessous
border.xml
et puis le mettre à votre image. Comme ajouter en dessous de la ligne à votre image.
D'abord l'ajouter en dessous de la ligne de construire.gradle fichier
puis ajouter la suite XML code de xml fichier:
En utilisant ce lien j'ai réussi à faire, à l'aide d'un
FrameLayout
et deuxRoundedImageView
. La logique derrière ce que j'ai fait est un, est un wrapper de vue et l'autre est le point de vue a l'image de profil. Voici mon codeCode XML:
De code JAVA :
espérons que cela aide, si vous avez toute confusion s'il vous plaît commentaire ci-dessous.
J'ai essayé de garder ImageView à l'intérieur de CardView et ajustée du rayon de la CardView en conséquence.
NetworkImageView est l'un de Volley de la Bibliothèque.
Même Devrait travailler avec l'ImageView.
Essayez ceci: