更新
This commit is contained in:
123
AntdWpfDemo/Views/ToolTipView.xaml
Normal file
123
AntdWpfDemo/Views/ToolTipView.xaml
Normal file
@@ -0,0 +1,123 @@
|
||||
<UserControl x:Class="AntdWpfDemo.Views.ToolTipView"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
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"
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"
|
||||
|
||||
mc:Ignorable="d"
|
||||
d:DesignHeight="600"
|
||||
d:DesignWidth="930">
|
||||
|
||||
<ScrollViewer>
|
||||
<Grid Margin="16 0">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="*" />
|
||||
<RowDefinition Height="*" />
|
||||
</Grid.RowDefinitions>
|
||||
<StackPanel>
|
||||
<Label Style="{StaticResource Ant.H1}" Content="Tooltip" />
|
||||
<TextBlock Style="{StaticResource Ant.P}" Text="A simple text popup tip." />
|
||||
|
||||
<Label Style="{StaticResource Ant.H2}" Content="When To Use" />
|
||||
<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 Style="{StaticResource Ant.H2}" Content="Examples" />
|
||||
</StackPanel>
|
||||
<Grid Grid.Row="1">
|
||||
<Grid.Resources>
|
||||
<Style TargetType="antd:Button">
|
||||
<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:,,,/AntdWpf;component/Themes/Theme.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"\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:Button Content="Align edge / 边缘对齐" />
|
||||
</WrapPanel>
|
||||
<WrapPanel>
|
||||
<antd:Button Content="Arrow points to center / 箭头指向中心" />
|
||||
</WrapPanel>
|
||||
</StackPanel>
|
||||
</antd:CodeBox.Content>
|
||||
<antd:CodeBox.Code>
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/Theme.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"\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.
|
||||
</antd:CodeBox.Description>
|
||||
<antd:CodeBox.Content>
|
||||
<Grid MaxWidth="335">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition />
|
||||
<RowDefinition />
|
||||
<RowDefinition />
|
||||
</Grid.RowDefinitions>
|
||||
<WrapPanel HorizontalAlignment="Center">
|
||||
<antd:Button Content="TL" />
|
||||
<antd:Button Content="Top" />
|
||||
<antd:Button Content="TR" />
|
||||
</WrapPanel>
|
||||
<StackPanel Grid.Row="1" HorizontalAlignment="Left">
|
||||
<antd:Button Content="LT" />
|
||||
<antd:Button Content="Left" />
|
||||
<antd:Button Content="LB" />
|
||||
</StackPanel>
|
||||
<StackPanel Grid.Row="1" HorizontalAlignment="Right">
|
||||
<antd:Button Content="RT" />
|
||||
<antd:Button Content="Right" />
|
||||
<antd:Button Content="RB" />
|
||||
</StackPanel>
|
||||
<WrapPanel Grid.Row="2" HorizontalAlignment="Center">
|
||||
<antd:Button Content="BL" />
|
||||
<antd:Button Content="Bottom" />
|
||||
<antd:Button Content="BR" />
|
||||
</WrapPanel>
|
||||
</Grid>
|
||||
</antd:CodeBox.Content>
|
||||
<antd:CodeBox.Code>
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/Theme.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"\n\n
|
||||
<WrapPanel>
|
||||
<antd:Switch IsChecked="True" />
|
||||
</WrapPanel>
|
||||
</antd:CodeBox.Code>
|
||||
</antd:CodeBox>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</ScrollViewer>
|
||||
</UserControl>
|
||||
Reference in New Issue
Block a user