ContextQMD
Back to Handycontrol

FloatingBlock 漂浮块

doc/source/handycontrol/extend_controls/floatingBlock/index.md

3.5.21.5 KB
Original Source

可借助漂浮块实现特殊的点击效果。

cs
public class FloatingBlock : Control

依赖属性

属性描述默认值备注
ToXX轴消失位置0
ToYy轴消失位置-100
Duration动画持续时间2s
HorizontalOffset横向偏移0
VerticalOffset纵向偏移0
ContentTemplate漂浮内容模板
Content漂浮内容

案例

xml
<StackPanel Margin="32" VerticalAlignment="Center">
    <Button hc:IconElement.Geometry="{StaticResource ThumbsUpGeometry}" Width="180">
        <hc:FloatingBlock.ContentTemplate>
            <DataTemplate>
                <Path Data="{StaticResource ThumbsUpGeometry}" Fill="{DynamicResource DangerBrush}" Width="16" Height="16"/>
            </DataTemplate>
        </hc:FloatingBlock.ContentTemplate>
    </Button>
    <Button Content="Good" hc:FloatingBlock.Content="Good" Width="180" Margin="0,10,0,0"/>
    <Button hc:IconElement.Geometry="{StaticResource ThumbsUpGeometry}" Width="180" Margin="0,10,0,0" hc:FloatingBlock.Duration="0:0:1" hc:FloatingBlock.VerticalOffset="-20" hc:FloatingBlock.ToX="50" hc:FloatingBlock.ToY="-80">
        <hc:FloatingBlock.ContentTemplate>
            <DataTemplate>
                <Path Data="{StaticResource ThumbsUpGeometry}" Fill="{DynamicResource DangerBrush}" Width="16" Height="16"/>
            </DataTemplate>
        </hc:FloatingBlock.ContentTemplate>
    </Button>
</StackPanel>