Skip to content

QFS ‐ QFCCFD ‐ Config ‐ Style ‐ Panel.inc

Steve Hsu edited this page Dec 22, 2024 · 2 revisions

Navigation

QFSQFCCFDConfig - Style - Panel.inc

This article only introduces what you might need when writing skins.

Refer to: QFS ‐ QFSDI ‐ Current Skin Path - Skin Config - Panel

Included Files

  • #@#Config\BlurMode\#Bl.Gl.Md#\Panel.inc This configuration will automatically configure background blur.

Meter Styles

Style Name Friendly Name Description Suitable Meter Types Must be applied with ... Style before it Required Variables Required Meters Required Measures
🟨 St.Pn General Panel Style All Panel skins must have a Meter named Mt.Pn, that use this Style, added to the bottom of the skin. Shape - #CURRENTCONFIG#:
PW PH
#Pk@#Config\SkinSettings\#Sk.Nm#.inc:
Bnd.L Bnd.R Bnd.T Bnd.B Op.Bg_Cstm PnGdnt.Enab PnGdnt.Ag PnGdnt.Cl.01 PnGdnt.Cl.02
- -
🟨 St.Zn "Panel Zone" Style All Panel skins must have a Meter named Mt.Zn, that use this Style, added to the bottom of the skin, above Mt.Pn, that used as a Container, to prevent skin content from spilling out of the display range. Shape - #CURRENTCONFIG#:
PW PH
#Pk@#Config\SkinSettings\#Sk.Nm#.inc:
Bnd.L Bnd.R Bnd.T Bnd.B Op.Bg_Cstm
- -
🟨 St.Le "Panel Light Effect" Style All Panel skins must have a Meter named Mt.Le, that use this Style, added to the bottom of the skin, above Mt.Zn. Shape - #CURRENTCONFIG#:
PW PH
#Pk@#Config\SkinSettings\#Sk.Nm#.inc:
Bnd.L Bnd.R Bnd.T Bnd.B Op.Bg_Cstm
- -
🟩 St.Le.Rtt "Panel Spherical Effect" Style Use this Style to show a spherical effect in the upper left corner of the skin when the value of Hl.Op is not 0, with the minimum value depending on the width and height of the skin. Shape St.Le #CURRENTCONFIG#:
PW PH
#Pk@#Config\SkinSettings\#Sk.Nm#.inc:
Bnd.L Bnd.R Bnd.T Bnd.B Op.Bg_Cstm
- -
🟩 St.RlB General Circular progress bar background Style A Meter using this Style can act as a background for Mt.Rl, which means it needs to be placed after Mt.Rl. Shape - #CURRENTCONFIG#:
PW PH
- -
🟩 St.Rl General Circular progress bar Style This circular progress bar represents the size of Ms.Rl. The size of this meter (should be named as Mt.Rl) depends on the size of the skin. Roundline - #CURRENTCONFIG#:
PW PH
- Ms.Rl
🟩 St.PnSr "Panel adapted with 'Scrolling Content' function" Style - Shape St.Pn #CURRENTCONFIG#:
Index IdxSpLt MaxQ DisQ PMSUA PMSDA
#Pk@#Config\SkinSettings\#Sk.Nm#.inc:
AutoQ
- Ms.Calc.IsFull
🟩 St.Srbr.Ver Vertical Scroll Bar Style - Shape - #CURRENTCONFIG#:
PW PH Index MaxQ MaxQ DisQ
- Ms.Calc.IsFull
🟩 St.Srbr.Hor Horizontal Scroll Bar Style - Shape - #CURRENTCONFIG#:
PW PH Index MaxQ MaxQ DisQ
- Ms.Calc.IsFull
🟩 St.Gp.MvBts Group Style of "Scroll" Buttons - Shape and Image - - - -
🟩 St.Sp.MvBts Style of "Scroll" Buttons - Shape St.Bt.Sp - - -
🟩 St.Bt.MvPre Action Style for "Scroll the Previous" Button - Shape St.Gp.MvBts | St.Sp.MvBts #CURRENTCONFIG#:
Index IdxSpLt MaxQ DisQ PMSUA
- -
🟩 St.Bt.MvPrePg Action Style for "Scroll the Previous Page" Button - Shape St.Gp.MvBts | St.Sp.MvBts #CURRENTCONFIG#:
Index IdxSpLt MaxQ DisQ PMSDA
- -
🟩 St.Bt.MvNxt Action Style for "Scroll the Next" Button - Shape St.Gp.MvBts | St.Sp.MvBts #CURRENTCONFIG#:
Index MaxQ DisQ PMSUAPg
- -
🟩 St.Bt.MvNxtPg Action Style for "Scroll the Next Page" Button - Shape St.Gp.MvBts | St.Sp.MvBts #CURRENTCONFIG#:
Index MaxQ DisQ PMSDAPg
- -
🟩 St.Im.MvBts Image Style of "Scroll" Buttons - Image St.Gp.MvBts | St.Mi - - -
🟩 St.Im.MvPre.Ver Image Style of Vertical "Scroll Previously" Button - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvPre.00 -
🟩 St.Im.MvPrePg.Ver.01 Image Style of Vertical "Scroll to the Previous Page" Button (1) - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvPrePg.00 -
🟩 St.Im.MvPrePg.Ver.02 Image Style of Vertical "Scroll to the Previous Page" Button (2) - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvPrePg.00 -
🟩 St.Im.MvNxt.Ver Image Style of Horizontal "Scroll to the Next" Button - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvNxt.00 -
🟩 St.Im.MvNxtPg.Ver.01 Image Style of Horizontal "Scroll to the Next Page" Button (1) - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvNxtPg.00 -
🟩 St.Im.MvNxtPg.Ver.02 Image Style of Horizontal "Scroll to the Next Page" Button (2) - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvNxtPg.00 -
🟩 St.Im.MvPre.Hor Image Style of Vertical "Scroll Previously" Button - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvPre.00 -
🟩 St.Im.MvPrePg.Hor.01 Image Style of Vertical "Scroll to the Previous Page" Button (1) - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvPrePg.00 -
🟩 St.Im.MvPrePg.Hor.02 Image Style of Vertical "Scroll to the Previous Page" Button (2) - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvPrePg.00 -
🟩 St.Im.MvNxt.Hor Image Style of Horizontal "Scroll to the Next" Button - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvNxt.00 -
🟩 St.Im.MvNxtPg.Hor.01 Image Style of Horizontal "Scroll to the Next Page" Button (1) - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvNxtPg.00 -
🟩 St.Im.MvNxtPg.Hor.02 Image Style of Horizontal "Scroll to the Next Page" Button (2) - Image St.Gp.MvBts | St.Mi | St.Bt.MvBts - Mt.Bt.MvNxtPg.00 -
🟩 St.PnQRsz_1 "Panel adapted with 'Quick Resize' function" Style - Shape St.Pn - - -
Clone this wiki locally