Seite 1 von 1

QT Toolbar Hintergründe/Buttons/ skinnen wie?

Verfasst: 9. November 2006 11:20
von defenderLQ
hallo

wie ich gesehen habe in einem closed source anwendung
edonkey/overnet usw...

kann man da skins nutzen wie andere icons und andere hintergründe
für toolbar,buttons usw...

die werden in einem skins ordner beim progamm start abegefragt.
es gibt so eine "ui.xml" in einem Skins ordner wo steht welche icons genommen werden.


Code: Alles auswählen

<SHARED backgroundColor="#FCFCFE"  images="overnet-shared">
				<on images="tab-shared" left="245" top="62" tip="See what you're sharing" />
				<ed2k images="tab-shared" left="245" top="62" tip="See what you're sharing" />
				<both images="tab-shared" left="245" top="62" tip="See what you're sharing" />
				<none images="tab-shared" left="245" top="62" tip="See what you're sharing" />

				<SHAREBUTTON images="share" tip="Share a folder" />
				<UNSHAREBUTTON images="unshare" tip="Unshare a folder" />
				<REFRESHBUTTON images="refresh" tip="Refresh folder listing" />
				
				<!-- uses folder-closed-both.png folder-closed-childshared.png folder-closed-shared.png folder-closed-unshared.png 
					folder-open-both.png folder-open-childshared.png folder-open-shared.png folder-open-unshared.png -->

				<FOLDERIMAGES images="folder" />

				<COMPUTER backgroundColor="#FFFFFF">
					<HEADER backgroundColor="#E6E6E6"/>
					<!-- <HIGHLIGHT backgroundColor="#0A246A" /> -->
					<MENU>
						<shareRecurse label="Share Recursively" accel="Ctrl+S" />
						<shareFolder label="Share Folder" accel="Ctrl+F" />
						<unshareFolder label="Unshare Folder" accel="Ctrl+U" />
					</MENU>
				</COMPUTER>

				<SHAREDLIST backgroundColor="#FFFFFF">
					<HEADER backgroundColor="#E6E6E6"/>
					<!-- <HIGHLIGHT backgroundColor="#0A246A" /> -->
					<MENU>
						<unshareFolder label="Unshare Folder" accel="Ctrl+U" />
					</MENU>
				</SHAREDLIST>

				<FILELISTING backgroundColor="#FFFFFF">
					<HEADER backgroundColor="#E6E6E6"/>
					<COMBO backgroundColor="#FFFFFF" />
					<!--  <HIGHLIGHT backgroundColor="#0A246A" /> -->
					<MENU>
						<moreInfo label="More Info..." accel="Ctrl+I" />

						<copyLink label="Copy Link"/>
							<copyHTML label="Copy HTML Link" accel="Ctrl+C" />
							<copyPlain label="Copy Plain Link" accel="Ctrl+L" />
						
						<priority label="Priority"/>
							<low label="Low" />
							<normal label="Normal" />
							<high label="High" />

						<openFolder label="Open Folder" accel="Ctrl+O" />
						<run label="Run" accel="Ctrl+R" />
						<delete label="Delete" accel="Del" />

						<setColumns label="Set Columns" accel="Ctrl+S" />

						<plugins label="Plugins"/>
					</MENU>
				</FILELISTING>
			</SHARED>
		</OVERNET>
	</MAIN>

	<GROUP backgroundColor="#B2CCCC">
		<CHAT backgroundColor="#FCFCFE" images="chat">
			<HISTORY backgroundColor="#E6E6E6" disabledBackgroundColor="#E6E6E6"/>
			<ONLINE backgroundColor="#E6E6E6" disabledBackgroundColor="#E6E6E6">
				<HEADER backgroundColor="#E6E6E6"/>
				<!-- <HIGHLIGHT backgroundColor="#0A246A" /> -->
				
				<ONLINE color="#F0F0F0" />
				<CHATTING color="#000000" />
				<YOU color="#FF00FF" />
				<ADMIN image="chat-admin.png" />
			</ONLINE>

			<JOIN />
			<INPUT backgroundColor="#FFFFFF" disabledBackgroundColor="#E6E6E6" />

			<BOLD image="edit-bold.png"/>
			<ITALIC image="edit-italic.png"/>
			<UNDERLINE image="edit-underline.png"/>
		</CHAT>
		<FILES backgroundColor="#FCFCFE" images="files">
			<SEARCH backgroundColor="#FCFCFE">
				<SUBMIT />
				<KEYWORDS backgroundColor="#FFFFFF" />
			</SEARCH>
			<LOCATION backgroundColor="#FCFCFE">
				<REFRESH />
				<PATH backgroundColor="#FFFFFF" />
			</LOCATION>
			<BROWSE backgroundColor="#FFFFFF" haveFileColor="#000000" dontHaveFileColor="#F0F0F0" browsedIcon="browse-browsed.png" lookingMovie="browse-looking.mng" notBrowsedIcon="browse-notbrowsed.png" >
				<HEADER backgroundColor="#E6E6E6"/>
				<!-- <HIGHLIGHT backgroundColor="#0A246A" /> -->
			</BROWSE>
			
			<FILES backgroundColor="#FFFFFF" haveFileColor="#000000" dontHaveFileColor="#F0F0F0" transferringFore="#ff00ff" transferringBack="#F0F0F0" >
				<HEADER backgroundColor="#E6E6E6"/>
				<!-- <HIGHLIGHT backgroundColor="#0A246A" /> -->
			</FILES>

			<RESULTS>
				<HEADER backgroundColor="#E6E6E6"/>
				<!-- <HIGHLIGHT backgroundColor="#0A246A" /> -->
			</RESULTS>
		</FILES>

		<OPTIONS  button="options.png" />
		<ADMIN  button="admin.png" />
		<ADDTOMYGROUPS  button="addtomygroups.png" />
	</GROUP>

	<PRIVATEMESSAGING>
		<COLORS>
			<disabled color="#E3E3E3" />
			<you color="#FF0000" />
			<them color="#0000FF" />
		</COLORS>
	</PRIVATEMESSAGING>

	<!-- some common resources -->
	<COMMON> 
		<FILELISTING>
			<REFRESHBUTTON image="folder-refresh.png" />
			<UPALEVELBUTTON image="folder-go-up-level.png" />
		</FILELISTING>
		<SEARCHINGANIMATION movie="searching.mng"/>
	</COMMON>
</UI>
ich will so etwas auch einbauen in mein project.
so das ein background.png als hintergrund für mein Toolbar nutzt.

Code: Alles auswählen

MAIN backgroundcolor="#E6E6E6" >
		
		<TOOLBAR backgroundpix image="background.png">
			<HOME image="home.png" />
			<GROUPS image="groups.png" />
			<TRANSFERS image="transfers.png" />
			<STATS image="stats.png" />
			
			<OPTIONS image="options.png" />
			<HELP image="help.png" />
			<MYGROUPS backgroundColor="#E6E6E6" />
		</TOOLBAR>

		<EJECTTAB images="tab-eject" tip="Detach the Tab"/>
		<CLOSETAB images="tab-close" tip="Close the Tab"/>
		<TABEXCLAIM image="tab-exclaim.png" />

		<CONSOLE>
			<ISBIGBUTTON images="console-big" tip="Hide the console" />
			<ISSMALLBUTTON images="console-small" tip="Show the console" />
			
			<INPUT backgroundColor="#FFFFFF" />
			<HISTORY backgroundColor="#C0C0C0" />
		</CONSOLE>
weis jemand ein beispiel anwendung wie das ganze aussehen muss?
eine opensource beispiel?

ich hab keine gefunden bis jetzt.
also würde mich freuen wenn ich sehe wie ich das machen muss.

mfg

defender

Verfasst: 9. November 2006 15:58
von upsala

Verfasst: 9. November 2006 16:39
von defenderLQ
ich weis nicht?
ist das was ich sucher?

also ich habe schon style wechsel in meinem project.

ich will eben für mein Toolbar hintergrunde ein selbst erstellte
.png .

du kennst nicht die skin auswahl von overnet usw...
ich denke die anwendung


man kann per so nem skins die anwendung stylen
schau mal bei overnet/edonkey2000 skins an....

und wenn ich ein skin mir gebastelt habe kann ich
es dann in den optionen auswählen welche ich will..

Verfasst: 9. November 2006 16:48
von upsala
Seh' ich das richtig, daß das Demo nicht ausprobiert hast?

Verfasst: 9. November 2006 16:54
von defenderLQ
ich habs gefunden lokal in meinen examples!
nun muss ich schauen obs mit dem toolbar auch geht...

ok ich schau grad....

danke ich habs schon lokal mal die examples angeschaut aber gesehen hatte ich das hier nicht.

Code: Alles auswählen

/* Customize any plain widget that is a child of a QMainWindow. */
QMainWindow > .QWidget {
    background-color: gainsboro;
    background-image: url(:/images/pagefold.png);
    background-position: top right;
    background-repeat: no-repeat
}
wie kann man nun ein Toolbar ein .png verpassen?

Code: Alles auswählen

QMainWindow > .QToolbar {
?

Verfasst: 9. November 2006 18:17
von defenderLQ
hi

nun es klappt schon was:
Bild

nun wie bekomme ich so hin das z.b

mein prog es abfragt wenn ich in options auf ein skin gehen gehe.

Der pfad extern sollte eben im gleich pfad sein wie die .exe

unter ordner: skins/default/xx.png

unter ordner: skins/mystyle/xxx.png skins/mystyle/xxx.qss

und die qss datei sollte dann auch extern sein und ohne das man im source was hin und her schreiben muss ür neue skins?

ich bin etwas weiter als ich gedacht hatte momentan alle icons in sourcecode aber extern ist es besser nur standard sollten eben im source bleiben...

ist diese variante besser oder gibts die xml variante auch?
wo eben extern wie schon gesagt habe per xml .