Android App Part 1: Fragments/Kotlin колдонуп экранда экран: 5 кадам

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:38

Дагы салам, Балким, сизде COVID19дан улам үйдө "бош" убакыт бар жана мурун үйрөнгүңүз келген темаларды текшерүү үчүн кайтып барсаңыз болот.

Android App иштеп чыгуусу, албетте, мен үчүн алардын бири жана мен бир нече жума мурун экинчи аракет кылууну чечтим.

Котлинде программалоо, албетте, коддоо аракетин азайтат жана кыска убакыттын ичинде натыйжаларга жетүүгө жардам берет. Бул чынында эле сонун!

Бул үйрөткүч сериясында мен теннис упайларынын трекерин кантип иштеп чыгууну түшүндүрөм. Бул колдонмону досторуңуз жана/же үй -бүлөңүз менен ойногондо колдонсоңуз болот (планшетиңизди балаңызга берип, аны бош эмес калтыра аласыз:)). Бул колдонмо Kotlin Counter мисалына негизделген.

Окутуу төмөнкү бөлүктөрдөн турат:

1 -бөлүк: Фрагменттерди колдонуп экранда экран (биз азыр бул жердебиз)

2 -бөлүк: Match Configuration - Properties

3 -бөлүк: Match Score Tracker

Негизги идея - колдонмону 3 башка экранга бөлүү, алардын ар бири экинчисине чалып, аяктагандан кийин же колдонуучу тиешелүү баскычты басканда.

Бул биринчи бөлүктө мен кантип киришүү экранын түзүүнү түшүндүрөм -> жогорудагы видеону текшериңиз.

Жабдуулар

Бул бөлүктө колдонулган Android функциялары:

• Фрагменттер
• Анимация
• Дирилдөө
• Медиа ойноткуч
• Угуучулар

Керектүү куралдар:

• Android Studio
• Котлин 1.3.61
• API деңгээл 28

Милдеттүү активдер

Үн сигналы

1 -кадам: Колдонуучунун тажрыйбасы Дизайн

Келгиле, кириш экраныбыздын өзгөчөлүктөрүн түшүндүрөлү.

1. биз ак түстөгү толук экранга ээ болгубуз келет
2. Биз экрандын дайыма пейзаж режиминде болушун каалайбыз
3. биз логотипибиздин текст түсүн боз түстө каалайбыз
4. биз жашыл түстө топубуздун түсүн каалайбыз
5. биз логотип-текстибиздин өчүшүн каалайбыз
6. Биз экранда теннис тобунун кыймылда болушун каалайбыз (секирип жаткан топ)
7. биз топтун бетине тийген сайын үн чыгаргыбыз келет
8. биз үн чыгарылганда телефондун дирилдөөнү каалайбыз
9. биз киришүү мөөнөтү 4s кем болушун каалайбыз.

2 -кадам: Fragment Manager жана 3 Screen

Келгиле, биздин Колдонмонун негизги идеясын эстейли, биз 3 экрандын болушун каалайбыз (Intro, Properties and Match Score). Бул үчүн биз фрагменттерди колдонобуз. Ошентип, бизге ар бир экран үчүн 3төн бирөө керек. Биринчи код үзүндүнү караңыз.

Экинчисинде, биз өзүбүздүн биринчи фрагментибизди кантип атаарыбызды таба алабыз. Splash фрагментин биздин киришүү үчүн колдонсо болот.

3 -кадам: App жана Intro Screen Layout

• Экрандын абалын оңдоо жана телефондун эч кандай айлануусун этибарга албоо үчүн, AndroidManifest.xml ичиндеги 1 -сүрөт кодун кошушубуз керек.
• Аракеттер тилкесин бардык экрандардан алып салуу үчүн, style.xmlдеги төмөнкү Picture 2 кодун кошушубуз керек
• Толук экранды бардык экрандарга чыгаруу үчүн, 3 -сүрөттөгүдөй 2 желекти эки түрдүү ыкмада орнотушубуз керек. Oncreate () жана onWindowFocusChanged.

4 -кадам: Logo жана Ball Syles аныктоо

• биз тексттин алдында боз деп аныктадык, бул styles.xml файлынын астында жасалат. Сүрөт 1ге кайрылыңыз.
• Биз топ жашыл түстө болушу керектигин аныктадык. Бул үчүн биз draw.xml файлын папкадан түзөбүз. Сүрөттү текшерүү 2

5 -кадам: Animation Description

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

Анимациянын идеясы төмөнкүчө:

• Фрагмент түзүлгөндөн кийин, тексттин логотиби түзүлөт жана башталат
• Тексттин логотипинин анимациясы бүткөндөн кийин, теннис топунун биринчи параболикалык кыймылы чакырылат
• Биринчи параболикалык кыймыл аяктагандан кийин, үн угулат жана телефон дирилдейт.. жана кийинки параболикалык кыймыл чакырылат
• Акыркы параболикалык кыймыл бүтүп, үн/дирилдөө аткарылганда, биз экинчи экраныбызды чакырган чекке жетебиз.

Эскертүү: Мен анимациялар үчүн абстрактуу класс түзгөн жокмун, анткени мен кодду тегиз сактагым келди … жок дегенде мен үчүн ээрчүү оңой:)

Мен кийинки күндөрдө сериянын экинчи бөлүгүн жарыялайм, эгер бул бөлүк сизге жакса, мени ээрчиңиз, эгер жакпаса, сиздин пикириңизди алууга кубанычта болом.