Агуулгын хүснэгт:

Android App 1 -р хэсэг: Fragments/Kotlin ашиглан цацах дэлгэц: 5 алхам
Android App 1 -р хэсэг: Fragments/Kotlin ашиглан цацах дэлгэц: 5 алхам

Видео: Android App 1 -р хэсэг: Fragments/Kotlin ашиглан цацах дэлгэц: 5 алхам

Видео: Android App 1 -р хэсэг: Fragments/Kotlin ашиглан цацах дэлгэц: 5 алхам
Видео: Доступ к галерее (опасные разрешения) - İtem- Разработка приложений для Android - Kotlin Урок 10 2024, Долдугаар сарын
Anonim
Image
Image
Хэсгийн менежер ба 3 дэлгэц
Хэсгийн менежер ба 3 дэлгэц

Дахин сайн уу, магадгүй танд COVID19 -ийн улмаас гэртээ "чөлөөт" цаг байгаа бөгөөд та өмнө нь сурахыг хүсч байсан сэдвүүдээ шалгаж үзэх боломжтой.

Андройд аппликейшн хөгжүүлэлт бол миний хувьд мэдээжийн хэрэг бөгөөд би хэдэн долоо хоногийн өмнө хоёр дахь оролдлогоо хийхээр шийдсэн.

Котлинд програмчлах нь кодчилох хүчин чармайлтыг бууруулж, богино хугацаанд үр дүнд хүрэхэд тусалдаг. Энэ үнэхээр агуу юм!

Энэхүү хичээлийн цувралд би теннисний оноо хайгч хэрхэн хөгжүүлэх талаар тайлбарлах болно. Энэхүү аппликейшнийг найз нөхөд, гэр бүлийнхэнтэйгээ тоглохдоо ашиглах боломжтой (та хүүхдэдээ таблетаа өгөөд завгүй байлгаарай:)). Энэхүү програм нь Kotlin Counter -ийн жишээн дээр үндэслэсэн болно.

Хичээл нь дараахь хэсгүүдээс бүрдэнэ.

1 -р хэсэг: Fragments ашиглан Splash Screen (бид одоо энд байна)

2 -р хэсэг: Тохирох тохиргоо - Properties

3 -р хэсэг: Онооны мөрдөгч

Гол санаа бол програмыг 3 өөр дэлгэц болгон хуваах явдал бөгөөд тус бүрийг дуусгасны дараа эсвэл хэрэглэгч тухайн товчлуурыг дарахад дараагийнх нь дуудах болно.

Энэ эхний хэсэгт би танилцуулга дэлгэц хэрхэн үүсгэх талаар тайлбарлах болно -> дээрх видеог үзээрэй.

Хангамж

Энэ хэсэгт ашигласан 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 дээр нэмэх хэрэгтэй.
  • Action Bar -ийг бүх дэлгэцээс устгахын тулд бид style.xml доторхи Picture 2 кодыг нэмэх хэрэгтэй
  • Бүх дэлгэцэн дээр бүтэн дэлгэц оруулахын тулд 3 -р зураг дээрх шиг хэдэн тугийг 2 өөр аргаар тохируулах хэрэгтэй. Oncreate () ба onWindowFocusChanged.

Алхам 4: Лого ба бөмбөгийг тодорхойлох

Лого ба бөмбөгийг тодорхойлох
Лого ба бөмбөгийг тодорхойлох
Лого ба бөмбөгийг тодорхойлох
Лого ба бөмбөгийг тодорхойлох
  • Бид текстийнхээ өмнө саарал гэж тодорхойлсон бөгөөд үүнийг style.xml файлын дор хийдэг. Зураг 1 -ийг үзнэ үү.
  • Бид бөмбөг ногоон өнгөтэй байх ёстой гэж тодорхойлсон бөгөөд ингэснээр бид зургийн хавтасны доор ball.xml үүсгэнэ. Зураг 2 -ыг шалгана уу

Алхам 5: Анимацийн тайлбар

Би энд анимацийн логик, дарааллыг тайлбарлах болно. Энд кодын хэсгүүдийг нэмэх нь утгагүй гэж би бодож байна, тэгвэл та өөрөө кодоор дамжуулаарай.

Анимацийн санаа нь дараах байдалтай байна.

  • Хэсэг үүсгэсний дараа текстийн логог үүсгэж эхлүүлнэ
  • Текст логоны анимацийг хийж дууссаны дараа теннисний бөмбөгийг параболик хэлбэрээр анхны алхам хийх болно
  • Эхний параболик хөдөлгөөнийг хийж дуусаад, утас дуугарч, чичиргээ гарна, дараагийн параболик хөдөлгөөнийг дуудна.
  • Сүүлийн параболик хөдөлгөөнийг хийж дуу/чичиргээг хийсний дараа бид хоёр дахь дэлгэцээ дуудах хэмжээнд хүрнэ.

Тэмдэглэл: Би анимац хийх хийсвэр анги үүсгээгүй, учир нь би кодыг хэвээр нь байлгахыг хүсч байсан … наад зах нь надад дагахад илүү хялбар байсан:)

Дараагийн өдрүүдэд би цувралын хоёр дахь хэсгийг оруулах болно, хэрэв танд энэ хэсэг таалагдсан бол намайг дагаарай, хэрэв таалагдахгүй бол таны санал хүсэлтийг авахад баяртай байх болно.

Зөвлөмж болгож буй: