Button:
- Content:按钮内容。
- Cursor:鼠标指针类型。
- ClickMode:点击形式。包括Press、Hover、Release,分别表示鼠标点击、鼠标经过、鼠标点击后并释放。
HyperlinkButton
- TargetName:目标名称,与Html中a href用法类似。
- NavigateUri:目的地址。
< UserControl x:Class ="Button.MainPage"
xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d =http://schemas.microsoft.com/expression/blend/2008xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable ="d" d:DesignWidth ="640" d:DesignHeight ="480" >
< Grid x:Name ="LayoutRoot" HorizontalAlignment ="Center" Width ="Auto"Height ="300" ShowGridLines ="True" >
< Grid.RowDefinitions >
< RowDefinition Height ="50" />
< RowDefinition Height ="50" />
< RowDefinition Height ="Auto" />
</ Grid.RowDefinitions >
< Grid.ColumnDefinitions >
< ColumnDefinition />
</ Grid.ColumnDefinitions >
< Button Tag ="我是button" Cursor ="Hand" Background ="AliceBlue" Padding ="5" ClickMode ="Press"
Click ="Button_Click" Width ="98" Height ="35" HorizontalAlignment ="Center"VerticalAlignment ="Top" Grid.Row ="0" Grid.Column ="0" >
< Button.Content >
< Image Source ="Image/xhtml10.png" />
</ Button.Content >
</ Button >
<!--
Content:按钮内容
Cursor:鼠标指针类型
ClickMode:点击形式。包括Press、Hover、Release,分别表示鼠标点击、鼠标经过、鼠标点击后并释放。
-->
< HyperlinkButton Content ="我是linkbutton" Width ="180" Height ="40" HorizontalContentAlignment ="Center"Padding ="5" VerticalAlignment ="Top" TargetName ="_blank" Background ="AliceBlue"VerticalContentAlignment ="Center" NavigateUri ="http://www.cnblogs.com/wendy_soft2008"
Grid.Row ="1" Grid.Column ="0" >
</ HyperlinkButton >
<!--
TargetName:目标名称,与Html中a href用法类似
NavigateUri:目的地址
-->
</ Grid >
</ UserControl >
CS:
namespace Button
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
}
private void Button_Click( object sender, RoutedEventArgs e)
{
HtmlWindow html = HtmlPage.Window; // javascript的托管样式
html.Alert(((System.Windows.Controls.Button)sender).Tag.ToString() + " 被点击了 " );
((System.Windows.Controls.Button)sender).IsEnabled = false ; // 将按钮设置为不可点击
((System.Windows.Controls.Button)sender).Cursor = Cursors.Arrow; // 更改鼠标停留时的光标样式
}
}
}
运行效果:
Checkbox、Combox、ListBox、RadioButton、Slider
XAML:
< UserControl xmlns:dataInput ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.Input"x:Class ="selectcontrol.MainPage"
xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d =http://schemas.microsoft.com/expression/blend/2008xmlns:mc ="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable ="d" d:DesignWidth ="640" d:DesignHeight ="480" >
< Grid x:Name ="LayoutRoot" HorizontalAlignment ="Left" Width ="Auto" Height ="500"ShowGridLines ="False" VerticalAlignment ="Top" Margin ="5,5,5,5" >
< Grid.RowDefinitions >
< RowDefinition Height ="35" />
< RowDefinition Height ="35" />
< RowDefinition Height ="35" />
< RowDefinition Height ="155" />
< RowDefinition Height ="35" />
< RowDefinition Height ="35" />
< RowDefinition Height ="Auto" />
</ Grid.RowDefinitions >
< Grid.ColumnDefinitions >
< ColumnDefinition />
< ColumnDefinition />
</ Grid.ColumnDefinitions >
< CheckBox Content ="我被选中了" IsChecked ="true" Click ="CheckBox_Click"Checked ="CheckBox_Checked" Unchecked ="CheckBox_Unchecked" Grid.Row ="0" >
</ CheckBox >
< ComboBox x:Name ="cbx1" MaxDropDownHeight ="200" BorderThickness ="1" Background ="AliceBlue"Width ="200" SelectionChanged ="cbx1_SelectionChanged" Height ="25" Grid.Row ="1" >
< ComboBoxItem Content ="key" />
< ComboBoxItem Content ="keysky" />
< ComboBoxItem Content ="keyskykey" />
< ComboBoxItem Content ="keyskykeysky" />
</ ComboBox >
< ComboBox x:Name ="cbx2" MaxDropDownHeight ="200" BorderThickness ="1"Background ="AliceBlue" Width ="200" Height ="25" Grid.Row ="2" >
</ ComboBox >
<!--
MaxDropDownHeight:下拉框最大高度
-->
< ListBox x:Name ="lbx1" Width ="200" Height ="150"SelectionChanged ="lbx1_SelectionChanged" Grid.Row ="3" >
< ListBoxItem Content ="keysky1" />
< ListBoxItem Content ="keysky2" />
< ListBoxItem Content ="keysky3" />
< ListBoxItem Content ="keysky4" />
< ListBoxItem Content ="keysky5" />
< ListBoxItem Content ="keysky6" />
</ ListBox >
< RadioButton x:Name ="rbtn1" Background ="Beige" Width ="150" Height ="25"Grid.Row ="4" IsChecked ="False" Content ="请选我" >
</ RadioButton >
< Slider x:Name ="sd1" Background ="AliceBlue" Maximum ="100" Minimum ="0"ValueChanged ="Slider_ValueChanged" Width ="100" Height ="20" Grid.Row ="5"Orientation ="Horizontal" ></ Slider >
<!--
Orientation:滚轮方向,水平或者竖直。
Maximum:范围元素的最大值
Minimum:范围元素的最小值
-->
< dataInput:Label x:Name ="lbl1" Width ="200" Height ="20" Background ="AliceBlue"Grid.Row ="5" Grid.Column ="1" ></ dataInput:Label >
</ Grid >
</ UserControl >
CS:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Browser;
namespace selectcontrol
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
}
private void CheckBox_Click( object sender, RoutedEventArgs e)
{
/* CheckBox cb = sender as CheckBox;
HtmlWindow html = HtmlPage.Window;
html.Alert(cb.Content.ToString()); */
}
private void CheckBox_Checked( object sender, RoutedEventArgs e)
{
CheckBox cb = sender as CheckBox;
cb.Content = " 我被选中了 " ;
}
private void CheckBox_Unchecked( object sender, RoutedEventArgs e)
{
CheckBox cb = sender as CheckBox;
cb.Content = " 我没有被选中了 " ;
}
private void cbx1_SelectionChanged( object sender, SelectionChangedEventArgs e)
{
// MessageBox.Show(((System.Windows.Controls.ComboBoxItem)cbx1.SelectedItem).Content.ToString());
BindData(((System.Windows.Controls.ComboBoxItem)cbx1.SelectedItem).Content.ToString());
}
private void BindData( string str)
{
cbx2.Items.Clear();
for ( int i = 0 ; i < 100 ; i = i + 10 )
{
cbx2.Items.Add(str + i);
}
cbx2.SelectedIndex = 0 ;
}
private void lbx1_SelectionChanged( object sender, SelectionChangedEventArgs e)
{
HtmlWindow html = HtmlPage.Window;
html.Alert(((System.Windows.Controls.ListBoxItem)lbx1.SelectedItem).Content.ToString() + " 被点击了 " );
}
private void Slider_ValueChanged( object sender, RoutedPropertyChangedEventArgs < double > e)
{
lbl1.Content = " 滑块当前的值为: " + ((System.Windows.Controls.Slider)sd1).Value.ToString();
// MessageBox.Show("滑块当前的值为:" + ((System.Windows.Controls.Slider)sd1).Value.ToString());
}
}
}
运行结果:
点击checkbox:
选择Combox:
点击ListBox:
滚动滑块: