Posted by: Dayat Kurniawan | March 5, 2009

Scalable Vector Graphics (SVG) Menu

Kemarin mencoba membuat tampilan sebuah aplikasi HP menggunakan SVG..dengan SVG kita dapat membuat tampilan menu yang lebih interaktif dan menarik..untuk membuat menu yang lebih menarik bisa menggunakan adobe ilustrator CS2 atau ikivo ilustrator,,save file dengan format .svg,,tampilan menu yang dibuat hasil sedikit modifikasi dari tampilan http://blogs.sun.com/kharezlak/entry/playing_with_svg_components_in

tampilan3Tampilan menu

untuk membuat menu, di bagian source codenya ditandai dengan menuItem_ seperti yang telohat pada gambar dibawah ini

tampilan5source code menuItem_0

setelah semuanya dapat, perancangan SVGnya seperti pada gambar dibawah ini

tampilan4Perancangan SVG

Dengan menggunakan komponen SVG yang ada seperti yang terlihat pada gambar dibawah ini

tampilan7SVG menu Component

Tampilan yang dibuat memanfaatkan form component yang terdiri dari radiobutton, Button, silder dll seperti yang terlihat pada gambar dibawah ini

tampilan1Tampilan Form

Seteleh dilakukan simulasi dapat dilihat pada gambar di bawah ini

tampilan6Tampilan di simulator


Responses

  1. Bagus ni artikelnya , keep updating bro :)


Leave a response

Your response:

Categories