c#学习之30分钟学会XAML

2019-12-30 14:51:56王旭

核心用户输入控件,除了上面列出来的这些之外,还有许多,例如:Calendar、Slider、TabControl等等,它们一起构成了WPF的完整的输入控件族,是用户创建界面的核心。

二、 窗口修饰控件

1、 Menu控件,菜单控件,相信大家都不陌生,先看下面的xaml:


<Grid>
	<Menu>
	<MenuItem Header="First" >
		<MenuItem Header="second"/>
		<MenuItem Header="secend">
			<MenuItem Header="third" Click="Handler"/>
		</MenuItem>
		</MenuItem>
	</Menu>
</Grid>

显示的界面:

XAML,c#

由此可以看出,菜单控件是利用MenuItem子项形成层级结构,并且可以为每一个菜单项设置Click事件。上面实例没有设置菜单的高度,故而菜单铺满全局。

菜单项有几个属性需要注意一下上图中可以看出,一个子菜单主要有三个部分,其中一个是显示内容,内容前面有个空白(这是一个图标Icon的占位空白),还有子项后面的那个黑色的三角箭头。

Icon:可以设置菜单的图标,其内容可以是一个image空间,用法如下:


<MenuItem.Icon>
    <Image Source="Delete.png"/>
 </MenuItem.Icon>

其中source指向你想要显示为Icon的图片。

Header:菜单的内容,设置如上的xaml所示。

2、  ToolBar控件,工具条菜单。ToolBar 是一个 HeaderedItemsControl 。其内容属性为  Items  和  ItemsSource ,其标头属性为  Header 。基本用法看下面xaml:


<ToolBarTray Background="White">
 <ToolBar Band="10" BandIndex="10">
  <Button>
   <Image Source="Ore.jpg" />
  </Button>
  <Separator/>
  <Button>
   <Image Source="Ore.jpg" />
  </Button>
 </ToolBar>
</ToolBarTray>

其中Separator表示分隔条,可以为工具条中的每个按钮设计单击事件打开某一程序。

工具条默认显示为横向,如果想要纵向显示需要设置工具条的Orientation属性。

工具条大概显示如下:

XAML,c#

XAML,c#

4、 ToolTip控件, Tooltip控件是一个简单,但非常有用的控件。它能够为我们的软件提供非常漂亮的提示信息,提高软件的可用性,给用户比较好的体验。上xaml:


<Button Height="25" Content="提示工具演示" HorizontalAlignment="Center">
			<Button.ToolTip>
				<ToolTip Background="#60AA4030" Foreground="White" HasDropShadow="False" 
						 Placement="Mouse">
					<StackPanel>
						<TextBlock Margin="3">提示语:这是什么?</TextBlock>
						<!--<Image Source="black.jpg" Stretch="Fill"/>-->
						<TextBlock Margin="3">传说中的3亿网站。</TextBlock>
					</StackPanel>
				</ToolTip>
			</Button.ToolTip>
		</Button>