Skip to main content

Animasi Pergantian Warna pada Background Aplikasi #IOSDev


Hallo semuanya kali ini saya akan membagikan tentang tutorial bagaimana mengganti background dengan menggunakan animasi, pada IOS kalian bisa memanfaatkan build in function animasi yang bisa memberikan efek halus saat pergantian suatu object ke object lain seperti ada transisi. pada tutorial ini kita akan fokus pada pergantian background pada aplikasi.

sebelum kita mulai, berikut adalah goal dari tutorial ini.


buat project baru dengan nama AnimatingBackgroundColour. lalu buka mainstoryboard, drag and drop superview kedalam viewcontroller.swift dan namakan superview, seperti dibawah ini





setelah itu tambahkan kode untuk mengganti background pada viewDidLoad(), seperti dibawah ini.

self.superView.backgroundColor = .green


hasilnya akan seperti ini.


untuk mengganti background kita menjadi banyak warna bergantian dengan animasi yang halus kita membutuhkan beberapa komponen kode program yaitu :

1. array yang berisi warna
2. timer untuk melakukan infinite loop
3. uiview animating untuk melakukan transisi animasi dari warna satu ke warna lain

hasil kodeprogramnya untuk requirement di atas seperti dibawah ini.




silahkan kalian baca kodingan di atas. apabila ada pertanyaan silahkan layangkan di komentar, goodluck semuanya ^_^

Popular posts from this blog

Mengapa .env File Laravel Tidak Terupload / Tercommit ke Git

.env file atau bisa kita bilang "environment file" atau file yang berisi variable constan untuk memberikan value secara global ke dalam aplikasi kita. file ini berisi variable dan value yang sensitif yang membuatnya sangat riskan atau beresiko apabila di ketahui oleh orang yang tidak bertanggung jawab. contoh  seperti berikut ini file .env di atas memiliki informasi sensitif seperti host, user dan password dari database kita. maka dari itu kita sebagai developer harus pintar-pintar untuk memperlakukan .env file ini, secara default apabila kita upload ke hosting atau vps file .env ini tidak akan bisa di akses secara global dari host kita, karna letak root host kita ada di folder public yang notabene berada di satu level ke atas folder dari posisi .env. jadi user awam tidak akan bisa mengakses dari host kita eg : http://angon.dev/.env . nah kalo ke git gmn? apabila kita menggunakan version controller seperti github, gitlab, bitbucket. secara default git akan mem...

Automatic API Documentation Swagger in Golang #GolangDev

pixabay.com In this article, I'll explain how to generate an API blueprint instantly using SwagGo in Golang. API blueprint is a document that contains a bunch of API endpoints, its slickly same as documentation but less description, it's allow another programmer to read and see all the available endpoint and try it out with sandbox feature. Swagger is one of the most used API blueprints right now, it's available in free but limited usage. if you wanna use the free credit, you need to understand YAML notation, you can read the example notation in swagger official documentation. but again, it's really hard and takes an expensive time to arranges all the notation to achieve a good API blueprint. fortunately, there are tools in Golang that allow us to generate the YAML notation and automatically generate the blueprint page with only using markup notation, and it's FREE unlimited for self-host, insane right? SwagGo tools are available here , the documentation is very cl...

Membuat Game Sederhana Dengan JavaScript

Assalamualaikum Wr Wb Javascript adalah Bahasa pemrograman yang di pakai di web, javascript kebanyakan di gunakan untuk kebutuhan membuat animasi, tapi tidak semata-mata javascript hanya bisa di pakai untuk membuat animasi, untuk kebutuhan operasi web pun sering di gunakan. Javascript bersifat Client Side, maksudnya adalah javascript berjalan di PC pengguna atau pengakses web, dan scriptnya pun bisa di lihat oleh user, berbeda dengan PHP yang scriptnya tidak bisa di lihat oleh user. Selain di buat animasi, Javascript juga bisa di pakai untuk membuat aplikasi web, salah satunya adalah GAME, pada kesempatan kali ini saya akan memberikan tutorial bagaimana membuat GAME sederhana dengan Javascript, memanfaatkan event-event dalam javascript. berikut screenshoot dari game sederhana : Alur Game : 1. Klik button Start. 2. gambar monster akan bergerak cepat. 3. klik sebanyak mungkin gambar monsternya. 4. Apabila skor lebih dari 20, maka anda akan menang. untuk s...