Silverlight操作网页元素
还是通过网页元素的ID得到给元素，然后设置该元素的属性即可
Html
|
1
|
<img id="myimg" src="ClientBin/Images/Eagle.jpg" alt="niao"/>
|
XAML
|
1
2
3
|
<StackPanel>
<Slider x:Name="myslider" Maximum="1000" Minimum="0" Value="50" ValueChanged="myslider_ValueChanged"></Slider>
</StackPanel>
|
CS
|
1
2
3
4
5
|
private void myslider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
HtmlElement img = HtmlPage.Document.GetElementById("myimg");
img.SetAttribute("width",e.NewValue.ToString());
}
|
反之呢？
我们要改变Silvelight中的元素，那么必须在后台事件中，所以，原理就是把html元素的事件绑定到code-behind即可
html
|
1
2
3
4
5
|
<select id="select">
<option title="Red" value="Red" selected>Red</option>
<option title="Blue" value="Blue">Blue</option>
<option title="Yellow" value="Yellow">Yellow</option>
</select>
|
XAML
|
1
|
<Ellipse x:Name="myell" Width="200" Height="200" Fill="Red"></Ellipse>
|
CS
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
public MainPage()
{
InitializeComponent();
HtmlElement select = HtmlPage.Document.GetElementById("select");
select.AttachEvent("onchange", new EventHandler<HtmlEventArgs>(Select_onChange));
}
private void Select_onChange(object sender, HtmlEventArgs e)
{
HtmlElement select = HtmlPage.Document.GetElementById("select");
string Value = select.GetAttribute("value");
switch (Value)
{
case "Red":
myell.Fill = new SolidColorBrush(Colors.Red);
break;
case "Blue":
myell.Fill = new SolidColorBrush(Colors.Blue);
break;
case "Yellow":
myell.Fill = new SolidColorBrush(Colors.Yellow);
break;
default:
break;
}
}
|