Added another sample to the app, but it's a bit wonky still...

Image isn't DPI aware, so it's a bit weird at different DPI monitor.
This commit is contained in:
michael-hawker 2021-07-29 19:15:19 -07:00
Родитель 8ee8084ac9
Коммит b4fe600ece
5 изменённых файлов: 10 добавлений и 0 удалений

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 510 B

Двоичные данные
Microsoft.Toolkit.Uwp.SampleApp/Assets/checker.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 161 B

Двоичные данные
Microsoft.Toolkit.Uwp.SampleApp/Assets/pixel.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 1.1 KiB

Просмотреть файл

@ -130,6 +130,7 @@
<!-- A reference to the entire .Net Framework and Windows SDK are automatically included -->
<Content Include="Assets\BrushAssets\TileTexture.png" />
<Content Include="Assets\BrushAssets\NoiseTexture.png" />
<Content Include="Assets\checker.png" />
<Content Include="Assets\Llama.mp3" />
<Content Include="Assets\mslogo.png" />
<Content Include="Assets\NotificationAssets\Cloudy-Square.png" />

Просмотреть файл

@ -4,11 +4,20 @@
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
xmlns:brushes="using:Microsoft.Toolkit.Uwp.UI.Media"
mc:Ignorable="d">
<Grid>
<controls:ConstrainedBox AspectRatio="16:3" VerticalAlignment="Top">
<Image Source="/Assets/Photos/WestSeattleView.jpg" Stretch="UniformToFill"/>
</controls:ConstrainedBox>
<controls:ConstrainedBox MultipleX="64"
AspectRatio="1:1"
MinWidth="64" MaxWidth="512">
<controls:ConstrainedBox.Background>
<!-- TODO: Should I make a DPI aware image? As otherwise scaling doesn't quite work at 150%? -->
<brushes:TilesBrush TextureUri="ms-appx:///Assets/checker.png"/>
</controls:ConstrainedBox.Background>
</controls:ConstrainedBox>
</Grid>
</Page>