Мазмұны:

Android қосымшасы 1 -бөлім: Фрагменттер/Котлинді қолдану арқылы ашылатын экран: 5 қадам
Android қосымшасы 1 -бөлім: Фрагменттер/Котлинді қолдану арқылы ашылатын экран: 5 қадам

Бейне: Android қосымшасы 1 -бөлім: Фрагменттер/Котлинді қолдану арқылы ашылатын экран: 5 қадам

Бейне: Android қосымшасы 1 -бөлім: Фрагменттер/Котлинді қолдану арқылы ашылатын экран: 5 қадам
Бейне: #SAQBOL мобильді қосымшасы 2024, Қараша
Anonim
Image
Image
Фрагмент менеджері және 3 экран
Фрагмент менеджері және 3 экран

Тағы да сәлем, Мүмкін сізде COVID19 -ға байланысты үйде бос уақыт болады және сіз бұрын білгіңіз келген тақырыптарды тексеруге оралуға болады.

Android қосымшаларын әзірлеу - бұл мен үшін олардың бірі және мен бірнеше апта бұрын екінші рет сынап көруді шештім.

Котлинде бағдарламалау кодтаудың күшін төмендетеді және қысқа мерзімде нәтижеге жетуге көмектеседі. Бұл шынымен де керемет!

Бұл оқулық сериясында мен теннис ұпайларын бақылау құралын қалай жасау керектігін түсіндіремін. Бұл қосымшаны достарыңызбен және/немесе отбасыңызбен ойнағанда қолдануға болады (сіз планшетті балаңызға бере аласыз және оны бос ұстай аласыз:)). Бұл қосымша келесі Kotlin Counter мысалына негізделген.

Оқу құралы келесі бөлімдерден тұрады:

1 -бөлім: Фрагменттерді қолдана отырып, экрандағы экран (біз қазір осындамыз)

2 -бөлім: Match Configuration - Properties

3 -бөлім: Ұпай сканерінің сәйкестігі

Негізгі идея - бұл қосымшаны 3 түрлі экранға бөлу, олардың әрқайсысы келесіге қоңырау шалады, ол аяқталғаннан кейін немесе пайдаланушы тиісті түймені басқанда.

Бұл бірінші бөлімде мен кіріспе экранын қалай жасау керектігін түсіндіремін -> жоғарыдағы бейнені тексеріңіз.

Жабдықтар

Бұл бөлімде қолданылатын Android мүмкіндіктері:

  • Фрагменттер
  • Анимация
  • Діріл
  • Медиа ойнатқыш
  • Тыңдаушылар

Қажетті құралдар:

  • Android студиясы
  • Котлин 1.3.61
  • API деңгейі 28

Қажетті активтер

Дыбыстық дыбыстық файл

1 -қадам: Пайдаланушы тәжірибесінің дизайны

Кіріспе экранымыздың ерекшеліктерін түсіндірейік.

  1. Біз ақ түсті толық экранға ие болғымыз келеді
  2. Біз экранды әрқашан ландшафт режимінде болғанын қалаймыз
  3. Біз логотип-мәтіннің сұр түске боялғанын қалаймыз
  4. Біз доптың жасыл түске боялғанын қалаймыз
  5. Біз логотип-мәтіннің жойылғанын қалаймыз
  6. Біз теннис допының экранда қозғалуын қалаймыз (доп секіреді)
  7. Біз доп бетке тиген сайын дыбыс шығарғымыз келеді
  8. біз дыбыс шыққан кезде телефон дірілін қосқымыз келеді
  9. біз кіріспе ұзақтығы 4 секундтан аз болғанын қалаймыз.

2 -қадам: фрагмент менеджері және 3 экран

Фрагмент менеджері және 3 экран
Фрагмент менеджері және 3 экран

Біздің қосымшаның негізгі идеясын еске түсірейік, бізде 3 экран болуы керек (Intro, Properties and Match Score). Ол үшін біз фрагменттерді қолданамыз. Сондықтан бізге әр экранға 3 -тен қажет. Бірінші код үзіндісін қараңыз.

Екіншісінде біз бірінші фрагментті қалай атайтынымызды біле аламыз. Splash фрагменті біздің кіріспе үшін қолданылады.

3 -қадам: Қолданба мен кіріс экранның орналасуы

Қолданба мен кіріспе экранның орналасуы
Қолданба мен кіріспе экранның орналасуы
Қолданба мен кіріспе экранның орналасуы
Қолданба мен кіріспе экранның орналасуы
Қолданба мен кіріспе экранның орналасуы
Қолданба мен кіріспе экранның орналасуы
  • Экранның орналасуын түзету және телефонның кез келген айналуын елемеу үшін бізге AndroidManifest.xml ішіндегі 1 -сурет кодын қосу керек.
  • Әрекеттер тақтасын барлық экрандардан алып тастау үшін, style.xml файлына келесі сурет 2 кодын қосу керек
  • Толық экранды барлық экрандарға жылжыту үшін 3 суреттегідей жалаушаларды 2 түрлі әдіспен орнату керек. Oncreate () және onWindowFocusChanged.

4 -қадам: Логотип пен шарикті айқындау

Логотип пен допты айқындау
Логотип пен допты айқындау
Логотип пен допты айқындау
Логотип пен допты айқындау
  • біз мәтіннің алдында сұр деп анықтадық, бұл style.xml файлы астында орындалады. 1 -суретті қараңыз.
  • Біз доптың жасыл реңктерде болуын анықтадық, ол үшін біз қалтаның астында ball.xml құрамыз. 2 -суретті тексеріңіз

5 -қадам: Анимацияның сипаттамасы

Мен мұнда анимацияның логикасы мен реттілігін түсіндіремін. Менің ойымша, бұл жерде код үзінділерін қосудың мағынасы жоқ, кодты өзіңіз жасаған дұрыс.

Анимация идеясы келесідей:

  • Фрагмент жасалғаннан кейін мәтін логотипі құрылады және іске қосылады
  • Мәтін логотипі анимациясы аяқталғаннан кейін теннис допының бірінші параболалық қозғалысы шақырылады
  • Бірінші параболалық қозғалыс аяқталғаннан кейін дыбыс естіледі және телефон дірілдейді.. және келесі параболалық қозғалыс шақырылады.
  • Соңғы параболалық қозғалыс аяқталып, дыбыс/діріл орындалғаннан кейін біз екінші экранға қоңырау шалатын жерге жеттік.

Ескерту: Мен анимация үшін абстрактілі класс құрған жоқпын, себебі мен кодты тегіс ұстағым келді … мен үшін оны орындау оңайырақ:)

Мен серияның екінші бөлігін жақын күндері жариялаймын, егер сізге бұл бөлім ұнаған болса, мені қадағалаңыз, егер ұнамаса, сіздің пікіріңізді алуға қуаныштымын.

Ұсынылған: