当前位置：文江博客话题详情

WPF 列表框两个并排的项目

发布于 2024-10-12 03:07:34 字数 125 浏览 1 评论 0原文

基本上我想创建一个表单。完成后可能会有点长，所以我想使用列表框，以便表单可以滚动。我想要一个标签，旁边有一个文本框，供用户输入。如何在列表框中并排显示标签和文本框？

另外，如果有人对如何创建表单有任何其他建议，请告诉我。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜唯美灬不弃 2024-10-19 03:07:34

不要使用 ListBox 来添加滚动功能，而应使用 ScrollViewer。

你能画一张图来解释你的想法吗？

<Grid>
    <ScrollViewer>
         <Grid ScrollViewer.VerticalScrollBarVisibility="Auto"
              ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition  Width="auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Label Target="{Binding ElementName=textBlock}"
                       VerticalAlignment="Center">_Name:</Label>
                <TextBox Grid.Column="1"
                         x:Name="textBlock"
                         VerticalAlignment="Center"
                         Text="Enter text here" />
            </Grid>                
            <Border Grid.Column="1">
                <TextBlock Text="Anything you like" />
            </Border>
        </Grid>
    </ScrollViewer>
</Grid>

还有很多其他选择。例如，在我的示例中，您可以将 ScrollViewer 放在 Border 内。这将使边框的内容而不是整个表单可滚动。关键是确定您希望它的外观以及您希望它的行为方式。

最好的方法是在 Expression Blend 等设计器中进行绘图或原型设计。

Do not use a ListBox to add scrolling capability, use the ScrollViewer for that.

Could you sketch/draw an image that explains your ideas?

<Grid>
    <ScrollViewer>
         <Grid ScrollViewer.VerticalScrollBarVisibility="Auto"
              ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition  Width="auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Label Target="{Binding ElementName=textBlock}"
                       VerticalAlignment="Center">_Name:</Label>
                <TextBox Grid.Column="1"
                         x:Name="textBlock"
                         VerticalAlignment="Center"
                         Text="Enter text here" />
            </Grid>                
            <Border Grid.Column="1">
                <TextBlock Text="Anything you like" />
            </Border>
        </Grid>
    </ScrollViewer>
</Grid>

There are many other options. E.g., you could put the ScrollViewer inside the Border in my example. That would make the content of the Border scrollable instead of the entire form. Key is to determine what you want it to look like and how you want it to behave.

The best way to do that is by drawing or prototyping in a designer such as Expression Blend.

回复收藏 0 原文