StyleSheet

Gibt eine Reihe anderer StyleSheets zurück, von denen der StyleSheet abgeleitet wird StyleRules und Token-Definitionen.

Rückgaben

Setzt das StyleSheet darauf, StyleRules und Token-Definitionen aus einer oder mehreren anderen StyleSheets in der Reihenfolge zu generieren, in der sie aufgelistet sind.Diese Methode erzeugt die entsprechenden StyleDerive Instanzen und legt ihre Prioritäten fest, um die angegebenen Derivate zu etablieren.

local ReplicatedStorage = game:GetService("ReplicatedStorage")

local coreSheet = ReplicatedStorage:FindFirstChild("CoreSheet")

-- Erstelle eine Token-Style-Seite
local tokensSheet = Instance.new("StyleSheet")
tokensSheet.Name = "Tokens"
tokensSheet.Parent = ReplicatedStorage
-- Setze Token (Attribute) auf der Token-Seite
tokensSheet:SetAttribute("LightGray", Color3.new(0.9, 0.9, 0.9))
tokensSheet:SetAttribute("DarkGray", Color3.new(0.2, 0.2, 0.2))

-- Erstellen von Themen-Stilblättern
local lightThemeSheet = Instance.new("StyleSheet")
lightThemeSheet.Name = "LightTheme"
lightThemeSheet:SetAttribute("Background", "$LightGray")
lightThemeSheet.Parent = ReplicatedStorage
local darkThemeSheet = Instance.new("StyleSheet")
darkThemeSheet.Name = "DarkTheme"
darkThemeSheet:SetAttribute("Background", "$DarkGray")
darkThemeSheet.Parent = ReplicatedStorage

-- Stelle Themenblätter so ein, dass sie aus einer Token-Blatt abgeleitet werden
lightThemeSheet:SetDerives({ tokensSheet })
darkThemeSheet:SetDerives({ tokensSheet })

local themeDerive = Instance.new("StyleDerive")
themeDerive.Parent = coreSheet
themeDerive.StyleSheet = lightThemeSheet

-- Funktion, um das derivierte Thema für das Kernblatt dynamisch zu ändern
local function changeTheme()
	if themeDerive.StyleSheet == lightThemeSheet then
		themeDerive.StyleSheet = darkThemeSheet
	elseif themeDerive.StyleSheet == darkThemeSheet then
		themeDerive.StyleSheet = lightThemeSheet
	end
end

Beachten Sie, dass, wenn Sie ein Design mit dem Style-Editor erstellt haben, die Style-Tabelle in der Design-Ordner von wird eine enthalten, auch im Design-Ordner der Basis-Style-Tabelle .Wenn du Abstufungen mit SetDerives() festlegst, stelle sicher, dass du die Basis-Style-Seite im Bereich mit der geringsten Priorität in Bezug auf andere StyleSheets in der derives -Matrix einfügst.

Parameter

Rückgaben