2023-05-10 23:50:01 +08:00
|
|
|
<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="450"
|
|
|
|
|
x:Class="Semi.Avalonia.Demo.Pages.HeaderedContentControlDemo">
|
|
|
|
|
<ScrollViewer>
|
2023-06-01 10:41:21 +08:00
|
|
|
<StackPanel HorizontalAlignment="Left" Spacing="20">
|
2023-10-09 14:34:39 +08:00
|
|
|
<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
|
|
|
|
|
HorizontalAlignment="Left"
|
|
|
|
|
Theme="{DynamicResource GroupBox}"
|
|
|
|
|
Header="Semi Design"
|
|
|
|
|
Width="400"
|
|
|
|
|
Height="200">
|
2023-06-01 10:41:21 +08:00
|
|
|
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统。设计系统包含设计语言以及一整套可复用的前端组件，帮助设计师与开发者更容易地打造高质量的、用户体验一致的、符合设计规范的 Web 应用。</TextBlock>
|
|
|
|
|
</HeaderedContentControl>
|
|
|
|
|
</StackPanel>
|
2023-05-10 23:50:01 +08:00
|
|
|
</ScrollViewer>
|
|
|
|
|
</UserControl>
|
