TileTypes.axaml代码

<Window xmlns="https://github.com/avaloniaui"
        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"
        Height="500" Width="296.8"
        x:Class="AvaloniaUI.TileTypes"
        Title="TileTypes">
    <Grid Margin="5" RowDefinitions="*,*,*" ColumnDefinitions="auto,*">
        <TextBlock Margin="3">Fixed Tiles</TextBlock>
        <Rectangle Grid.Column="1" Stroke="Black">
            <Rectangle.Fill>
                <ImageBrush Source="avares://AvaloniaUI/Resources/Images/tile.jpg" TileMode="Tile"
                            DestinationRect="0,0,37,37"></ImageBrush>
            </Rectangle.Fill>
        </Rectangle>

        <TextBlock Grid.Row="1" Margin="3">Proportional Tiles</TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="1" Stroke="Black">
            <Rectangle.Fill>
                <ImageBrush Source="avares://AvaloniaUI/Resources/Images/tile.jpg" TileMode="Tile"
                            DestinationRect="0%,0%,20%,20%"></ImageBrush>
            </Rectangle.Fill>
        </Rectangle>

        <TextBlock Grid.Row="2" Margin="3">
            Proportional Tiles<LineBreak></LineBreak>(no stretch)
        </TextBlock>
        <Rectangle Grid.Row="2" Grid.Column="1" Stroke="Black">
            <Rectangle.Fill>
                <ImageBrush Source="avares://AvaloniaUI/Resources/Images/tile.jpg" TileMode="Tile" Stretch="None"
                            DestinationRect="0%,0%,20%,20%"></ImageBrush>
            </Rectangle.Fill>
        </Rectangle>

    </Grid>
</Window>

TileTypes.axaml.cs代码

using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;

namespace AvaloniaUI;

public partial class TileTypes : Window
{
    public TileTypes()
    {
        InitializeComponent();
    }
}

运行效果

image

 

posted on 2025-09-04 13:13  dalgleish  阅读(12)  评论(0)    收藏  举报