Aracılığıyla paylaş

Uygulama içi akrilik

XAML Akrilik Fırça veya önceden tanımlanmış AcrylicBrush tema kaynaklarını kullanarak uygulamanızın yüzeylerine uygulama içi akrilik uygulayabilirsiniz.

WinUI Galeri uygulamasını açın ve Akrilik'i iş başında görün

WinUI, uygulamanın temasına saygı gösteren ve gerektiğinde düz renklere geri dönen bir fırça teması kaynakları koleksiyonu içerir. Belirli bir yüzeyi boyamak için, tema kaynaklarından birini diğer fırça kaynakları gibi öğelerin arka planlarına uygulayın.

<Grid Background="{ThemeResource AcrylicInAppFillColorDefaultBrush}">

Uyarı

Bu kaynakları AcrylicBrush tema kaynakları dosyasında, microsoft-ui-xaml GitHub deposunda görüntüleyebilirsiniz.

Özel akrilik fırça

Markayı göstermek veya sayfadaki diğer öğelerle görsel denge sağlamak için uygulamanızın akrilikine renk tonu eklemeyi seçebilirsiniz. Gri tonlama yerine renk göstermek için aşağıdaki özellikleri kullanarak kendi akrilik fırçalarınızı tanımlamanız gerekir.

  • TintColor: renk/renk tonu katmanı.
  • TintOpacity: ton katmanının opaklığı.
  • TintLuminosityOpacity: arka plandan akrilik yüzey aracılığıyla geçen doygunluk miktarını kontrol eder.
  • FallbackColor: Pil Tasarrufu'nda akrilik yerine koyu renk. Arka plan akrilik için geri dönüş rengi, uygulamanız etkin masaüstü penceresinde olmadığında akrilikin yerini de alır.

Açık tema akrilik renk örnekleri

Koyu tema akrilik renk örnekleri

Renk tonu opaklığına kıyasla parlaklık opaklığı

Akrilik fırça eklemek için koyu, açık ve yüksek karşıtlık temaları için üç kaynağı tanımlayın. Yüksek karşıtlıkta koyu/açık Akrilik Fırça ile aynı sahip x:Key kullanmanızı öneririz.

Uyarı

TintLuminosityOpacity değeri belirtmezseniz sistem, TintColor ve TintOpacity değerlerinize göre değerini otomatik olarak ayarlar.

<ResourceDictionary.ThemeDictionaries>
    <ResourceDictionary x:Key="Default">
        <AcrylicBrush x:Key="MyAcrylicBrush"
            TintColor="#FFFF0000"
            TintOpacity="0.8"
            TintLuminosityOpacity="0.5"
            FallbackColor="#FF7F0000"/>
    </ResourceDictionary>

    <ResourceDictionary x:Key="HighContrast">
        <SolidColorBrush x:Key="MyAcrylicBrush"
            Color="{ThemeResource SystemColorWindowColor}"/>
    </ResourceDictionary>

    <ResourceDictionary x:Key="Light">
        <AcrylicBrush x:Key="MyAcrylicBrush"
            TintColor="#FFFF0000"
            TintOpacity="0.8"
            TintLuminosityOpacity="0.5"
            FallbackColor="#FFFF7F7F"/>
    </ResourceDictionary>
</ResourceDictionary.ThemeDictionaries>

Aşağıdaki örnek, kodda bir AcrylicBrush'in nasıl bildirileceğini gösterir.

AcrylicBrush myBrush = new AcrylicBrush();
myBrush.TintColor = Color.FromArgb(255, 202, 24, 37);
myBrush.FallbackColor = Color.FromArgb(255, 202, 24, 37);
myBrush.TintOpacity = 0.6;

grid.Fill = myBrush;
  • Last updated on