Home > Symbian > Scalable Vector Graphics (SVG) Menu

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

Categories: Symbian
  1. March 6, 2009 at 4:40 pm

    Bagus ni artikelnya , keep updating bro🙂

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: