gpt4 book ai didi

windows - 如何根据调整大小填充页面并调整文本位置

转载 作者:可可西里 更新时间:2023-11-01 10:19:29 25 4
gpt4 key购买 nike

我是 xaml 和 Windows 10 Gui 编程的新手。我想设计一个页面,其中包含一个 TextBlock、一个 ListBox 和一个 Button,所有这些都位于页面的中心。我希望 TextBlock 和按钮始终位于页面的顶部和底部,无论用户如何调整窗口大小。 ListBox 应自行拉伸(stretch)以自动填充 TextBlock 和 ListBox 之间的间隙。我已经尝试将 VerticalAlignment 设置为不同的值,但它似乎没有做任何事情。

<Page
x:Class="FirstWin10.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:FirstWin10"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<StackPanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Orientation="Vertical">
<TextBlock x:Name="textBlock" HorizontalAlignment="Center" Margin="10,20,10,0" TextWrapping="Wrap" VerticalAlignment="Top">
<Run Text="Unkown Screen Name"/>
<LineBreak/>
<Run/>
</TextBlock>
<ListBox x:Name="listBox" HorizontalAlignment="Center" MinWidth="450" MinHeight="178" Margin="50,20,50,0" VerticalAlignment="Stretch">
<StackPanel Orientation="Horizontal">
<CheckBox />
<TextBox Text="ListBox Item #1" />
</StackPanel>
<StackPanel Orientation="Horizontal">
<CheckBox />
<TextBlock>
<Run Text="ListBox Item #2"/>
</TextBlock>
</StackPanel>
<StackPanel Orientation="Horizontal">
<CheckBox />
<TextBlock>
<Run Text="ListBox Item #3"/>
</TextBlock>
</StackPanel>
<StackPanel Orientation="Horizontal">
<CheckBox />
<TextBlock>
<Run Text="ListBox Item #4"/>
</TextBlock>
</StackPanel>
</ListBox>
<Button x:Name="button" Content="Button" HorizontalAlignment="Center" Margin="10,20,10,0" VerticalAlignment="Bottom"/>
</StackPanel>

最佳答案

考虑使用具有三行的 Grid。第一行和最后一行自动拉伸(stretch)到 TextBlockButton 的大小;中间一行占据了剩余的空间。

<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" HorizontalAlignment="Center" /> <!-- Grid.Row="0" can be removed as it's the default -->
<ListBox Grid.Row="1" HorizontalAlignment="Center" />
<Button Grid.Row="2" HorizontalAlignment="Center" />
</Grid>

关于windows - 如何根据调整大小填充页面并调整文本位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32856342/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com