csharpc-sharpdotnetxamlavaloniauicross-platformcross-platform-xamlavaloniaguimulti-platformuser-interfacedotnetcore
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
3.5 KiB
98 lines
3.5 KiB
<UserControl x:Class="ControlCatalog.MainView"
|
|
xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:controls="using:ControlSamples"
|
|
xmlns:models="using:ControlCatalog.Models"
|
|
xmlns:pages="using:ControlCatalog.Pages"
|
|
xmlns:viewModels="using:ControlCatalog.ViewModels"
|
|
x:DataType="viewModels:MainWindowViewModel">
|
|
<Grid>
|
|
<Grid.Styles>
|
|
<Media Query=":min-width(600)">
|
|
<Style Selector="TextBlock#MinWidth">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":min-width(600)">
|
|
<Style Selector="TextBlock#MinWidth">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":max-width(800)">
|
|
<Style Selector="TextBlock#MaxWidth">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":min-height(600)">
|
|
<Style Selector="TextBlock#MinHeight">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":max-height(800)">
|
|
<Style Selector="TextBlock#MaxHeight">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":orientation(landscape)">
|
|
<Style Selector="TextBlock#Landscape">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":orientation(portrait)">
|
|
<Style Selector="TextBlock#Portrait">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":is-os(windows)">
|
|
<Style Selector="TextBlock#Windows">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":is-os(linux)">
|
|
<Style Selector="TextBlock#Linux">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":is-os(osx)">
|
|
<Style Selector="TextBlock#OSX">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":is-os(android)">
|
|
<Style Selector="TextBlock#Android">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
<Media Query=":is-os(ios)">
|
|
<Style Selector="TextBlock#iOS">
|
|
<Setter Property="Foreground"
|
|
Value="Red" />
|
|
</Style>
|
|
</Media>
|
|
</Grid.Styles>
|
|
<StackPanel Spacing="10">
|
|
<TextBlock Name="MinWidth" Classes="h2" Text="min-width" />
|
|
<TextBlock Name="MaxWidth" Classes="h2" Text="max-width" />
|
|
<TextBlock Name="MinHeight" Classes="h2" Text="min-height" />
|
|
<TextBlock Name="MaxHeight" Classes="h2" Text="max-height" />
|
|
<TextBlock Name="Landscape" Classes="h2" Text="orientation(landscape)" />
|
|
<TextBlock Name="Portrait" Classes="h2" Text="orientation(portrait)" />
|
|
<TextBlock Name="Windows" Classes="h2" Text="is-os(windows)" />
|
|
<TextBlock Name="Linux" Classes="h2" Text="is-os(linux)" />
|
|
<TextBlock Name="OSX" Classes="h2" Text="is-os(osx)" />
|
|
<TextBlock Name="Android" Classes="h2" Text="is-os(android)" />
|
|
<TextBlock Name="iOS" Classes="h2" Text="is-os(ios)" />
|
|
</StackPanel>
|
|
</Grid>
|
|
</UserControl>
|
|
|