آموزش برنامه نویسی اندروید | آموزش ساخت Carousel در برنامه نویسی اندروید
سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش ساخت Carousel در برنامه نویسی اندروید می پردازیم شاید بپرسید Carousel چیست ؟ از Carousel برای ساخت اسلایدر استفاده می شود در ادامه می توانید پیش نمایشی از آن را مشاهده کنید.
به علت سنگین بودن عکس از لینک زیر استفاده کنید.
لینک فایل متحرک
برای استفاده از آن مثل همیشه وارد فایل Build.gradle شده از نوع Module سپس در بخش dependencies خط زیر را اضافه کنید.
1 | compile 'com.synnapps:carouselview:0.1.4' |
سپس پروژه را sync کنید علت خطاهای مربوط به گریدل را قبلا بررسی کرده ایم لطفا در سایت واژه gradle را جستجو کنید.
برای استفاده از آن وارد layout خود شده و کد زیر را در آن قرار دهید.
1 2 3 4 5 6 7 8 9 10 | <com.synnapps.carouselview.CarouselView android:id="@+id/carouselView" android:layout_width="match_parent" android:layout_height="200dp" app:fillColor="#FFFFFFFF" app:pageColor="#00000000" app:radius="6dp" app:slideInterval="3000" app:strokeColor="#FF777777" app:strokeWidth="1dp"/> |
از app:radius گرد کردن دور آن استفاده شده است
از app:slideInterval برای تغییر عکس در مقدازمانی ثابت استفاده شده است.
app:strokeColor رنگ نقطه ها یا Indicator ها را تنظیم می کند
app:strokeWidth اندازه نقطه ها را تنظیم می کند.
حالا برای اینکه در آن عکس قرار دهیم باید مثل زیر عمل کنیم.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | public class SampleCarouselViewActivity extends AppCompatActivity { CarouselView carouselView; int[] sampleImages = {R.drawable.image_1, R.drawable.image_2, R.drawable.image_3, R.drawable.image_4, R.drawable.image_5}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_sample_carousel_view); carouselView = (CarouselView) findViewById(R.id.carouselView); carouselView.setPageCount(sampleImages.length); carouselView.setImageListener(imageListener); } ImageListener imageListener = new ImageListener() { @Override public void setImageForPosition(int position, ImageView imageView) { imageView.setImageResource(sampleImages[position]); } }; } |
sampleImages عکس هایی که می خواهیم نمایش داده شود.
و چیز خاصی برای کد بالا تعریف نکرده مثل آموزش اسلایدر های قبلی عمل کردیم و برای CarouselView یک لیستنر تعریف کردیم.
و اما اگه می خواهید برای هر عکس listener تعریف کنید از کد زیر استفاده کنید.
1 2 3 4 5 6 | carouselView.setImageClickListener(new ImageClickListener() { @Override public void onClick(int position) { Toast.makeText(SampleCarouselViewActivity.this, "Clicked item: "+ position, Toast.LENGTH_SHORT).show(); } }); |
این آموزش هم به پایان رسید.
موفق و موید باشید.
عالی بود 🙂
واقعا لایک دارید خدا قوت
خواهش می کنم موفق باشید.
خسته نباشید
خیلی ممنون
سلام
بعد اگه بخوایم از کتابخانه glide استفاده کنیم و عکس و از سرور بگیریم چه جوری باید بزنیم