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

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

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

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

 

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

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

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

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

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

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

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

 

 

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

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

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

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

آموزش 12: ساخت اپلیکیشن توپ جهنده با اپ اینونتر(1)

با سومین آموزش‌ تصویری و گام به گام  اپ اینونتر در خدمت شماییم با ما همراه باشید.

آموزش ساخت اپلیکیشن توپ جهنده.

• سطح آموزش: مقدماتی
• پیش نیاز: توانایی ورود به سایت http://ai2.appinventor.mit.edu/ با استفاده از کاربری گوگل

در این آموزش توپی خواهیم ساخت که در صفحه دستگاه اندرویدی شما بالا و پایین می‌پرد.

 مقدمه:

ابتدا رایانه خود را برای راه اندازی  اپ لیکیشن آماده کنید. یا این که دستگاه اندرویدی خود را با کابل یا بی سیم متصل کرده باشید.

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

کافی است تا به برگه آموزش‌ها بروید و آموزش‌های یک تا چهار را مطالعه کنید.

 یک

در محیط اپ اینونتر دو قسمت (component) اصلی به چشم می خورد.  طراح(Designer)  و ویرایشگر بلوک ( Block Editor).

طراح همان قسمتی است که اجزای مختلف دیداری در آن وجود دارد و  در آن همان شکلی را طراحی می‌کنید که می‌خواهید آن را در صفحه دستگاه اندرویدی خود ببینید.

قسمت طراحی اپ اینونتر

ویرایشگر بلوک نیز همان قسمتی است که کدهای خود را در آن می‌نویسید.

قسمت ویرایشگر بلوک اپ اینونتر

 

برای جا‌به‌جا شدن بین این دو بخش کافی است که دکمه مربوط به هر کدام را در گوشه سمت راست اپ اینونتر فشار دهید.

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

بخش طراحی

در بخش طراحی پنج قسمت می‌بینیم:  جعبه طراحی(palette)، ناظر (viewer)، اجزا(Components)، رسانه(Media)، و ویژگی‌ها(Properties)

• جعبه طراحی: جایی است که اجزا در آن قرار دارند. ما اجزا را از این قسمت می‌گیریم و داخل قسمت ناظر  رها می‌کنیم.

• ناظر: جایی است که اجزا را در آن رها می‌کنیم. بخش اصلی آن از پیش به صورت یک صفحه دستگاه اندرویدی طراحی شده‌است.

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

 

• رسانه: در این بخش رسانه‌های بارگزاری شده همچون تصویر و صدا را می‌بینید. 

توجه: بعضی رسانه‌ها همچون صدا. نادیدنی هستند و به قسمت اصلی ناظر اضافه نمی‌شوند، بلکه در زیر مشاهده‌گر دستگاه اندرویدی اضافه می‌شوند. 

 

ویژگی‌ها: در این قسمت می‌توانیم ویژگی‌های اجزا را دگرگون کنیم. یا برایشان نام بگذاریم.  توجه کنیم که برای دگرگون سازی باید جزء را انتخاب کرده‌باشیم.

ادامه در نوشته دوم