Warm tip: This article is reproduced from serverfault.com, please click
c# grid wpf xaml overlay

c#-不管网格行的高度如何，都将图像固定在wpf窗口的右上角

(c# - Fix an image at top right corner of wpf window irrespective of the height of grid row)

发布于 2020-12-01 05:37:42

我必须将图像放置在网格的右上角。但这不应该占用网格行的高度。意味着它应该显示为网格的顶层。我怎样才能做到这一点？如下所示，网格行的高度随图像（Img_Data）的高度而增加。

<Grid x:Name="LayoutRoot" Background="Black"  >
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"></RowDefinition>
        <RowDefinition  Height="auto"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" ></ColumnDefinition>
        <ColumnDefinition Width="*" ></ColumnDefinition>
        <ColumnDefinition Width="*" ></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <StackPanel x:Name="menu"  Grid.Row="0" Grid.ColumnSpan="3"    >
        <Button x:Name="btnOpen" Margin="8" Padding="4" Content="Select" Click="btnOpen_Click"  Width="auto" Height="25"/>
        <Button Margin="8" Width="100" Height="28" Content="Play"  BorderBrush="Transparent" Name="btnPlay" Click="btnPlay_Click"  Style="{StaticResource CommonButton}" >
        </Button>
        <Label x:Name="lblRecordTimer" Foreground="White"  HorizontalAlignment="Center" VerticalAlignment="Center"></Label>
        <Label x:Name="lblPlayMode" Foreground="White"   HorizontalAlignment="Center" VerticalAlignment="Center" >Play</Label>
        <Image Name="Img_Data" Source="/images/Data.png" HorizontalAlignment="Right"    Width="187" Height="150"    />
    </StackPanel>

    <StackPanel Grid.Row="1"  Grid.ColumnSpan="3"  Orientation="Vertical" HorizontalAlignment="Center">
        <Label Content="Show Details"  FontSize="18"  Foreground="White" ></Label>
        <fa:ImageAwesome Icon="Refresh" Foreground="Red"  Visibility="Collapsed" Width="50" Height="50" x:Name="spinner1" Spin="True" SpinDuration="4" />
    </StackPanel>
</Grid>
Questioner
nsds
Viewed
0
分享
AmRo 2020-12-01 19:38:32

你可以Canvas用作的最后一个孩子Grid。像这样：

<Grid x:Name="LayoutRoot" Background="Black"  >
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"></RowDefinition>
        <RowDefinition  Height="auto"></RowDefinition>
    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" ></ColumnDefinition>
        <ColumnDefinition Width="*" ></ColumnDefinition>
        <ColumnDefinition Width="*" ></ColumnDefinition>
    </Grid.ColumnDefinitions>

    <StackPanel x:Name="menu"  Grid.Row="0" Grid.ColumnSpan="3"    >
        <Button x:Name="btnOpen" Margin="8" Padding="4" Content="Select" Width="auto" Height="25"/>
        <Button Margin="8" Width="100" Height="28" Content="Play"  BorderBrush="Transparent" Name="btnPlay">
        </Button>
        <Label x:Name="lblRecordTimer" Foreground="White"  HorizontalAlignment="Center" VerticalAlignment="Center"></Label>
        <Label x:Name="lblPlayMode" Foreground="White"   HorizontalAlignment="Center" VerticalAlignment="Center" >Play</Label>
    </StackPanel>

    <StackPanel Grid.Row="1"  Grid.ColumnSpan="3"  Orientation="Vertical" HorizontalAlignment="Center">
        <Label Content="Show Details"  FontSize="18"  Foreground="White" ></Label>
    </StackPanel>

    <Canvas
        Grid.Row="0"
        Grid.RowSpan="2"
        Grid.Column="0"
        Grid.ColumnSpan="3">
        <Image 
            Name="Img_Data" 
            Canvas.Top="16"
            Canvas.Right="16"
            Source="/images/Data.png"
            Width="187"
            Height="150"/>
    </Canvas>
</Grid>

热门帖子

1
🇭🇰关于香港开户和旅游简单但有用的分享（附白拿 HKD 300 方法）
2
家庭 or 个人用的 NAS 有什么可以推荐的吗？
3
远程兼职 Web3 工程师
4
请假理由填写问题
5
[烟台大樱桃] 人生不只有上班一条路，被裁后决定专心转行做水果
6
这大约是独立开发的顶流了吧， v 友们怎么看
7
6 年软开求职 国外务工求职比如澳新美等地
8
银行功能测试工程师
9
V 友们 今年刚需 需要买车 预算 20 出头 极氪 007 可以入吗
10
黑群和白群的差异，如何选择？

热门github

1
A multi-platform library for OpenGL, OpenGL ES, Vulkan, window and input (翻译：适用于 OpenGL、OpenGL ES、Vulkan、窗口和输入的多平台库)
2
Dev tool that writes scalable apps from scratch while the developer oversees the implementation (翻译：可扩展开发工具的 PoC，该工具从头开始编写整个应用程序，同时开发人员监督实施)
3
shadcn/ui, but for Svelte. ✨ (翻译：shadcn-svelte是shadcn/ui的非官方社区主导的Svelte端口。)
4
The Python Risk Identification Tool for generative AI (PyRIT) is an open access automation framework to empower security professionals and machine learning engineers to proactively find risks in their generative AI systems. (翻译：用于生成式 AI 的 Python 风险识别工具 (PyRIT) 是一个开放式访问自动化框架，使安全专业人员和机器学习工程师能够主动发现其生成式 AI 系统中的风险。)
5
Performance-portable, length-agnostic SIMD with runtime dispatch (翻译：Highway 是一个提供可移植 SIMD/向量内在函数的 C++ 库。)
6
ZK Credo (翻译：ZK信条)
7
OpenCodeInterpreter: Integrating Code Generation with Execution and Refinement (翻译：OpenCodeInterpreter：将代码生成与执行和优化集成)
8
Joplin - the secure note taking and to-do app with synchronisation capabilities for Windows, macOS, Linux, Android and iOS. (翻译：Joplin - 一个开源的笔记和待办事项应用程序，具有Windows，macOS，Linux，Android和iOS的同步功能。)
9
Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention. (翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)
10
This repository contains System Design resources which are useful while preparing for interviews and learning Distributed Systems (翻译：该存储库包含系统设计资源，在准备面试和学习分布式系统时非常有用)
11
Curso para aprender el lenguaje de programación Python desde cero y para principiantes. 75 clases, 37 horas en vídeo, código, proyectos y grupo de chat. Fundamentos, frontend, backend, testing, IA... (翻译：从零开始学习 Python 编程语言的课程，适合初学者)
12
🎓 Path to a free self-taught education in Computer Science! (翻译：🎓计算机科学免费自学教程！)
13
1️⃣🐝🏎️ The One Billion Row Challenge -- A fun exploration of how quickly 1B rows from a text file can be aggregated with Java (翻译：十亿行挑战 —— 使用 Java 对文本文件中的 10 亿行数据进行聚合的有趣探索)
14
A collective list of free APIs (翻译：免费 API 的集合列表)
15
📚 Freely available programming books (翻译：📚 免费提供的编程书籍)