-
Notifications
You must be signed in to change notification settings - Fork 0
QFS ‐ QFCCFD ‐ Config ‐ Style ‐ Panel.inc
Steve Hsu edited this page Dec 22, 2024
·
2 revisions
QFS ‐ QFCCFD ‐ Config
- Style
- Panel.inc
This article only introduces what you might need when writing skins.
Refer to: QFS ‐ QFSDI ‐ Current Skin Path - Skin Config - Panel
-
#@#Config\BlurMode\#Bl.Gl.Md#\Panel.inc
This configuration will automatically configure background blur.
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 |
- | - | - |