[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7561":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},7561,"CircularImageView","lopspower\u002FCircularImageView","lopspower","Create circular ImageView in Android in the simplest way possible","",null,"Kotlin",1962,410,68,12,0,1,3,56.64,"Apache License 2.0",false,"master",[24,25],"android","circularimageview","2026-06-12 04:00:34","\u003Cp align=\"center\">\u003Cimg src=\"\u002Fpreview\u002Fheader.png\">\u003C\u002Fp>\n\nCircularImageView\n=================\n\n\u003Cimg src=\"\u002Fpreview\u002Fpreview.gif\" alt=\"sample\" title=\"sample\" width=\"300\" height=\"435\" align=\"right\" \u002F>\n\n[![Platform](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fplatform-android-green.svg)](http:\u002F\u002Fdeveloper.android.com\u002Findex.html)\n[![API](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAPI-14%2B-brightgreen.svg?style=flat)](https:\u002F\u002Fandroid-arsenal.com\u002Fapi?level=14)\n[![Maven Central](https:\u002F\u002Fimg.shields.io\u002Fmaven-central\u002Fv\u002Fcom.mikhaellopez\u002Fcircularimageview.svg?label=Maven%20Central)](https:\u002F\u002Fsearch.maven.org\u002Fartifact\u002Fcom.mikhaellopez\u002Fcircularimageview)\n[![Twitter](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTwitter-@LopezMikhael-blue.svg?style=flat)](http:\u002F\u002Ftwitter.com\u002Flopezmikhael)\n\nThis is an Android project allowing to realize a circular ImageView in the simplest way possible.\n\n\u003Ca href=\"https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetails?id=com.mikhaellopez.lopspower\">\n  \u003Cimg alt=\"Android app on Google Play\" src=\"https:\u002F\u002Fdeveloper.android.com\u002Fimages\u002Fbrand\u002Fen_app_rgb_wo_45.png\" \u002F>\n\u003C\u002Fa>\n\nUSAGE\n-----\n\nTo make a circular ImageView add CircularImageView in your layout XML and add CircularImageView library in your project or you can also grab it via Gradle:\n\n```groovy\nimplementation 'com.mikhaellopez:circularimageview:4.3.1'\n```\n\nXML\n-----\n\n```xml\n\u003Ccom.mikhaellopez.circularimageview.CircularImageView\n    android:layout_width=\"250dp\"\n    android:layout_height=\"250dp\"\n    android:src=\"@drawable\u002Fimage\"\n    app:civ_border_color=\"#3f51b5\"\n    app:civ_border_width=\"4dp\"\n    app:civ_shadow=\"true\"\n    app:civ_shadow_radius=\"10dp\"\n    app:civ_shadow_color=\"#3f51b5\"\u002F>\n```\n\nYou must use the following properties in your XML to change your CircularImageView.\n\n| Properties                       | Type                                                         | Default          |\n| -------------------------------- | ------------------------------------------------------------ | ---------------- |\n| `app:civ_circle_color`           | color                                                        | WHITE            |\n| `app:civ_circle_color_start`     | color                                                        | civ_circle_color |\n| `app:civ_circle_color_end`       | color                                                        | civ_circle_color |\n| `app:civ_color_direction`        | left_to_right, right_to_left, top_to_bottom or bottom_to_top | left_to_right    |\n| `app:civ_border`                 | boolean                                                      | true             |\n| `app:civ_border_width`           | dimension                                                    | 4dp              |\n| `app:civ_border_color`           | color                                                        | WHITE            |\n| `app:civ_border_color_start`     | color                                                        | civ_border_color |\n| `app:civ_border_color_end`       | color                                                        | civ_border_color |\n| `app:civ_border_color_direction` | left_to_right, right_to_left, top_to_bottom or bottom_to_top | left_to_right    |\n| `app:civ_shadow`                 | boolean                                                      | false            |\n| `app:civ_shadow_color`           | color                                                        | BLACK            |\n| `app:civ_shadow_radius`          | dimension                                                    | 8dp              |\n| `app:civ_shadow_gravity`         | center, top, bottom, start or end                            | bottom           |\n\n:information_source: You can also use `android:elevation` instead of `app:civ_shadow` to have default Material Design elevation.\n\nKOTLIN\n-----\n\n```kotlin\nval circularImageView = findViewById\u003CCircularImageView>(R.id.circularImageView)\ncircularImageView.apply {\n    \u002F\u002F Set Color\n    circleColor = Color.WHITE\n    \u002F\u002F or with gradient\n    circleColorStart = Color.BLACK\n    circleColorEnd = Color.RED\n    circleColorDirection = CircularImageView.GradientDirection.TOP_TO_BOTTOM\n\n    \u002F\u002F Set Border\n    borderWidth = 10f\n    borderColor = Color.BLACK\n    \u002F\u002F or with gradient\n    borderColorStart = Color.BLACK\n    borderColorEnd = Color.RED\n    borderColorDirection = CircularImageView.GradientDirection.TOP_TO_BOTTOM\n    \n    \u002F\u002F Add Shadow with default param\n    shadowEnable = true\n    \u002F\u002F or with custom param\n    shadowRadius = 7f\n    shadowColor = Color.RED\n    shadowGravity = CircularImageView.ShadowGravity.CENTER\n}\n```\n\nJAVA\n-----\n\n```java\nCircularImageView circularImageView = findViewById(R.id.circularImageView);\n\u002F\u002F Set Color\ncircularImageView.setCircleColor(Color.WHITE);\n\u002F\u002F or with gradient\ncircularImageView.setCircleColorStart(Color.BLACK);\ncircularImageView.setCircleColorEnd(Color.RED);\ncircularImageView.setCircleColorDirection(CircularImageView.GradientDirection.TOP_TO_BOTTOM);\n\n\u002F\u002F Set Border\ncircularImageView.setBorderWidth(10f);\ncircularImageView.setBorderColor(Color.BLACK);\n\u002F\u002F or with gradient\ncircularImageView.setBorderColorStart(Color.BLACK);\ncircularImageView.setBorderColorEnd(Color.RED);\ncircularImageView.setBorderColorDirection(CircularImageView.GradientDirection.TOP_TO_BOTTOM);\n\n\u002F\u002F Add Shadow with default param\ncircularImageView.setShadowEnable(true);\n\u002F\u002F or with custom param\ncircularImageView.setShadowRadius(7f);\ncircularImageView.setShadowColor(Color.RED);\ncircularImageView.setShadowGravity(CircularImageView.ShadowGravity.CENTER);\n```\n\nLIMITATIONS\n-----\n\n-   By default the ScaleType is **FIT_CENTER**. You can also used **CENTER_INSIDE** AND **CENTER_CROP**.\n-   Enabling adjustViewBounds is not supported as this requires an unsupported ScaleType.\n\nSUPPORT ❤️\n-----\n\nFind this library useful? Support it by joining [**stargazers**](https:\u002F\u002Fgithub.com\u002Flopspower\u002FCircularImageView\u002Fstargazers) for this repository ⭐️\n\u003Cbr\u002F>\nAnd [**follow me**](https:\u002F\u002Fgithub.com\u002Flopspower?tab=followers) for my next creations 👍\n\nLICENCE\n-----\n\nCircularImageView by [Lopez Mikhael](http:\u002F\u002Fmikhaellopez.com\u002F) is licensed under a [Apache License 2.0](http:\u002F\u002Fwww.apache.org\u002Flicenses\u002FLICENSE-2.0).\n","CircularImageView 是一个用于在Android应用中以最简单的方式创建圆形图片视图的库。它使用Kotlin编写，支持自定义边框颜色、宽度及阴影效果等属性，使得开发者能够轻松地通过XML布局文件或Gradle依赖将其集成到项目中。该组件适用于需要展示用户头像或其他圆形图像的场景，如社交软件、个人资料页面或任何希望界面元素更加美观的应用程序。其简洁易用的设计和丰富的自定义选项使其成为提升用户体验的理想选择。",2,"2026-06-11 03:13:03","top_language"]