Zna neko kako je napravljena ova DIVOTA (picasa 2)?

Znaci ostao sam zabezeknut kad sam video interfejs PICASE 2 (www.picasa.com).
Na stranu to sto je aplikacija solidna, nego interfejs............

Zna neko kako je ovo uradjeno? Nije valjda nekim komercijalnim komponentama? Ako jeste - HOCU IH! Nisam uspeo da pronadjem na netu - je l' moguce da je Flash preko Active X-a?

Prvo fontovi - pa dugmad, pa fade efekti, pa slide za neke okvire, pa scrollbar, pa tabovi, plavi label sa podacima za sliku - STRASNO DOBRO

Onaj koji bi napravio takve komponente bi zgrnuo bogatstvo

Evo odgovora:

"The Beautiful Picasa UI is Made of Dynamic PSD Files

I was snooping around in Picasa's "runtime" folder and found a bunch of Photoshop .PSD files. Sure enough, large parts of the UI are built in Photoshop. Layers are used to organize buttons, stand-ins, and cursors. Roll-overs are achieved with image replacement similar to JavaScript/DHTML. For example, the timeline view is just a 640x480 image with a tagged layer to hold the selected group's thumbnail and custom cursors defined in their own layer set.

Picasa's underlying graphics engine is most likely a simplified "Photoshop runtime" with a DOM to make it easy to target tagged elements imported from .PSD files. This is a smart architecture because it provides rapid UI prototyping and a consistent look-and-feel across different platforms. Designers can make changes in Photoshop then re-launch Picasa to see the results. Even better, end users can skin the application without having to learn any new tools.

The "runtime" folder also contains some simple scripts that bind UI elements to their .PSD counterparts, and define layout placement and visibility. "

http://www.secretrobot.com/blo...2004/11/the_beautiful_p_1.html

Steta, ja mislio da moze da se napravi lakse.

A i nije mi bas jasno kako su uspeli da radi toliko brzo? To mora da se iscrtava nekoliko puta sporije nego standardne kontrole. Posto u Requirements pise da treba IE 6.0 i vecina problema sa programom se javlja zbog neodgovarajuce verzije IE-a, verovatno koristi njegov rendering engine.

Ima neko ideju kako bi se nesto od ovoga jos moglo napraviti?

Ne verujem da je to Flash ili tako nesto. Bas u ovom trenutku se zabavljam promenom izgleda Win kontrola i veruj mi da to i nije bas nesto preterano tesko (nije preterano tesko, ali jeste ZDRAVO tesko ). To su verovatno komercijalne kotrole ili kontrolice pisane specijalno za tu aplikaciju. Jedini slatkis su scroll bar i title bar. To su malo teze komponente za iscrtavanje kako ti dodje, ali ostalo... cini mi se da nije tesko. Sad upravom pravim dugmence koje u sebi ima DirectX ili OpenGL scenu sa objektima koje pozelis Ako uspem da ga sredim dugmence moze da ti izgleda kao da se na njemu prikazuje film ili nesto slicno Sve u svemu ne verujem da je nesto komplikovano... samo su um slicice dobre

Potpis

Play Store

Skoro da smo pisali u isto vreme
Sad bar znamo kako su to uradili... ali nam to mnogo ne pomaze
Verujem da program nisu pisali u Delphi-u. U C-u mi je nekako mnogo lakse da pravim kontrole koje se iscrtavaju ne standardno jer je dovoljno samo izmeniti WM_PAINT ili event koji se desava kada je potrebno iscrtati nesto da bi kontrola izgledala drugacije dok je u Delphi-u to mnogo teze (bar meni), pogotovo sa buttonlike kontrolama.

Potpis

Play Store

Nemam puno iskustva sa cackanjem po iscrtavanju kontrola, ali i meni se cini da bi to bilo dosta lakse u C-u. Ako su komercijalne kontrole bas bih voleo da znam koje su - mada nisam video ni jednu aplikaciju (bar za PC) koja ima nesto slicno.



A radis dugme u Delphiju? E to bih voleo da vidim kad bude gotovo - ideja zvuci odlicno.

Mada me privukla i ideja koju je neko spomenuo o flash elementima ubacenim preko ActiveX-a, pretpostavljam da radi dovoljno brzo, a narocito brze od njihove varijante. Samo ne znam kako bi to islo sa event handlerima. Moracu da istrazim malo. Stvarno im svaka cast na brzini ako radi tako kao sto je momak sa blogga rekao.

U svakom slucaju mislim da im se trud visestruko isplatio. Pravo je uzivanje raditi u aplikaciji koja tako izgleda - takve stvari meni puno uticu na utisak o aplikaciji uopste.

Slazem se, aplikacija treba lepo da izgleda, ali...
...ono zbog cega vecina korisnika kuka(nakon nekog vremena, kada ih prodje euforija za izgledom programa): kako da se uvecaju slova u celokupnom programu (promena fonta?), jel mogu ovo da aktiviram/otvorim preko tastature( mis je sjajan (citaj: nemamo ga) ali ceo dan nesto klikcemo), nije obelezeno sta je trenutno aktivno (u fokusu); kontrole "divno" izgledaju, a kako da se krecem od jedne ka drugoj upotrebljujuci samo ove strelice (left, up, down..) na tastaturi.... ? itd... itd...

Sta uraditi povodom toga?

Pozdrav!

Da, slazem se u potpunosti, izgled interfejsa je bitan, ali je accessibility ipak neprikosnoven i zna se koje osnovne zahteve sa ovog aspekta aplikacija mora da zadovolji. Zato sam i rekao iznad da me jedino malo brine kako bi to islo sa event handlerima, a mislio sam i na te osnovne stvari (da li primaju fokus kao i sve druge kontrole, da li imaju svoje mesto u tab stop listi itd.)

Kako to da ja u runtime folderu picasse nemam nikakvih PSD fajlova?
Inače, interfejs programa je dopadljiv, ali nije ništa naročito. Ima komercijalnih komponenti za delphi koje približno lepo izgledaju.

ss.

Potpis

When something is hard to do, then it's not worth doing.

Da, u Delphi-u pravim to dugmence. Videcemo sta ce od toga ispasti.


Ne mora da se u folderu nalaze posebni PSD fajlovi. Mozda su svi spakovani u neki zajednicki paket (skin) ili se mozda kao resource nalaze u exe-u ili nekom dll-u.

Potpis

Play Store

ja bih pre rekao da tip lupa gluposti. tako je to kad dizajner priča o tome kakav engine treba da vozi korisnički interfejs...

ss.

Potpis

When something is hard to do, then it's not worth doing.

Tacno je da nema uopste potrebe da to budu sirovi PSD fajlovi. Normalno da su ih ljudi spakovali. Uostalom u runtime folderu ti se nalazi respack.yt fajl koji bas govori u prilog tome (resource pack).



Pa ok, a sta ti mislis kako je napravljeno? Na koje komercijalne komponente si mislio?

Posto interfejs izgleda kao da je radjen u flashu, moguce da je koristeno neko od cuda tipa Zinc V2, ili (manje verovatno) swfKit. I - uopste mi se ne svidja skrolbar, koji inace nije tesko napraviti, vec samo trazi vremena.

Potpis

krdr
Mozda i proradi

Da li hteo malo da objasnis kako moze da se izmeni izgled scroll bar-a. Jasno mi je kako se to radi sa standalone scroll bar-ovima, ali sta je sa onim u combo box-u, list box-u, memo-u, edit-u, na formama i slicno... njih nikako ne mogu da promenim... nemam ideju kako bi to moglo da se uradi, a sigurno moze. Jedan od dobrih primera za lepo skinovanje komponenti je Opera. Ona skinuje sve... mozda mi je nesto promaklo, ali definitivno izgleda kao da je bas sve skinovano.

Potpis

Play Store