113 lines
7.3 KiB
XML
113 lines
7.3 KiB
XML
<UserControl x:Class="AntDesignWPFDemo.Views.ToolTipView"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:viewmodels="clr-namespace:AntDesignWPFDemo.ViewModels"
|
|
mc:Ignorable="d"
|
|
d:DataContext="{d:DesignInstance Type=viewmodels:ToolTipViewModel}">
|
|
|
|
<ScrollViewer>
|
|
<Grid Margin="16,0">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
<StackPanel>
|
|
<Label Content="Tooltip" Style="{StaticResource Ant.H1}" />
|
|
<TextBlock Style="{StaticResource Ant.P}" Text="A simple text popup tip." />
|
|
|
|
<Label Content="When To Use" Style="{StaticResource Ant.H2}" />
|
|
<TextBlock Style="{StaticResource Ant.P}" Text="The tip is shown on mouse enter, and is hidden on mouse leave. The Tooltip doesn't support complex text or operations.
To provide an explanation of a button/text/operation. It's often used instead of the html title attribute." />
|
|
|
|
<Label Content="Examples" Style="{StaticResource Ant.H2}" />
|
|
</StackPanel>
|
|
<Grid Grid.Row="1">
|
|
<Grid.Resources>
|
|
<Style TargetType="antd:AntButton">
|
|
<Setter Property="Margin" Value="8,0,0,8" />
|
|
</Style>
|
|
</Grid.Resources>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition />
|
|
<ColumnDefinition />
|
|
</Grid.ColumnDefinitions>
|
|
<StackPanel Margin="8,0">
|
|
<antd:CodeBox Title="Basic">
|
|
<antd:CodeBox.Description>The simplest usage.</antd:CodeBox.Description>
|
|
<antd:CodeBox.Content>
|
|
<TextBlock Text="Tooltip will show when mouse enter."
|
|
ToolTip="prompt text"
|
|
ToolTipService.Placement="Top"
|
|
ToolTipService.ShowDuration="0" />
|
|
</antd:CodeBox.Content>
|
|
<antd:CodeBox.Code><ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" />\n\n
|
|
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
|
|
<WrapPanel>
|
|
<antd:Switch IsChecked="True" />
|
|
</WrapPanel></antd:CodeBox.Code>
|
|
</antd:CodeBox>
|
|
<antd:CodeBox Title="Arrow pointing at the center">
|
|
<antd:CodeBox.Description>By specifying `arrowPointAtCenter` prop, the arrow will point to the center of the target element.</antd:CodeBox.Description>
|
|
<antd:CodeBox.Content>
|
|
<StackPanel>
|
|
<WrapPanel>
|
|
<antd:AntButton Content="Align edge / 边缘对齐" />
|
|
</WrapPanel>
|
|
<WrapPanel>
|
|
<antd:AntButton Content="Arrow points to center / 箭头指向中心" />
|
|
</WrapPanel>
|
|
</StackPanel>
|
|
</antd:CodeBox.Content>
|
|
<antd:CodeBox.Code><ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" />\n\n
|
|
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
|
|
<WrapPanel>
|
|
<antd:Switch IsChecked="True" />
|
|
</WrapPanel></antd:CodeBox.Code>
|
|
</antd:CodeBox>
|
|
</StackPanel>
|
|
<StackPanel Grid.Column="1" Margin="8,0">
|
|
<antd:CodeBox Title="Placement">
|
|
<antd:CodeBox.Description>The ToolTip has 12 placements choice. ToolTipService.Placement="Left"</antd:CodeBox.Description>
|
|
<antd:CodeBox.Content>
|
|
<Grid MaxWidth="335">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition />
|
|
<RowDefinition />
|
|
<RowDefinition />
|
|
</Grid.RowDefinitions>
|
|
<WrapPanel HorizontalAlignment="Center">
|
|
<antd:AntButton Content="TL" ToolTip="Prompt Text" ToolTipService.Placement="Top"/>
|
|
<antd:AntButton Content="Top" ToolTip="Prompt Text" ToolTipService.Placement="Top"/>
|
|
<antd:AntButton Content="TR" ToolTip="Prompt Text" ToolTipService.Placement="Top"/>
|
|
</WrapPanel>
|
|
<StackPanel Grid.Row="1" HorizontalAlignment="Left">
|
|
<antd:AntButton Content="LT" ToolTip="Prompt Text" ToolTipService.Placement="Left"/>
|
|
<antd:AntButton Content="Left" ToolTip="Prompt Text" ToolTipService.Placement="Left"/>
|
|
<antd:AntButton Content="LB" ToolTip="Prompt Text" ToolTipService.Placement="Left"/>
|
|
</StackPanel>
|
|
<StackPanel Grid.Row="1" HorizontalAlignment="Right">
|
|
<antd:AntButton Content="RT" ToolTip="Prompt Text" ToolTipService.Placement="Right"/>
|
|
<antd:AntButton Content="Right" ToolTip="Prompt Text" ToolTipService.Placement="Right"/>
|
|
<antd:AntButton Content="RB" ToolTip="Prompt Text" ToolTipService.Placement="Right"/>
|
|
</StackPanel>
|
|
<WrapPanel Grid.Row="2" HorizontalAlignment="Center">
|
|
<antd:AntButton Content="BL" ToolTip="Prompt Text" ToolTipService.Placement="Center"/>
|
|
<antd:AntButton Content="Bottom" ToolTip="Prompt Text" ToolTipService.Placement="Center"/>
|
|
<antd:AntButton Content="BR" ToolTip="Prompt Text" ToolTipService.Placement="Center"/>
|
|
</WrapPanel>
|
|
</Grid>
|
|
</antd:CodeBox.Content>
|
|
<antd:CodeBox.Code><ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" />\n\n
|
|
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
|
|
<WrapPanel>
|
|
<antd:Switch IsChecked="True" />
|
|
</WrapPanel></antd:CodeBox.Code>
|
|
</antd:CodeBox>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Grid>
|
|
</ScrollViewer>
|
|
</UserControl> |