silverlight系列(Button、HyperlinkButton、Checkbox、Combox、ListBox、Slider、RadionButton)

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/2008 
xmlns: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/2008
    xmlns: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:

滚动滑块：