Circle Image View Create in Android Studio 😍 || How to create circleimageview ?

Опубликовано: 08 Октябрь 2024
на канале: Cyber Amit Community
716
9

Circle Image View Create in Android Studio 😍 || How to create circleimageview ? #Circle_imageview

Dependency Link :- https://github.com/hdodenhof/CircleIm...

Code:- 👩‍💻

👉 Link tree:- https://linktr.ee/amitmaity
👉 LinkedIn :-   / amit-maity-559a911ba  
👉 GitHub :- https://github.com/maityamit
👉 Instagram :-   / amit_maity_2003  
👉 Twitter :-   / amitmai40525308  
👉 YouTube :-    / @cyberamitcommunity  

-------------------------------------------------------------------

⚙️ My Gears :

💻 Laptop : HP ENVY Laptop i5 10th gen
https://bit.ly/3gKnRSz
📱 Mobile : Samsung M21
https://bit.ly/3tbmRMt
⌨️ Keyboard : HP C2500 Desktop
https://bit.ly/3kDbE33


💸💰 Donate me :- https://paypal.me/CyberAmit308
💸💰 Buy a Coffee To me :- https://www.buymeacoffee.com/maityamit
Gradle
dependencies
..
implementation 'de.hdodenhof:circleimageview:3.1.0'

Usage
de.hdodenhof.circleimageview.CircleImageView
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/profile_image"
android:layout_width="96dp"
android:layout_height="96dp"
android:src="@drawable/profile"
app:civ_border_width="2dp"
app:civ_border_color="#FF000000"


It uses a BitmapShader and does not:

create a copy of the original bitmap
use a clipPath (which is neither hardware accelerated nor anti-aliased)
use setXfermode to clip the bitmap (which means drawing twice to the canvas)
As this is just a custom ImageView and not a custom Drawable or a combination of both, it can be used with all kinds of drawables, i.e. a PicassoDrawable from Picasso or other non-standard drawables (needs some testing though).

Gradle
dependencies
...
implementation 'de.hdodenhof:circleimageview:3.1.0'

Usage
de.hdodenhof.circleimageview.CircleImageView
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/profile_image"
android:layout_width="96dp"
android:layout_height="96dp"
android:src="@drawable/profile"
app:civ_border_width="2dp"
app:civ_border_color="#FF000000"
Limitations
The ScaleType is always CENTER_CROP and you'll get an exception if you try to change it. This is (currently) by design as it's perfectly fine for profile images.
Enabling adjustViewBounds is not supported as this requires an unsupported ScaleType
If you use an image loading library like Picasso or Glide, you need to disable their fade animations to avoid messed up images. For Picasso use the noFade() option, for Glide use dontAnimate(). If you want to keep the fadeIn animation, you have to fetch the image into a Target and apply a custom animation yourself when receiving the Bitmap.
Using a TransitionDrawable with CircleImageView doesn't work properly and leads to messed up images.
FAQ
How can I use a VectorDrawable with CircleImageView?

Short answer: you shouldn't. Using a VectorDrawable with CircleImageView is very inefficient. You should modify your vectors to be in a circular shape and use them with a regular ImageView instead.

Why doesn't CircleImageView extend AppCompatImageView?

Extending AppCompatImageView would require adding a runtime dependency for the support library without any real benefit.

How can I add a selector (e.g. ripple effect) bound to a circle?

There's currently no direct support for a circle bound selector but you can follow these steps to implement it yourself.

How can I add a gap between image and border?

Adding a gap is also not supported directly but there's a workaround.

Changelog
3.1.0
Align bitmap paint flags with BitmapDrawable (improves scaling)
3.0.2
Fix NPE during initialization on API level 19
Fix wrong outline being provided if circular transformation is disabled
3.0.1
Fix touch event not fired if view is empty
Fix touchable area limited to a circle even if transformation is disabled
3.0.0 for padding
Add option to disable circular transformation
Fix hairline gap being drawn between image and border under some conditions
Fix NPE when using tint attribute (which is not supported)
Deprecate fill color as it seems to cause quite some confusion
2.0.0
BREAKING: Custom xml attributes are now prefixed with "civ_"
Graceful handling of incompatible drawables
Add support for a fill color shown behind images with transparent areas
Fix dimension calculation issues with small images
Fix bitmap not being cleared when set to null
1.3.CircleImageView(Context context)
1.1.1
http://www.apache.org/licenses/LICENS...

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.