آموزش برنامه نویسی اندروید | معرفی Loading های متریال دیزاین برای برنامه اندروید
سلام دوستان در این سری از آموزش برنامه نویسی اندروید به معرفی Loading های متریال دیزاین برای برنامه اندروید می پردازیم منظور از Loading همان Progress bar است اما فقط برای نمایش مورد استفاده قرار میگیرند و کاربرد خاص دیگری ندارند در ادامه می توانید پیش نمایشی از انواع مختلف Loading را مشاهده کنید در ادامه با ما همراه باشید.
همانطور که مشاهده می کنید بسیار متریال دیزاین است.
ویژگی های این کتاب خانه
- حجم بسیار کم 18 کیلوبایتی.
- پیاده سازی تمیز و متریال دیزاین.
- گستردگی در انتخاب Loading.
- پیاده سازی ساده.
برای استفاده از این کتاب خانه باید آن را مثل همیشه به پروژه خود اضافه کنید.
برای اینکار وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط زیر را اضافه کنید.
1 2 3 | dependencies { compile 'com.wang.avi:library:2.1.3' } |
پروژه را sync کنید.
ساده ترین شکل استفاده از آن همانند زیر می شود.
1 2 3 4 5 | <com.wang.avi.AVLoadingIndicatorView android:layout_width="wrap_content" android:layout_height="wrap_content" app:indicatorName="BallPulseIndicator" /> |
در بالا app:indicatorName شکل ظاهری آن را تنظیم می کند در ادامه تمامی آن را برای شما قرار میدهم.
براساس ستون های که در فیلم قرار گرفته است کدهای زیر را در app:indicatorName قرار دهید تا شکل تغییر کند.
ستون اول
- BallPulseIndicator
BallGridPulseIndicatorBallClipRotateIndicatorBallClipRotatePulseIndicator
ستون دوم
SquareSpinIndicatorBallClipRotateMultipleIndicatorBallPulseRiseIndicatorBallRotateIndicator
ستون سوم
- CubeTransitionIndicator
BallZigZagIndicatorBallZigZagDeflectIndicatorBallTrianglePathIndicator
ستون چهارم
BallScaleIndicatorLineScaleIndicatorLineScalePartyIndicatorBallScaleMultipleIndicator
ستون پنجم
BallPulseSyncIndicatorBallBeatIndicatorLineScalePulseOutIndicatorLineScalePulseOutRapidIndicator
ستون ششم
BallScaleRippleIndicatorBallScaleRippleMultipleIndicatorBallSpinFadeLoaderIndicatorLineSpinFadeLoaderIndicator
ستون هفتم
TriangleSkewSpinIndicatorPacmanIndicatorBallGridBeatIndicatorSemiCircleSpinIndicator
امکان سفارشی این کتاب خانه نیز وجود دارد.
بعد از قرار دادن کد در layout خود و تنظیم کردن شکل آن وارد اکتیویتی شده سپس view را find کرده همانند زیر و انیمیشن را اجرا کنید.
1 2 | AVLoadingIndicatorView avi = (AVLoadingIndicatorView) findViewById(R.id.avi); avi.show(); |
و برای اینکه آن را stop کنید از کد زیر استفاده کنید.
1 | avi.hide(); |
این آموزش هم همانند آموزش های قبلی به پایان رسید.
موفق و موید باشید.
دمتون گرم.بهترین آموزشتون همین بود
سلام چرا واسه من قسمت app در xml نمیخونه. یعنی قسمت اصلی
مشکل حل شد. ممنون
سلام من هر کاری میکنم نمیتونم کتابخونه رو اضافه کنم
کلا تو اضافه کردن کتابخونه مشکل دارم میشه کمکم کنید. از قند#ش#ک#ن هم استفاده میکنم نمیشه
اون مقاله ایی که درباره مشکل اد نشدن کتابخانه ها داده بودید هم خوندم ولی قشنگ متوجه نشدم
سلام Sdk را بررسی کنید و همینطور minsdk تا با ورژن خود کتاب خانه تداخل نداشته باشد.
سلام میشه در صفحه اسپلش از این استفاده کرد؟
سلام بله امکان پذیر است.
خدا خیرت بده خیلی کار راه انداز بود .