0

我正在尝试通过从 GitHub 下载的示例了解有关 UWP 的一些知识（我对 UWP 完全是业余爱好者，我知道最好为初学者阅读一本书）在示例中，左窗格使用 Background="{ ThemeResource ApplicationPageBackgroundThemeBrush}”，右侧面板使用 Background="#7F000000"

在右侧面板中，我了解了如何更改颜色和透明度百分比。但我不明白如何在左侧面板上执行此操作。

编辑：为什么左上边缘有白色像素化伪影？

<Page
x:Class="AcrylicControls.Example.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:resources="using:AcrylicControls.Example.Resources"
mc:Ignorable="d" d:DesignWidth="600">
<Page.Resources>
    <resources:Lorem x:Key="Lorem"/>

    <DataTemplate x:Key="ExampleListViewItem"
                  x:DataType="x:String">
        <TextBlock Text="{Binding}"
                   ToolTipService.ToolTip="This item does nothing"/>
    </DataTemplate>
</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <RelativePanel x:Name="AcrylicBackground" 
                   Grid.Column="0" 
                   Grid.ColumnSpan="2"
                   MinWidth="40" 
                   SizeChanged="Page_SizeChanged"/>
    <Grid Column="0"
          Width="{Binding Width, ElementName=AcrylicBackground}"
          Background="{StaticResource SystemControlAcrylicWindowBrush}">
        <ListView Width="150" 
                  ItemTemplate="{StaticResource ExampleListViewItem}">
            <x:String>Item 1</x:String>
            <x:String>Item 2</x:String>
            <x:String>Item 3</x:String>
            <x:String>Item 4</x:String>
            <x:String>Test</x:String>
        </ListView>
    </Grid>
    
    <Grid Column="1"
          Background="#7F000000">
        <Pivot Title="I'm sample content. Look at me!">
            <PivotItem Header="Lorem Ipsum">
                <TextBlock Text="{Binding Source={StaticResource Lorem}, Path=Ipsum}"
                           TextWrapping="Wrap"/>
            </PivotItem>
            <PivotItem Header="BlurryControls">
                <WebView Source="https://github.com/ConfusedHorse/BlurryControls"/>
            </PivotItem>
        </Pivot>
    </Grid>
</Grid>

示例图片

4

1 回答 1

0

我尝试了您的代码，但它显示出完全不同的行为。左侧面板显示亚克力效果，右侧部分没有亚克力效果。我想这是因为我在您的示例中使用了部分代码。

由于您正在尝试了解如何使用和修改丙烯酸材料，所以我想为您的场景提供另一个建议。要了解如何使用亚克力效果，可以看一下官方文档：亚克力材质而不是第三方库。官方文档介绍了亚克力的种类，亚克力的使用方法和外观。还有一些易于理解和测试的代码片段。例如，它展示了如何根据您的要求定制丙烯酸刷。

于 2021-12-24T01:57:00.090 回答