آموزش ایجاد ImageView دایره ای در اندروید
با استفاده از کتابخانه‌ی CircleImageView
حتما در اپلیکیشن‌های بسیاری دیده‌اید که تصویر ImageView به صورت دایره‌ای نمایش داده می‌شود، در حالی که تصویر ذاتا دایره‌ای نیست! اپلیکیشن‌هایی نظیر تلگرام که در آن آواتارهای مخاطبین به حالت دایره‌ای در آمده‌اند.
در این پست با استفاده از کتابخانه‌ی CircleImageView، این کار را انجام خواهیم داد.
اضافه کردن کتابخانه
کتابخانه را به dependencies پروژه خود اضافه می‌کنیم.
|
1 2 3 4 |
dependencies { ... compile 'de.hdodenhof:circleimageview:2.2.0' } |
نحوه استفاده از این کتابخانه
به سادگی، از کامپوننت CircleImageView به جای ImageView ساده، در Layout خود استفاده می‌کنیم:
|
1 2 3 4 5 6 7 8 |
<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"/> |
همانطور که می‌بینید، تمامی ویژگی‌ها همان ویژگی‌های ImageView هستند که در بالا فقط دو ویژگی جدید civ_border_width و civ_border_color اضافه شده‌اند. این دو ویژگی را تغییر دهید تا با کاربرد آن‌ها آشنا شوید.
نکته: تمام جاهایی که می‌توانید از ImageView استفاده کنید، از این نیز می‌توانید استفاده کنید؛ در واقع CircleImageView از ImageView مشتق شده است.
نظرات ثبت شده بدون دیدگاه