دانشاپ

آموزش قدم به قدم ساخت اپلیکشن اندروید با اپ اینورتور/ اپ اینونتر

دانشاپ

آموزش قدم به قدم ساخت اپلیکشن اندروید با اپ اینورتور/ اپ اینونتر

در این وبلاگ سعی خواهم کرد تا ساخت اپپلیکشن‌های کوچک را با اپ اینورتور/ اپ اینونتر به شما آموزش دهم. این سایت به ویژه برای کودکان و نوجوانان مفیدی است که می‌خواهند خودشان اپ بسازند .

آموزش (13): ساخت اپلیکیشن توپ جهنده (2)

شنبه, ۲۳ فروردين ۱۳۹۹، ۰۲:۴۹ ب.ظ

 دو:  شروع پروژه

بعد از این‌که وارد سایت اپ ایونتر شدید، از قسمت پروژه (Project) روی جدید (New) کلیک کنید، تا پروژه‌ای تازه ساخته شود.

انتخاب پروژه جدید در اپ اینونتر

نام گزاری پروژه

 

در پنجره‌ای که باز می‌شود نامی برای پروژه خود انتخاب کنید. به دو چیز دقت کنید:

  1.  نام انتخابی شما باید - متاسفانه- لاتین ( به حروف انگلیسی) باشد. با حروف فارسی مورد قبول پروژه نیست.
  2. در بین حروف انتخابی نباید فاصله باشد. 

من نام (BallBounce) را پیشنهاد می‌کنم که به معنای توپ جهنده است. سپس بر روی اک کلیک کنید.

انتخاب نام پروژه در اپ اینورتر

اضافه کردن بوم به پروژه

 اکنون از بخش جعبه طراحی (Palette) از قسمت  نقاشی و پویا نمایی (Drawing and Animation )، بوم (Canvas) را انتخاب کنید. آن را بکشید و در قسمت ناظر (viewer) رها کنید.

کشیدن و رها کردن بوم در اپ ایونتر

تنظیم پایین و بالا نرفتن صفحه

تنظیمات اولیّه اپ اینونتر بدین گونه است که صفحه بالا و پایین و چپ و راست می‌رود(scrollable). اکنون که بوم را اضافه کرده‌ایم به اپ اینونتر می‌گوییم که صفحه حرکت نداشته باشد. برای این از بخش اجزا (Componentd)، صفحه (Screen) را انتخاب می‌کنیم. حالا در بخش ویژگی‌ها تیک حرکت صفحه را بر می‌داریم. 

خاموش کردن اسکرول در اپ اینونتر

 

 

تنظیم  بلندا و پهنای بوم برای پرکردن صفحه

این بار بوم را انتخاب می‌کنیم.(#1) و از بخش ویژگی‌ها (#2) ارتفاع و پهنا را در حالت پرکردن صفحه(Fill Parent) قرار می‌دهیم. 

اضافه کردن توپ

تا اینجا بومی داریم که صفحه را پر کرده‌است.  حالا وقت اضافه کردن توپ است. توپ در همان قسمت نقاشی و پویانمایی قرار دارد. آن را می‌کشیم و روی بوم در بخش ناظر رها می‌کنیم.(#1) اگر دوست دارید توپتان گردتر به نظر برسد، بزرگی (Radius) آن را در بخش ویژگی‌ها دگرگون کنید. هر چه مقدار بیشتر باشد، توپ بزرگتر به چشم می‌آید.

اکنون توپ بسیار آهسته حرکت می کند از زیر همین قسمت می توانید سرعت آن را نیز افزایش دهید.

 

 

 

 

 

 

 

 

 

 

 

 

ادامه در بخش سوم آموزش

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی