GoldenLine
Zaloguj się
Daniel Milczarek

Daniel Milczarek Student,
Politechnika
Rzeszowska im.
Ignacego
Łukasiewicza

Temat: Zmiana wygladu mx:MenuBar

Witam
Czy mógłby mnie ktoś nakierować jak zmienić wygląd komponentu MenuBar!

A dokładniej chodzi w jakiś sposób można byłoby osiągnąć przykładowy efekt jak na przykładowym menu zrobionym w html i javascript.

http://dropdown-menu.com/long-drop-down-boxes-for-mysp...

Będę bardzo wdzięczny za wszelkie rady!
Link do wypowiedziLink
Piotr Kubasiak

Piotr Kubasiak Flex developer

Temat: Zmiana wygladu mx:MenuBar

Skorzystaj z style explorera
http://examples.adobe.com/flex3/consulting/styleexplor...

Osobiście odradzał bym używania tej kontrolki i napisał bym własny komponent, który bym oskinował (zawsze tak robię) po menuBarze nie spodziewaj się cudów to jest kontrolka z pakietu mx i tak naprawdę musiał byś pobawić się w photoshopie by ona ładnie wyglądała.
Link do wypowiedziLink
Daniel Milczarek

Daniel Milczarek Student,
Politechnika
Rzeszowska im.
Ignacego
Łukasiewicza

Temat: Zmiana wygladu mx:MenuBar

Piotr Kubasiak:
Skorzystaj z style explorera
http://examples.adobe.com/flex3/consulting/styleexplor...

Osobiście odradzał bym używania tej kontrolki i napisał bym własny komponent, który bym oskinował (zawsze tak robię) po menuBarze nie spodziewaj się cudów to jest kontrolka z pakietu mx i tak naprawdę musiał byś pobawić się w photoshopie by ona ładnie wyglądała.

No właśnie sam Css nie jest wystarczający aby osiągnąć jakiś interesujący efekt!
A w jaki sposób wykorzysta przygotowana grafikę w Photoshopie?? jak wstawić grafikę w tło panelu lub do poszczególnych stanów linków.
Link do wypowiedziLink
Piotr Kubasiak

Piotr Kubasiak Flex developer

Temat: Zmiana wygladu mx:MenuBar

Tutaj masz przykład fragmentu Css'a stylizującego menuBar Grafikami z Photoshopa. Swoja drogą mam także na dysku plik psd gdzie znajdują się wszystkie elementy Flexa gotowe do oskinowania tzn. do nadania im gradientów,efektów itp. wykorzystywałem to dawno temu jak flex 3 był nowością :) teraz to w ogóle nie przydatne ale jak byś chciał oskinowac munuBara tym właśnie sposobem to mógł bym Tobie to udostępnić.



MenuBar

{

	background-skin: Embed(source='assets/images/menuBar_bg.png',scaleGridLeft=7, scaleGridRight=8, scaleGridTop=11,scaleGridBottom=12); 

	background-size: "100%";

	menuStyleName: menuStyleName;

	selectionColor:#2e2821;

	rollOverColor:#2e2821;

	textRollOverColor:#ffffff;

	textSelectedColor:#ffffff; 

	color: #ffffff;

	itemOverSkin: Embed(source='assets/images/menuBar_itemOver.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);

	itemDownSkin: Embed(source='assets/images/menuBar_itemOver.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);

}

.menuStyleName

{

	background-color: #413b37;

	border-color: #2e2821;

}
Link do wypowiedziLink

konto usunięte

Temat: Zmiana wygladu mx:MenuBar

Piotr Kubasiak:
wykorzystywałem to dawno temu jak flex 3 był nowością :) teraz to w ogóle nie przydatne


Dlaczego już nie przydatne??
Link do wypowiedziLink
Piotr Kubasiak

Piotr Kubasiak Flex developer

Temat: Zmiana wygladu mx:MenuBar

Ponieważ teraz (przynajmniej ja tak uważam) wszystko robię dzięki skinowaniu i powiedzmy zrobienie tła buttonu w photoshopie zajmie więcej czasu niż napisanie skina, no i na rozmiarze aplikacji takie tło z photoshopa tez się odbije. można sobie to wyobrazić skinując każdy element aplikacji (aby utrzymać pewien theme) to same grafiki z photoshopa będą zajmowały z jakieś 200 - 500 kb.

Ale to moje subiektywne zdanie zresztą ja nigdy nie byłem grafikiem i jak tylko pojawił się Flex 4 przestałem uzywac photoshopa.

Pod tym linkiem udostepniłem plik .psd wraz z stylem który wykorzystuje pociete grafiki. Plik psd jest wraz z ustawionym wycinaniem komponentow więc wystarczy tylko zapisac projekt jako dla Stron WWW i mamy pieknie wyglądające komponenty. Wystarczy je wszystkie wrzucić do projektu w Flexie i uzyc css'a także zamieszczonego w paczce.

http://flexblog.pl/flex_skins_photoshop.rarPiotr Kubasiak edytował(a) ten post dnia 13.05.11 o godzinie 23:47
Link do wypowiedziLink

konto usunięte

Temat: Zmiana wygladu mx:MenuBar

Hmm ale skinowanie dotyczy tylko komponentów spark prawda?
Link do wypowiedziLink
Daniel Milczarek

Daniel Milczarek Student,
Politechnika
Rzeszowska im.
Ignacego
Łukasiewicza

Temat: Zmiana wygladu mx:MenuBar

To jakbyś poradził zrobić komponent oparty o architekturę spark o funkcjonalności menu bar?? a możne znasz jakiś przykład takiego komponentu na którym można byłoby załapać jak to się robi:D
Link do wypowiedziLink

konto usunięte

Temat: Zmiana wygladu mx:MenuBar

Ja aktualnie robię komponenty we Flashu. Jest to jak dla mnie najłatwiejszy sposób. Dołączam sobie SWC i jest ok.
Link do wypowiedziLink
Piotr Kubasiak

Piotr Kubasiak Flex developer

Temat: Zmiana wygladu mx:MenuBar

zrobienie menuBara to nic trudnego. Bierzesz jakis kontener który służy jako tło i konterener dla buttonów np. Bordercontainer ustawiasz layout na hotizontal. Następnie wrzucasz w zależności co chcesz osiągnąć np. DropDownListy (które możesz oskinowac i napisac itemrenderery) lub np. napisać nowy komponent na bazie Buttona i dodać do niego nowy stan z rozwiniętym menu (które może być grupą lub innym kontenerem) i to wszystko :P.

Tworząc w taki sposób menuBara ostylizujesz go w sposób jaki tylko sobie zapragniesz.
Link do wypowiedziLink
Remigiusz Towalski

Remigiusz Towalski Manager R&D
Engineering

Temat: Zmiana wygladu mx:MenuBar

Wojciech Dasiukiewicz:
Hmm ale skinowanie dotyczy tylko komponentów spark prawda?
MXy też można skinować, ale w mniej wypasiony sposób.

Jeden z setek przykładów w sieci:
http://www.asfusion.com/blog/entry/stateful-skins-in-f...
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

PurePDF zmiana DPI




Wyślij zaproszenie do
Anuluj