wpf卡片布局

Posted 2023-02-21

【中文标题】wpf卡片布局

【英文标题】：wpf card layout

【发布时间】：2011-12-14 16:39:19

【问题描述】：

我对 wpf 很陌生。如何从 java 实现 CardLayout 功能？我有一个窗口，我需要根据用户操作完全切换内容，例如选项卡式窗格中的不同选项卡。

【问题讨论】：

能否提供样品？

@Fischermaen, download.oracle.com/javase/tutorialJWS/uiswing/layout/ex6/…

我不是 Java 开发人员 - 只需一个简单的屏幕截图显示您想要的设计就足够了。

@Fischermaen, download.oracle.com/javase/tutorial/uiswing/layout/card.html

【参考方案1】：

您可以创建多个页面并将它们托管在一个框架中。 更多信息请查看here。

XAML：

<Window x:Class="CardLayout"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="CardLayout" Height="300" Width="300">
    <Grid>
        <Frame Height="200" HorizontalAlignment="Left" Margin="12,40,0,0" Name="frame1" VerticalAlignment="Top" Width="254" NavigationUIVisibility="Hidden" />

        <ComboBox HorizontalAlignment="Left" Margin="12,12,0,0" Name="comboBox1" VerticalAlignment="Top" Width="254" SelectedIndex="0" SelectionChanged="comboBox1_SelectionChanged">
            <ComboBoxItem>FirstPage</ComboBoxItem>
            <ComboBoxItem>SecondPage</ComboBoxItem>
        </ComboBox>
    </Grid>
</Window>

代码背后：

public partial class CardLayout : Window

    private Page[] pages = new Page[] new Page1(), new Page2();

    public CardLayout()
    
        InitializeComponent();
    

    private void comboBox1_SelectionChanged(object sender, SelectionChangedEventArgs e)
    
        frame1.Content = pages[((ComboBox) sender).SelectedIndex];
    

【讨论】：

我知道它很旧，但首先出现在 Google 中的“CardLayout WPF”：还有TabControl，它非常非常有用（至少对我来说）。