上接稳扎稳打Silverlight(5) - 2.0控件之ListBox, MediaElement, MultiScaleImage, PasswordBox


4、PasswordBox.xaml
<UserControl x:Class="Silverlight20.Control.PasswordBox"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">
                
                <!--
                Password - PasswordBox控件的密码值
                PasswordChar - PasswordBox控件所显示的密码替代字符。默认值为“●”
                -->
                <PasswordBox Width="200" PasswordChar="*"></PasswordBox>
                
        </StackPanel>        
</UserControl>
 
 
5、ProgressBar.xaml
<UserControl x:Class="Silverlight20.Control.ProgressBar"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">
                
                <TextBlock x:Name="lblPercent" TextAlignment="Center" />
                <!--
                Minimum - ProgressBar控件的最小值。参见基类System.Windows.Controls.Primitives.RangeBase
                Maximum - ProgressBar控件的最大值。参见基类System.Windows.Controls.Primitives.RangeBase
                Value - ProgressBar控件的值。参见基类System.Windows.Controls.Primitives.RangeBase
                ValueChanged - ProgressBar控件的值发生变化时所触发的事件
                -->
                <ProgressBar x:Name="progressBar" Width="200" Height="20" Minimum="10" Maximum="70"></ProgressBar>

                <!--
                IsIndeterminate - 是否无法确定当前的进度值
                        false - 可以确定当前的进度值
                        true - 无法确定当前的进度值。一个Loading动画
                -->
                <ProgressBar Width="200" Height="20" IsIndeterminate="True" Margin="5"></ProgressBar>

     </StackPanel>
</UserControl>
 
ProgressBar.xaml.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;

namespace Silverlight20.Control
{
         public partial class ProgressBar : UserControl
        {
                Storyboard _loop = new Storyboard();
                 int _count = 0;

                 public ProgressBar()
                {
                        InitializeComponent();

                        ProgressBarDemo();
                }

                 void ProgressBarDemo()
                {
                        _loop.Duration = TimeSpan.FromMilliseconds(100d);
                        _loop.Completed += new EventHandler(_loop_Completed);
                        _loop.Begin();
                }

                 void _loop_Completed( object sender, EventArgs e)
                {
                        progressBar.Value = _count;
                        lblPercent.Text = _count.ToString() + "%";

                         if (_count > 100)
                                _count = 0;
                         else
                                _count++;

                        _loop.Begin();
                }
        }
}
 
 
6、RadioButton.xaml
<UserControl x:Class="Silverlight20.Control.RadioButton"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">
                
                <!--
                GroupName - RadioButton控件所属组的组名
                Checked - 被选中后所触发的事件
                Click - 被单击后所触发的事件
                -->
                <RadioButton GroupName="groupName" Content="红色的RadioButton" Background="Red" Margin="5" />
                
                <!--
                IsEnabled - RadioButton是否有效
                -->
                <RadioButton GroupName="groupName" Content="无效的RadioButton" IsEnabled="False" Margin="5" />

                <!--
                IsChecked - 是否被选中
                RadioButton.Content - RadioButton所对应的内容
                -->
                <RadioButton GroupName="groupName" Margin="5" IsChecked="true">
                        <RadioButton.Content>
                                <Image Source="/Silverlight20;component/Images/Logo.jpg" Width="200" />
                        </RadioButton.Content>
                </RadioButton>
                
        </StackPanel>
</UserControl>
 
 
OK
[源码下载]

你可能感兴趣的:(silverlight,控件,listbox,MediaElement,PasswordBox)