Мобильді қосымшаларды құру
App Inventor
- 11.5.2.1 конструкторда мобильді қосымшаның достық интерфейсін құру;
- 11.5.2.2 шарттар мен циклдары бар код блоктарын пайдалана отырып, мобильді қосымшаны әзірлеу;
- 11.5.2.3 әзірленген мобильді қосымшаны қалай орнату керектігін түсіндіру.
Оқу мақсаттары:
DigitalDoodle: сурет салуға арналған қосымша
Осы оқулықтан сіз пайдаланушы экранда саусақпен сырғыған кезде экранда сызықты қалай салу керектігін білесіз.
Жаңа жобаны бастаңыз. Менің жобаларым бетінде жаңа жобаны нұқыңыз. Егер сізде басқа жоба болса, "менің жобаларым" мәзіріне өтіп, "жаңа жоба"таңдаңыз.
Бұл DigitalDoodle жобасын атаңыз немесе сурет қосымшасы үшін өз атыңызды ойлаңыз.
Экранды жылжытпайтын етіп реттеңіз
Әдепкі бойынша, App Inventor үшін қолданбаның экраны "айналдырылатын" болады. Бұл пайдаланушы интерфейсі экраннан асып кетуі мүмкін және пайдаланушы саусағыңызбен төмен қарай жылжи алады дегенді білдіреді. (мысалы, веб-бетті айналдыру). Кенеп (кенеп) қолданылған кезде, экран жылжып кетпеуі үшін "айналдыру" опциясын өшіру керек (терезені өшіріңіз). Бұл кенептің бүкіл экранды ұстап тұруына мүмкіндік береді.
Кенеп қосу
Сурет салу және анимация тартпасынан кенеп компонентін сүйреңіз.
Кенептің биіктігі мен енін өзгертіңіз.
Кенеп компонентінің (№1) таңдалғанына көз жеткізіңіз, осылайша оның қасиеттері Қасиеттер тақтасында (№2) көрсетіледі. Төменгі жағында height қасиетін "ата-ананы толтыру" күйіне орнатыңыз. Width қасиетімен де солай жасаңыз.
Мұның бәрі дизайнер үшін! Блоктарға өтіңіз.
Сіз бұған сенбейсіз, бірақ қазір бұл қосымшаға тек кенеп қажет. Бағдарламаны бағдарламалау үшін блок редакторына кіріңіз.
Canvas оқиғалар блогын алу. Canvas 1 алынатын элементінде Canvas1.Dragged оқиғасын шығарыңыз.
Canvas. DrawLine қоңырау блогын алу.
Canvas1 алынатын жылжымалы элементінде Canvas1.DrawLine әдісінің блогын алыңыз.
Draw Line блогының мәндерін толтыру үшін Dragged блогынан get және set блоктарын пайдаланыңыз.
Canvas Dragged оқиғасы пайдаланушы саусағыңызды экранда жылжытқан кезде қайта-қайта өте тез өтеді. Dragged оқиғалар блогы шақырылған сайын саусақтың алдыңғы орналасуы (prevX, prevY) мен жаңа орналасуы (currentX, currentY) арасында кішкене сызық сызады. Қажетті get блоктарын шығару үшін тінтуірді Canvas1.Dragged блок параметрлеріне апарыңыз. (Тінтуір меңзерін оларға апарыңыз, оларды баспаңыз.)
Протестируйте сіздің жоба!
Қосылған құрылғыға өтіп, экранда сырғытыңыз. Сіз сызықты көресіз бе?
Керемет жұмыс! Енді осы қосымшаны кеңейтіңіз.
Міне, осы қосымшаны кеңейтуге арналған бірнеше идеялар. Сіз көптеген қызықты нәрселер туралы ойлануыңыз мүмкін
- сия түсін өзгертіңіз (және қолданушыға жиынтықтан түстерді таңдауға мүмкіндік беріңіз). Paint Pot Tutorial қараңыз.
- фонды фотосуретке немесе суретке өзгертіңіз.
- пайдаланушыға нүктелер мен сызықтар салуға мүмкіндік беріңіз (кеңес: DrawCircle блогын қолданыңыз).
- камераны қосатын және қолданушыға суретке түсіріп, содан кейін оған сурет салуға мүмкіндік беретін түймені қосыңыз.
- Шағын жобаңызды жасаңыз
- Мұғалімге жұмыс процесі туралы айтып беріңіз
- Басқа студенттердің жобаларын қарау
- Жобаңызды және сыныптастарыңыздың жобасын 10 балдық шкала бойынша бағалаңыз.
Жеке жұмыс
https://appinventor.mit.edu/ - https://appinventor.mit.edu/
- https://appinventor.mit.edu/explore/get-started
- https://appinventor.mit.edu/explore/ai2/beginner-videos
- http://ai2.appinventor.mit.edu/#6613918604984320
Сілтемелер
Достарыңызбен бөлісу: |