WPF菜單欄、工具欄、狀態欄的簡單使用


1. 界面效果如下:

       

2. 頁面 .xaml代碼如下:

 

<Window x:Class="MenuAndToolBar.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DockPanel><!--停靠布局,讓菜單欄和工具欄位於窗口頂部-->
            <Menu DockPanel.Dock="Top">
                <MenuItem Header="File"><!--菜單項為MenuItem,文字使用屬性 Header-->
                    <MenuItem Name="menuOpen" Header="Open" Click="menuOpen_Click"></MenuItem>
                    <MenuItem Header="Save"></MenuItem>
                    <MenuItem Header="Delete"></MenuItem>
                </MenuItem>
                <MenuItem Header="Edit"></MenuItem>
                <MenuItem Header="View"></MenuItem>
                <MenuItem Header="About"></MenuItem>
            </Menu>
            <ToolBar DockPanel.Dock="Top"><!--ToolBar和StatusBar就是一個容器-->
                <Button Content="Save"></Button>
                <Separator></Separator>
                <Button Content="SaveAll"></Button>
                <Separator></Separator>
                <Button Content="FileExplorer"></Button>
                <Separator></Separator>
                <Button Content="Start"></Button>
                <Separator></Separator>
                <Button Content="Test"></Button>
            </ToolBar>
            <TextBox DockPanel.Dock="Top" Text="This is my space" Height="243"></TextBox>
            <StatusBar DockPanel.Dock="Bottom">
                <TextBlock Text="statusBar"></TextBlock>
            </StatusBar>
        </DockPanel>
    </Grid>
</Window>

 

3. 后台代碼: 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
 
namespace MenuAndToolBar
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
          public MainWindow()
         {
               InitializeComponent();
         }
 
          private void menuOpen_Click(object sender, RoutedEventArgs e)
          {
                MessageBox.Show("Open the file you want.");
          }
 
    }
}

 

 

出處:https://www.cnblogs.com/tommy-huang/p/4616462.html

=================================================================================

WPF StatusBar控件

應用程序窗口的頂部通常由前面章節中描述的主菜單和/或工具欄占用,窗口的底部通常是狀態欄。 狀態欄用於顯示有關應用程序當前狀態的各種信息,如光標位置,字數,任務進度等。 對我們來說幸運的是,WPF帶有一個很好的StatusBar控件,可以很容易地為您的應用程序添加狀態欄功能。

讓我們從一個非常基礎的例子開始:

<Window x:Class="WpfTutorialSamples.Common_interface_controls.StatusBarSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="StatusBarSample" Height="150" Width="300">
	<DockPanel>
		<StatusBar DockPanel.Dock="Bottom">
			<StatusBarItem>
				<TextBlock Name="lblCursorPosition" />
			</StatusBarItem>
		</StatusBar>
		<TextBox AcceptsReturn="True" Name="txtEditor" SelectionChanged="txtEditor_SelectionChanged" />
	</DockPanel>
</Window>
using System;
using System.Windows;

namespace WpfTutorialSamples.Common_interface_controls
{
	public partial class StatusBarSample : Window
	{
		public StatusBarSample()
		{
			InitializeComponent();
		}

		private void txtEditor_SelectionChanged(object sender, RoutedEventArgs e)
		{

			int row = txtEditor.GetLineIndexFromCharacterIndex(txtEditor.CaretIndex);
			int col = txtEditor.CaretIndex - txtEditor.GetCharacterIndexFromLineIndex(row);
			lblCursorPosition.Text = "Line " + (row + 1) + ", Char " + (col + 1);
		}
	}
}

這一切都非常簡單 - 一個顯示當前光標位置的TextBlock控件,就像幾乎任何其他允許您編輯文本的應用程序一樣。 在這個非常基礎的窗口中,StatusBar可以很容易地成為一個帶有一組控件的面板,當我們需要將它分成幾個信息區域時,StatusBar的真正優勢就出現了。

高級StatusBar示例

讓我們嘗試使用StatusBar的更高級示例。 首先我們讓StatusBar使用另一個面板進行布局。 默認情況下,它使用DockPanel,但是當我們想要一個更復雜的布局時,使用以某種方式調整寬度和對齊內容的列,Grid是一個更好的選擇。

我們將Grid划分為三個區域,左側和右側區域具有固定寬度,中間列自動占用剩余空間。 我們還將在其間添加用於Separator控件的列。 下面是它現在的樣子:

<Window x:Class="WpfTutorialSamples.Common_interface_controls.StatusBarAdvancedSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="StatusBarAdvancedSample" Height="150" Width="400">
    <DockPanel>
        <StatusBar DockPanel.Dock="Bottom">
            <StatusBar.ItemsPanel>
                <ItemsPanelTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="100" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="100" />
                        </Grid.ColumnDefinitions>
                    </Grid>
                </ItemsPanelTemplate>
            </StatusBar.ItemsPanel>
            <StatusBarItem>
                <TextBlock Name="lblCursorPosition" />
            </StatusBarItem>
            <Separator Grid.Column="1" />
            <StatusBarItem Grid.Column="2">
                <TextBlock Text="c:\path\of\current\file.txt" />
            </StatusBarItem>
            <Separator Grid.Column="3" />
            <StatusBarItem Grid.Column="4">
                <ProgressBar Value="50" Width="90" Height="16" />
            </StatusBarItem>
        </StatusBar>
        <TextBox AcceptsReturn="True" Name="txtEditor" SelectionChanged="txtEditor_SelectionChanged" />
    </DockPanel>
</Window>
using System;
using System.Windows;

namespace WpfTutorialSamples.Common_interface_controls
{
	public partial class StatusBarAdvancedSample : Window
	{
		public StatusBarAdvancedSample()
		{
			InitializeComponent();
		}

		private void txtEditor_SelectionChanged(object sender, RoutedEventArgs e)
		{
			int row = txtEditor.GetLineIndexFromCharacterIndex(txtEditor.CaretIndex);
			int col = txtEditor.CaretIndex - txtEditor.GetCharacterIndexFromLineIndex(row);
			lblCursorPosition.Text = "Line " + (row + 1) + ", Char " + (col + 1);
		}
	}
}

如您所見,我添加了一些示例信息,例如中間列中的假文件名和右側的進度條,現在顯示靜態值。 你可以輕松地使這項工作真實,它可以讓你了解可以用StatusBar控件做什么。

小結

再次,WPF可以輕松獲得標准的Windows功能,在這種情況下,StatusBar已集成到您的應用程序中。

您甚至可以放置除這些示例中使用的控件之外的其他控件,比如按鈕,組合框等,但請注意,由於StatusBar在托管它們時不對這些控件應用任何特殊渲染,因此它可能看起來不像你期望它在狀態欄中的控件。 如果需要,可以使用自定義樣式處理這個問題,這是本教程中其他地方討論的主題。

轉載:WPF Tutorial

 

出處:https://blog.csdn.net/ccvah/article/details/90479090


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM