QSS

Kokeneet kirjoittajat eivät ole vielä tarkistaneet sivun nykyistä versiota, ja se voi poiketa merkittävästi 3. heinäkuuta 2015 tarkistetusta versiosta . tarkastukset vaativat 5 muokkausta .

QSS ( englanniksi  Qt Style Sheets  - Qt style Sheets ) on mekanismi, jonka avulla voit mukauttaa widgetien ulkoasua Qt - kirjastossa .

Kuvaus

QSS on vahvasti inspiroitunut HTML :n CSS Cascading Style Sheets -tyylisivuista , ja siksi sillä on samanlainen syntaksi. Erityisesti, kuten CSS:ssä, QSS:ssä voit muuttaa elementin muotoa, värejä, läpinäkyvyyttä sekä visuaalista reagointia tapahtumiin (kuten painikkeen napsauttaminen). Tyylit voidaan liittää sekä yksittäiseen komponenttiin että koko sovellukseen käyttämällä menetelmää, joka on saatavilla sekä yksittäisille widgeteille että . ::setStyleSheet()QApplication

Qt Designer tarjoaa mahdollisuuden integroida QSS-tyylejä, mikä helpottaa niiden testaamista ja kehittämistä. Kun käytät Qt-sovellusta, voit käyttää siihen tyylisivua käyttämällä lomakkeen komentorivisyntaksia :

MyApp -tyylitaulukko MyStyle.qss

QSS-tuki ilmestyi Qt:ssä versiosta 4.3 alkaen [1] , mutta ennen versiota 4.5 tämä mekanismi ei toiminut Mac OS X -alustalla

QSS-mekanismin avulla voit erottaa visuaalisen suunnittelun kokonaan sovelluskehityksestä ja ottaa web-suunnittelijat mukaan sovellusten muotoiluun . Tämä on QtScript- ja QML -alijärjestelmien  ohella yksi vaiheista Qt-ohjelmoinnin tuomiseksi lähemmäksi verkkokehitystä .

QSS:n ominaisuudet

QSS- valitsimet ovat ensisijaisesti Qt - widget -luokkien nimiä. Voit myös määrittää ne esimerkiksi tietyn widget-esiintymän nimellä QPushButton#okButtonsekä tiettyjen attribuuttien arvoilla ( QPushButton[x="0"][y="0"]). Kuten CSS:ssä, voit etsiä elementtiä (QSS:n tapauksessa widget), joka on sisäkkäinen määritetyn tyyppiseen widgetiin, esimerkiksi QFrame > QDial(suora lapsi) tai QFrame QDial(keskitasot ovat sallittuja).

QSS-koodiesimerkkejä

Asettaa rajan säteen QPlainTextEdit-, QSpinBox-, QTimeEdit-, QLineEdit-luokille:

QPlainTextEdit , QSpinBox , QTimeEdit , QLineEdit { rajan säde : 5 ;}

Tarkistaa QComboBox-luokan muokattavan ominaisuuden arvon, jos ehto on tosi, ja asettaa sitten kuvan resurssitiedostosta ja reunuksen leveyden:

QComboBox [ editable = "true" ] { border-image : url ( :/Components/pictures/frame.png ) 4 ; reunan leveys : 3 }

Muistiinpanot

  1. ↑ Qt 4.3 ja tyylisivut arkistoitu alkuperäisestä 9. elokuuta 2011.  (eng.) , Qt Labs - Kehittäjäblogit

Kirjallisuus

  • Jasmine Blanchett, Mark Summerfield. Ch. 19. Dialogin luominen käyttäjän kanssa. Qt-tyylisivujen käyttäminen // Qt4: GUI-ohjelmointi C++:ssa = C++ GUI-ohjelmointi Qt 4:llä. Toinen painos, tarkistettu. - Moskova: KUDITs-PRESS , 2008. - S. 447-461. — 718 s. - 2500 kappaletta. kopio.  - ISBN 978-5-91136-059-7 .
  • Max Schlee. Ch. 26. Tyylikkäitä elementtejä. Cascading Document Styles -tyylien käyttäminen // Qt 4.5. Ammattimainen C++ ohjelmointi . - Pietari: BHV, 2010. - S.  433 -440. — 896 s. - 1500 kappaletta. kopio.  - ISBN 978-5-9775-0398-3 .

Linkit

 Qt
Tekniikka
Työkalut
Sidokset
liittyvät aiheet
 Tyylisivujen kielet ( vertaa , luettelo )
Tilat
Vakio
ei-standardi