نمایش انیمیشن، در برنامه اندروید

در این مبحث، چگونگی نمایش یک انیمیشن، حاصل از نمایش چند عکس متوالی، را شرح می دهیم. برنامه اندروید، شامل یک ImageView خواهد بود و زمانی که کاربر بر روی آن اشاره می کند، انیمیشن نمایش داده می شود.

در برنامه eclipse ، ابتدا یک پروژه اندروید با نام Kelidestan.com_Animation می سازیم (نام package را برابر com.kelidestan.animation انتخاب می کنیم. نام activity اصلی را برابر MainActivity انتخاب می کنیم و فایل xml متناظر آن را هم برابر activity_main قرار می دهیم).

قبل از شروع، باید تصاویر لازم برای ساخت انیمیشن را داشته باشیم. مثلا من تصاویر زیر را در نظر گرفته ام :

نام عکس	عکس	نام عکس	عکس	نام عکس	عکس
tick_1.jpg		tick_7.jpg		tick_13.jpg
tick_2.jpg		tick_8.jpg		tick_14.jpg
tick_3.jpg		tick_9.jpg		tick_15.jpg
tick_4.jpg		tick_10.jpg		tick_16.jpg
tick_5.jpg		tick_11.jpg		tick_17.jpg
tick_6.jpg		tick_12.jpg

با نمایش پی در پی عکس های بالا، یک انیمیشن خواهیم داشت که ترسیم یک علامت تیک را نمایش می دهد. دقت کنید که ابتدای نام عکس ها، یک کلمه مشخص و سپس در ادامه آن، شماره هایی، به ترتیب نمایش عکس ها، آمده است. نکته مهم این است که در انتخاب نام عکس ها، هیچ اجباری وجود ندارد و اینکه عکس ها را اینگونه نامگذاری کرده ایم، برای دادن نظم به آنها و عدم گیج شدن خودمان می باشد.

عکس های بالا را می توانید از لینک زیر دانلود نمایید :

دانلود عکس ها

عکس ها را در فولدر drawable-hdpi کپی می کنیم :

در ابتدا که پروژه اندروید را می سازیم، نمایش گرافیکی فایل activity_main.xml ، به صورت زیر می باشد :

این صفحه، به طور پیش فرض، دارای یک TextView می باشد، ما TextView را حذف کرده و به جای آن، یک ImageView قرار می دهیم. انیمیشن مورد نظر ما، باید در این ImageView نمایش داده شود :

تا اینجا، کدهای فایل activity_main.xml ، به صورت زیر می باشد :