Uwp控件坐标获取与设置可取代Flyout

最新推荐文章于 2025-12-05 11:58:33 发布

原创最新推荐文章于 2025-12-05 11:58:33 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#c# #microsoft #开发语言

这段代码展示了如何在XAML中定义Grid布局，包括背景模糊效果，并使用C#处理点击事件，调整子元素的位置和可见性。同时，有一个Button的Flyout功能用于显示附加信息。

xaml 代码

        <Grid x:Name="popUpWndMask" Width="2378" Height="1255" Visibility="Collapsed" HorizontalAlignment="Left" VerticalAlignment="Top" BorderBrush="Red" BorderThickness="2">
            <Border >
                <Border.Background>
                    <media:BackdropBlurBrush x:Name="blurBrush" Amount="10" />
                </Border.Background>
            </Border>
            <Grid x:Name="popUpWnd" Background="White" Width="375" Height="375" VerticalAlignment="Top" 		HorizontalAlignment="Left">
                <!--<Grid.RenderTransform>
                    <TranslateTransform x:Name="popUpWndCoord"/>
                </Grid.RenderTransform>-->
            </Grid>
        </Grid>

C#代码

private void Slot_ClickedEdit(object sender, RoutedEventArgs e)
		{
			SlotProfileButton slotBtn =(sender as SlotProfileButton);

			var t = slotBtn.TransformToVisual((UIElement)(popUpWndMask));
			Point screenCoords = t.TransformPoint(new Point(0, 0));
			TranslateTransform coordsPos= new TranslateTransform();
			coordsPos.X = screenCoords.X;
			coordsPos.Y = screenCoords.Y;
			popUpWnd.RenderTransform = coordsPos;
			popUpWndMask.Visibility = Visibility.Visible;
		}

Flyout xaml 代码

<Button width="200" height="30"
       <Button.Flyout>
           <Flyout>
               <Grid Width="200" Height="200" Background="red" HorizontalAlignment="Right">
               </Grid>
           </Flyout>
       </Button.Flyout>
</Button>