Cara membuat skrip untuk dukungan multi-warna pada skinmu sendiri

Mumpung masih ingat dan pengin nulis tutorial & kali ini adalah pertanyaan yang sering aku temukan di forum atau kebetulan nemu sebuah topik di forum dari postingan yang tak lain adalah fl facebook ku sendiri

[!NOTE] Untuk tutorial ini aku hanya membagikan bagaimana caraku membuat skrip untuk dukungan multi-warna, untuk tutorial membuat skin, silahkan pelajari di YouTube atau nanti aku buatkan tutorial tertulisnya (kalau inget sih)

Membuat resource warna dan lain-lain

Sebelumnya kamu perlu membuat resource terlebih dahulu di “repository resource” Pastikan juga kamu sudah membuat skinmu terlebih dahulu, kalau belum buat dulu konsepnya.

Pertama kamu pergi ke tab color, dan harus mencari id untuk target warna yang sebelumnya kamu buat sebagai contoh “Skin.Bawah.Accent.Dark”, setelah sudah ditentukan mari buat lagi dengan nama yang sama namun ditambahin angka jadi “Skin.Bawah.Accent.Dark.0” lalu salin id warna yang dari id “accent.dark” ke id “accent.dark.0”

Setelah itu kaitkan dengan sumber repo utama yaitu yang bernama “Accent.Dark” lakukan seperti di gambar

lakukan hal yang sama pada resource untuk “pustaka” dan “daftar putar”, kalau lupa gunakan fungsi ini, biasanya yang aku ubah adalah warna pada bagian “ItemLine1Fonts”, “ItemLine2Fonts”, “HeaderFonts” dan “ItemBackground” untuk di daftar putar, untuk pustaka kurang lebih sama, tinggal gunakan instingmu saja.

Membuat script

Setelah semuanya sudah selesai dalam membuat warnanya mari ke bagian berikutnya yaitu ngoding banf. Pertama, mari masuk ke bagian “Provider Custom” lalu pilih “ScriptableOperatorCounter”

![NOTE] Pastikan juga kamu mengingat nama / kalau aku nyebutnya “sintaks” dalam bahasa pemrograman, kalau tidak ingat kamu kopas saja

Kedua, buat script seperti ini

procedure SetupResource(const AName, ASuffix: string);
begin
  FindResource(AName).Set('ID', AName + '.' + ASuffix);
end;

procedure SetupTheme(const ASuffix: string);
begin
  SetupResource('Skin.Bawah.Accent.Dark', ASuffix); // ini nama id resourcenya
end;

procedure Execute(var State: Integer);
begin
  BeginUpdateResources;
  case State of
    0: SetupTheme('0'); // ini adalah urutan, pastikan sama dengan di repo resource
    1: SetupTheme('1');       
  end;
  EndUpdateResources;
end;

Sebagai contoh ada di gambar, lalu klik “build”, kemudian atur provider parameternya seperti ini, sebagai contoh aku atur 12. Fungsinya tidak lain adalah mengatur batas klik pada script tersebut. Defaultnya adalah 2, jika tidak diatur maka nanti akan kembali ke 0

Membuat tombol untuk memanggil script

Sekarang adalah membuat tombol untuk memanggil atau menguji apakah script tersebut bekerja dengan benar. Klik 2x pada tombol yang sudah kamu buat, lalu cari nama script yang tadi kamu buat, lalu atur seperti ini

Pada bagian accessibility klik 2x lalu isikan “Value <> 0” dan di bagian action isikan “0” (oh, ya jangan lupa klik “test” dulu), lalu lakukan hal ini pada tombol berikutnya (untuk lebih gampangnya gunakan shorcut “ctrl+shift+j” untuk menyalin semua assets, dan tombolnya, dan tinggal edit ganti angka 1 dst

Setelah semuanya selesai coba test tombolnya apa berfungsi dengan benar dengan memencet “alt+click”

Gimana, mudah kan? buat yang masih awam dalam dunia perskinan, script atau justru pertama kali mau buat tapi masih bingung, aku saranin untuk mempelajari struktur dan kode skinnya dari tautan berikut:

1. SoundMax AIMP Project File
2. Skin MusicExplorer (download semua yang ada di repo, kemudian impor menggunakan metode “import from folder”)
3. Minta akses project skin ke SMIOTAKU melalui tautan berikut