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

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

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

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

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

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

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

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

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

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

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

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


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

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

مجتبی صابری


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


پیمایش نوشته


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

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

    تشکر

    1. سلام . والا تا اونجایی که من اطلاع دارم اندروید استودیو میتونه اکلیپس رو ایمپورت کنه ، ولی اکلیپس نمیتونه سورس های اندروید استودیو رو باز کنه . بهتره همین الان اندروید استودیو رو نصب کنید ، بهتره واستون

پاسخ دهید

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