Silverlight – 内容模型

这些按钮为模型内容提供了一种内容形式。模型在控件中出现了很多。这个想法很简单。它将接受任何内容，而不仅仅是文本。如果您想创建一个真正奇特的按钮，您甚至可以在其中放置其他内容控件，例如文本框和按钮（并在其中嵌套静止元素）。这种接口是否有意义值得怀疑，但它是可能的。

让我们看一个带按钮的简单示例，按钮内的其他内容控件。

<UserControl x:Class = "ContentModel.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:DesignHeight = "300" d:DesignWidth = "400">
   
   <Grid x:Name = "LayoutRoot" Background = "White"> 
	
      <Button Margin = "3" Height = "70" Width = "215"> 
         <Grid Margin = "5"> 
            <Polygon Points = "100,25 125,0 200,25 125,50" Fill = "LightSteelBlue" /> 
            <Polygon Points = "100,25 75,0 0,25 75,50" Fill = "LightGray"/> 
         </Grid> 
      </Button> 
		
   </Grid> 
	
</UserControl>

当上面的代码编译执行后，你会看到下面的按钮。

范围控制

滚动条和滑块控件密切相关。它们都允许用户从特定范围中选择输入值。通常，这些控件表示不同的事物。滚动条通常用于将位置设置到阴囊区域，而滑块用于指定某些值或设置。这些只是约定；这些控件具有相似的行为和 API。

范围控件易于使用。您指定最小值和最大值以指示您希望滑块表示的值范围。该值属性将作为使用拖动而变化而变化。

Slider类的分层继承如下 –

下面给出了Slider的常用属性。

下面给出了Slider类中常用的事件。

下面给出了Slider 类中常用的方法。

例子

让我们看一个简单的例子，其中添加了一个滑块和一个椭圆，滑块控制椭圆的宽度。

<UserControl x:Class = "SliderExample.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">
	
      <Grid.RowDefinitions> 
         <RowDefinition Height = "Auto" /> 
         <RowDefinition /> 
      </Grid.RowDefinitions>  
		
      <Slider Minimum = "1" Maximum = "400" Value = "1" 
         ValueChanged = "Slider_ValueChanged" />  
			
      <Ellipse Grid.Row = "1" Fill = "Aqua" Width = "1" x:Name = "myEllipse" /> 
		
   </Grid> 
	
</UserControl>

下面给出的是值更改事件实现是 C#。

using System.Windows; 
using System.Windows.Controls; 
 
namespace SliderExample { 

   public partial class MainPage : UserControl { 
	
      public MainPage() { 
         InitializeComponent(); 
      }
	  
      private void Slider_ValueChanged(object sender, 
         RoutedPropertyChangedEventArgs<double> e) { 
			
            if (myEllipse != null) { 
               myEllipse.Width = e.NewValue; 
            } 
      } 
   } 
}

当上面的代码编译执行后，你会看到下面的输出。如您所见，当您从左向右移动滑块时，椭圆宽度会增加。