از اونجایی که همتون شاخ اینستاگرام هستید و آقایی می کنید توی این شبکه اجتماعی ، حتما با استوری یا همون داستان آشنا هستید و دیدید که چطوری کار میکنه . خوب ، توی این آموزش میایم و میبینیم که چه طور واسه برنامه اندروید خودمون هم این امکان رو اضافه کنیم . 

میخوایم از یه کتابخونه استفاده کنیم ، پس طبق معمول ، توی فایل app/build.gradle این کتابخونه رو اضافه میکنیم : 

ما توی لایه گرافیکی خودمون ، یه ImageView میذاریم و یه سری عکس هم توی فولدر drawable قرار میدیم و بعد از طریق کدهای جاوا ، میگیم که این ImageView رو برابر اون عکس ها قرار بده . 

توی کدهای بالا و خط آخر ، گفتیم که عکسی که به صورت پیشفرض نمایش داده میشه عکسی باشه با اسم sample1 . میخوایم کاری کنیم که اگه کاربر روی سمت راست گوشی کلیک کرد ، عکس بپره و بره عکس بعدی ، و اگه روی سمت چپ گوشی کلیک کرد ، بره به عکس قبلی . پس میایم و از Viewها استفاده میکنیم . 

اگه توی اینستاگرام دیده باشید ، یه نوار کوچیکی بالای عکس ها هست که زمان رو مشخص میکنه . یعنی هی نوار پــُـر میشه تا به آخر برسه و بره عکس بعدی یا کلا دیگه نمایش داده نشه . واسه اون نوار بالایی ، این کد  رو میذاریم : 

کارمون با لایوت تموم شد . حالا توی کلاس MainActivity اول از همه یه آرایه تعریف میکنیم و عکس ها رو بهش میدیم : 

حالا میگیم هر چی برنامه رفت جلو ، اون imageView رو برابر با آرایه عکس های بالا قرار بده ، یعنی : 

مقدار Counter رو هم به صورت پیشفرض برابر صفر قرار میدیم . میخوایم مدت زمان نمایش هر عکس ۳ ثانیه باشه . این میشه کدش : 

اگه یادتون باشه ، دو View تعریف کردیم . ویو سمت راست که اگه کاربر کلیک کرد ، بره به عکس بعدی . این کدش هست : 

و View سمت چپ که اگه کاربر کلیک کرد بره به عکس قبلی با این کد : 

میخوایم وقتی کاربر از برنامه خارج شد یا مثلا همه برنامه های جاری گوشی رو متوقف کرد و برنامه ما هم باهاشون به اصطلاح نابود یا Destroy شد ، این استوری از بین بره و وقتی مجددا برنامه اجرا شد از همون عکس اول نمایش داده بشه : 

خوب ، حالا اگه برنامه رو اجرا بگیریم : 


واسه دانلود سورس ، باید اپلیکیشن اندروید لایف رو از کافه بازار نصب کنید و از اونجا سورس رو دانلود کنید 

آموزش ساخت استوری شبیه اینستاگرام

مجتبی صابری


همه عشقم برنامه نویسی هست | t.me/kotlin9


پیمایش نوشته


یک دیدگاه در “آموزش ساخت استوری شبیه اینستاگرام

  1. سلام
    دانش برنامه نوسی اندروید ندارم اما این سورس برام خیلی جالب بود و اگه ممکنه راهنمایی کنید تا استفاده کنم
    فایل های سورس رو توی هاست بریزم؟
    از چه طریق خروجی اندروید بگیرم

    تشکر

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *