Android Animatsiyalarini amalga oshirish uchun yangi boshlanuvchilar uchun qo'llanma (2-qism)

1-bo'limda biz animatsiyalar asoslari va mulkiy animatsiyalar haqida suhbatlashdik. Ushbu xabarda View Animations va API darajasida 21-ga kiritilgan yangi Faoliyat o'tish tizimlari haqida gaplashaman. O'tish davri API Level 19 (4.4.2) da qo'shilgan, ammo u 21-darajali API-da yanada kuchliroq bo'lgan.

Android ramkasi View animatsiyasidan boshlandi, ammo ularning muammolari tufayli ular 1-qismda muhokama qilinganidek mulk animatsiyalarini taqdim etdilar. Ko'rish animatsiyalari splash ekran animatsiyalari va ko'rinishi bilan bunday shovqin bo'lmagan boshqa sohalar uchun juda mos keladi. Ko'pgina hollarda, ular XML kodi yordamida amalga oshiriladi.

Ko'rish animatsiyasining turlari

  1. Tween Animation - bu ko'rinishni masshtablash, tarjima qilish, aylantirish yoki yo'q qilish uchun javob beradigan (birgalikda yoki birma-bir) ko'rish uchun qo'llaniladigan animatsiyalar.
  2. Frame Animation - Ushbu animatsiyalar turli chizmalar yordamida qo'llaniladi. Bunda biz faqat XML kodidagi chizmalar ro'yxatini ko'rsatishimiz kerak va animatsiya xuddi videoning ramkalari kabi ishlaydi.

View Animations juda ko'p ishlatilmaydi, chunki xuddi shu narsa ViewPropertyAnimator ob'ektidan foydalanishi mumkin, u juda tez va oson o'qiladi. Freym animatsiyasi chiziladigan animatsiyaga o'xshaydi. Eng muhimi, yangi o'tish rejimini tushunish, bu juda foydali va chiroyli ko'rsatuvlar beradi.

Yangi animatsiyalar (API Level 21+)

Salqin emasmi?

Android faollik, qismlarga ajratish va elementlarning umumiy almashinuvini ta'minlaydi. Boshqa animatsiyalar - dumaloq ochilish, ripple effekti va boshqalar. Ripple effekti ko'rinishning fon xususiyatini quyidagicha o'rnatish orqali qo'llanilishi mumkin:

android: background = "? attr / selectableItemBackground"

Bu erda biz GIF-ning yuqorisida bo'lgani kabi harakatlarni almashish va elementlarning umumiy almashinuvini sinab ko'ramiz.

Asosiy qadam styles-v21 faylini yaratish va quyidagilarni bajarish:

Yuqoridagi uslublarning izohi-v21.xml

Birgalikda elementlarni almashtirish - bu erda ikkita faoliyat / parcha o'rtasida umumiy nuqtai nazar mavjud. Birgalikda ko'rish shuni anglatadiki, ikkala faoliyatda ikkala nuqtai nazar bir xil, shunchaki ularning o'lchamlari biroz boshqacha. Masalan, - bosilganda (bosilganda) elementning tafsilotlari bir xil tasvir bilan, lekin kattaroq o'lchamda ko'rsatilgan qayta ishlov beriladigan ko'rinishdagi rasm. Biz shunga o'xshash narsani qilamiz: -

Salqin ... Lekin bu qanday ishlaydi?

Asosan bu erda ikkita faoliyat mavjud. Biri kichik nuqta bilan, ikkinchisi katta nuqta va matn bilan. Men A faoliyatidagi tugmachani bosganimda, u B harakatini animatsiya bilan ochadi. Ushbu ta'sirni Google Play Store ilovasida ham ko'rish mumkin. Ammo ular dairesel ochish, boshq harakat effektlarini ham qo'llaydilar. Bu erda ta'kidlash kerak bo'lgan eng muhim narsa, rasm asl holatidan oxirgi holatga o'tishda EMAS. O'tish doirasi boshlang'ich sahna va tugash sahnasini hisoblab chiqadi va keyin ushbu sahnalar o'rtasida jonlantiradi. Animatsiyalar qanday ishlashini bilish uchun bunga murojaat qiling. Shuningdek, yangi niyat mexanizmi yordamida bunga quyida ko'rsatilgandek erishish mumkin:

Bu erda men lolipop uchun API tekshiruvidan foydalandim, so'ngra o'tishni boshladim va boshqa darajalarda faoliyat odatiy tarzda boshlanadi. Yangi Pair <> liniyasi tizimga umumiy elementlar to'g'risida ma'lumot olishga yordam beradi.

Izoh - Ikkala ko'rinishda ham o'tish nomini bir xil tuting (kichik nuqta va katta nuqta). Bu tizimga umumiy elementlarni bilishga yordam beradi. Yaxshi narsa, o'tish nomini strings.xml-ga joylashtirish.

Bu erda men portlash effekti bo'lgan harakatlarni o'tkazish uchun custom_animation.xml o'tish usulidan foydalandim. Va yana, animatsiyada qatnashish uchun ba'zi fikrlarni rad etdim. Ushbu ko'rinishlar holat paneli va asboblar panelidir. Foydalanish holatimizga moslashish uchun biz har xil turdagi effektlardan (fade, slayd) foydalanishimiz mumkin.

Activity Transitions - 21-chi daraja yanada real va foydalanuvchilar uchun qulay bo'lgan faoliyatga o'tishni taqdim etdi. Masalan, Explode, ChangeImageTransform o'tishlari yanada realistik bo'lib ko'rinadi va foydalanuvchilarga harakatlar oqimini yaxshiroq yo'naltiradi. Yuqoridagi misolimizda men Android tizimi tomonidan ta'minlanuvchi o'tishni ishlatdim. Agar biz biron-bir animatsiyani ko'rsatmasak, u holda avtomatik ravishda AutoTransition ishlatiladi. Transition-ni uzaytiradigan maxsus sinfni yaratish orqali biz o'z o'tishimizni yaratishimiz mumkin. Malumot uchun buni ko'rib chiqing.

Doira ochish

Dumaloq ochish effekti

FAB bosilganda yuqoridagi aylanma ta'sir effekti yaratiladi:

Maqolani o'qiganingiz uchun tashakkur. Takliflar / tuzatishlar / sharhlar har doim ma'qullanadi. Agar sizga yoqsa, iltimos, shunga o'xshash tugmani bosing va maqolani Android hamjamiyati bilan baham ko'ring. Iloji boricha bilimimiz bilan bo'lishaylik.

Shuningdek, About.me, Twitter, LinkedIn, Github va Facebook-da do'st bo'laylik.