دایره ای شکل کردن تصاویر در اندروید

سلام به دوستان عزیز سایت سِون کلونر, امیدوارم که حالتون خوب باشه . امروز قصد داریم تا در این مقاله به نحوه دایره ای شکل کردن تصاویر در اندروید بپردازیم. و از یک کتابخانه خوب اندرویدی به اسم CircleImageView استفاده میکنیم, تا انتهای این آموزش با ما همراه باشید.

چرا از این کتابخانه استفاده میکنیم؟

در داخل خود ویو های اندروید می توان به ImageView یا AppCompatImageView اشاره کرد. اما این ویوها تنها میتوانند به ما این کمک را بکنند که تصاویر خود را در سایزهای مختلف به نمایش در بیاوریم, و به ما این امکان را نمی دهند که بتوانیم برای تصاویر حاشیه بسازیم, یا آن را به صورت های مختلف نمایش بدهیم, اساسا زمانی که نیاز باشد که ما یک تصویر پروفایل در داخل پروژه اندرویدی خود داشته باشیم.

اضافه کردن کتابخانه به پروژه

1. ابتدا فایل build.gradle در سطح ماژول app را باز کنید.
2. کد زیر را به بخش dependencies اضافه کنید و روی دکمه sync now کلیک کنید.

implementation 'de.hdodenhof:circleimageview:3.1.0'

نحوه استفاده از این کتابخانه

این کتابخانه به طور مستقیم از ImageView ارث بری کرده است. پس می توانید از تمام ویژگی های (attribute) موجود در ImageView در این کتابخانه هم استفاده کنید فقط چند attribute مخصوص برای این کتابخانه وجود دارد که در باکس کد های پایین به آن اشاره کرده ایم.

برای استفاده از ویو این کتابخانه کد های زیر را به فایل layout خود اضافه کنید.

<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"/>

• civ_border_width : با استفاده از این ویژگی می توانید طول حاشیه تصویر خود را مشخص کنید که بر اساس dp می باشد.
• civ_border_color : با استفاده از این ویژگی می توانید رنگ حاشیه تصویر خود را تغییر بدهید.
• civ_border_overlay : با استفاده از این ویژگی می توانید انتخاب کنید که آیا حاشیه روی تصویر قرار بگیرد یا زیر تصویر.
• civ_circle_background_color : با استفاده از این ویژگی می توانید رنگ پس زمین تصویر را انتخاب کنید که مثلا می توانید برای تصاویر transparent از آن استفاده کنید که جلو عکس را بهتر کند.

ویدئو آموزشی