4da2467047
Header & Content are now invisible when set to null. SeparatorBorder is now influenced by BorderThickness. Background is no longer transparent. (cherry picked from commit 021ca978659bbb83fac8e4fb719473237f8a6b62)
45 lines
2.5 KiB
XML
45 lines
2.5 KiB
XML
<UserControl 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"
|
|
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="1450"
|
|
x:Class="Semi.Avalonia.Demo.Pages.HeaderedContentControlDemo">
|
|
<ScrollViewer>
|
|
<StackPanel HorizontalAlignment="Left" Spacing="20">
|
|
<TextBlock>Default Theme</TextBlock>
|
|
<WrapPanel ItemWidth="400">
|
|
<HeaderedContentControl
|
|
Header="This is the text header!"
|
|
BorderBrush="Gray"
|
|
BorderThickness="1"
|
|
CornerRadius="4">
|
|
<TextBlock Text="Some content" />
|
|
</HeaderedContentControl>
|
|
<HeaderedContentControl Header="This is the image header!">
|
|
<Image Source="/Assets/WORLD.png" />
|
|
</HeaderedContentControl>
|
|
<HeaderedContentControl>
|
|
<HeaderedContentControl.Header>
|
|
<Image Source="/Assets/WORLD.png" />
|
|
</HeaderedContentControl.Header>
|
|
<TextBlock Text="This is the content. But the header can also be non textual" />
|
|
</HeaderedContentControl>
|
|
</WrapPanel>
|
|
<TextBlock>GroupBox Theme</TextBlock>
|
|
<HeaderedContentControl
|
|
Theme="{DynamicResource GroupBox}"
|
|
HorizontalAlignment="Left"
|
|
MaxWidth="360">
|
|
<HeaderedContentControl.Header>
|
|
<Panel>
|
|
<SelectableTextBlock Text="Semi Design" />
|
|
<HyperlinkButton HorizontalAlignment="Right" Content="更多" />
|
|
</Panel>
|
|
</HeaderedContentControl.Header>
|
|
<HeaderedContentControl.Content>
|
|
<SelectableTextBlock Text="Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统。设计系统包含设计语言以及一整套可复用的前端组件，帮助设计师与开发者更容易地打造高质量的、用户体验一致的、符合设计规范的 Web 应用。" />
|
|
</HeaderedContentControl.Content>
|
|
</HeaderedContentControl>
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</UserControl> |