آموزش برنامه نویسی اندروید | آموزش قرار دادن Loading برای Imageview
سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش قرار دادن Loading برای Imageview در برنامه نویسی اندروید می پردازیم در این آموزش ما از کتاب خانه CircleLoadingView استفاده می کنیم در ادامه می توانید پیش نمایشی از آن را مشاهده کنید بهتر است از این کتاب خانه استفاده کنید تا اینکه منتظر بمانید عکس های از سرور دانلود شده و سپس در Imageview قرار گیرد این کتاب خانه درصد دانلود شدن عکس را نیز نمایش می دهد با ما همراه باشید.
به علت بالا بودن حجم فایل از لینک زیر استفاده کنید.
لینک پیش نمایش
برای استفاده از این کتاب خانه مثل همیشه عمل می کنیم.
ابتدا وارد فایل Build.gradle از نوع Top Level شده و در بخش repositories خط زیر را اضافه کنید.
1 2 3 4 | repositories { jcenter() maven { url "https://jitpack.io" } } |
پروژه را sync نکنید وارد فایل Build.gradle از نوع Module شده و در بخش dependencies خط زیر را اضافه کنید.
1 2 3 | dependencies { compile 'com.github.jhw-dev:CircleLoadingView:v1.3' } |
سپس پروژه را sync کنید. علت خطاهای احتمالی گریدل را قبلا بررسی کرده ایم برای حل مشکلتان واژه Gradle را در سایت جستجو کنید.
برای اینکه آن را در layout خود اضافه کنید می توانید مثل زیر عمل کنید (RelativeLayout را در اینجا منظور نیست ).
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <com.tengchong.android.CircleLoadingView android:id="@+id/loading" android:layout_width="100dp" android:layout_height="100dp" app:cl_circleRadius="40dp" app:cl_circleStrokeSize="5dp" app:cl_fillAnimationDuration="200" app:cl_src="@drawable/avatar"/> </RelativeLayout> |
app:cl_circleRadius : گردی دور عکس را تنظیم می کند.
app:cl_circleStrokeSize : اندازه خط ریز دور عکس را تنظیم می کند.
app:cl_fillAnimationDuration : زمان انیمیشن را تنظیم می کند.
app:cl_src : با این ویژگی می توانید عکس را از پوشه drawable یا mipmap در View لود کنید.
و یا از طریق کد می توانید عکس را نیز لود کنید مثل زیر
1 2 3 4 | CircleLoadingView loadingView =new CircleLoadingView(); loadingView.setImageBitmap( BitmapFactory.decodeResource(getResources(), R.drawable.avatar)); loadingView.setPercent(88); |
در بالا setPercent درصد loading عکس را تنظیم می کند شما باید این رو کم کم اضافه کنید (در بخشی که عکس در حال دانلود شدن است قرار دهید)
این آموزش هم به پایان رسید.
موفق و موید باشید.
سلام ممنون 🙂 مثل همیشه کاربردی و عالی
چطوری باید تنظیم کنیم خودش اتوماتیک تا زمانیکه مثلا عکس از سرور لود میشود بسته میزان دانلود شدن عکس درصد لودینگ تغییر پیدا بکنه؟؟
سلام
اگر با کلاس AsyncTask آشنا باشید خودش یکسری متود optional داره یکی از اون متود ها onProgressUpdate هست شما می تونید بخش loadingView.setPercent(88); را انجام دهید نمونه کد.
موفق باشید.